/* VenueQuizzes v0.8.4 - cache-safe logo sweep with fail-closed particles. */
/* Question-mark markup is hidden unless both this stylesheet and the effect JS are active. */
body.logo-effects-v084 .vq-logo-particles,
body.logo-effects-v084 .vq-logo-question{
  display:none;
}

@media (max-width:900px), (hover:none) and (pointer:coarse){
  body.logo-effects-v084{--vq-logo-effects-ready:1;}
  body.logo-effects-v084 .public-brand-logo{
    position:relative!important;
    display:block!important;
    isolation:isolate;
    overflow:visible!important;
    transform-origin:50% 58%;
    animation:vq0712-logo-float 4.4s ease-in-out infinite!important;
    -webkit-tap-highlight-color:transparent;
  }

  /* Disable the legacy outer pseudo effects from public.css. */
  body.logo-effects-v084 .public-brand-logo::before,
  body.logo-effects-v084 .public-brand-logo::after{
    content:none!important;
    display:none!important;
    animation:none!important;
  }

  body.logo-effects-v084 .vq-logo-artwork{
    position:relative;
    z-index:2;
    display:block;
    width:100%;
    line-height:0;
    isolation:isolate;
  }

  body.logo-effects-v084 .vq-logo-artwork::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:7%;
    right:7%;
    bottom:-4%;
    height:44%;
    border-radius:50%;
    background:radial-gradient(ellipse at center,rgba(39,179,255,.58) 0,rgba(30,105,255,.30) 44%,rgba(22,65,170,0) 78%);
    filter:blur(12px);
    opacity:.84;
    animation:vq0712-logo-glow 2.7s ease-in-out infinite!important;
    pointer-events:none;
  }

  body.logo-effects-v084 .vq-logo-artwork img{
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
    filter:drop-shadow(0 12px 24px rgba(4,22,61,.34)) drop-shadow(0 0 12px rgba(30,155,255,.30));
    transition:transform .16s ease,filter .2s ease;
  }

  body.logo-effects-v084 .public-brand-logo:active .vq-logo-artwork img{
    transform:scale(.965);
    filter:drop-shadow(0 8px 15px rgba(4,22,61,.28)) drop-shadow(0 0 18px rgba(30,155,255,.58));
  }

  /* The element and mask share the exact image box. The mask never moves; only the gradient does. */
  body.logo-effects-v084 .vq-logo-sweep{
    position:absolute;
    z-index:3;
    inset:0;
    display:block;
    pointer-events:none;
    opacity:0;
    background-image:linear-gradient(108deg,
      rgba(255,255,255,0) 37%,
      rgba(255,255,255,.08) 43%,
      rgba(255,255,255,.98) 49%,
      rgba(118,218,255,.62) 53%,
      rgba(255,255,255,.08) 59%,
      rgba(255,255,255,0) 65%);
    background-repeat:no-repeat;
    background-size:260% 100%;
    background-position:180% 50%;
    -webkit-mask-image:url("images/venuequizzes-logo-v2.png");
    mask-image:url("images/venuequizzes-logo-v2.png");
    -webkit-mask-mode:alpha;
    mask-mode:alpha;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    animation:vq0712-logo-sweep 4.5s ease-in-out -1.1s infinite!important;
  }

  body.logo-effects-v084 .vq-logo-particles:not([hidden]){
    position:absolute;
    z-index:5;
    inset:0;
    display:block;
    overflow:visible;
    pointer-events:none;
  }

  body.logo-effects-v084 .vq-logo-question{
    position:absolute;
    display:grid;
    place-items:center;
    width:clamp(23px,7vw,38px);
    height:clamp(23px,7vw,38px);
    border:1px solid rgba(120,196,255,.22);
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.95),rgba(208,235,255,.58) 48%,rgba(61,139,255,.10) 72%);
    box-shadow:0 0 16px rgba(59,137,255,.24);
    color:rgba(22,91,214,.90);
    font:950 clamp(19px,5.5vw,31px)/1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
    text-shadow:0 1px 0 rgba(255,255,255,.75),0 0 10px rgba(67,133,255,.30);
    opacity:0;
    transform:translate3d(0,0,0) scale(.55);
    pointer-events:none;
    animation:vq0712-question-burst 5.8s cubic-bezier(.18,.72,.24,1) infinite!important;
  }

  /* Distinct origins and radial trajectories: far-left, upper-left, up, upper-right, far-right. */
  body.logo-effects-v084 .vq-logo-question.q1{left:12%;top:57%;--vq-x-mid:-18px;--vq-y-mid:-17px;--vq-r-mid:-4deg;--vq-x:-82px;--vq-y:-78px;--vq-r:-18deg;animation-delay:-.2s}
  body.logo-effects-v084 .vq-logo-question.q2{left:29%;top:54%;--vq-x-mid:-11px;--vq-y-mid:-26px;--vq-r-mid:-2deg;--vq-x:-48px;--vq-y:-118px;--vq-r:-10deg;animation-delay:-1.35s}
  body.logo-effects-v084 .vq-logo-question.q3{left:48%;top:48%;--vq-x-mid:0px;--vq-y-mid:-31px;--vq-r-mid:2deg;--vq-x:0px;--vq-y:-142px;--vq-r:7deg;animation-delay:-2.5s}
  body.logo-effects-v084 .vq-logo-question.q4{left:66%;top:54%;--vq-x-mid:11px;--vq-y-mid:-26px;--vq-r-mid:3deg;--vq-x:48px;--vq-y:-118px;--vq-r:13deg;animation-delay:-3.65s}
  body.logo-effects-v084 .vq-logo-question.q5{left:82%;top:57%;--vq-x-mid:18px;--vq-y-mid:-17px;--vq-r-mid:5deg;--vq-x:82px;--vq-y:-78px;--vq-r:20deg;animation-delay:-4.8s}
}

@keyframes vq0712-logo-float{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  50%{transform:translate3d(0,-7px,0) rotate(-.35deg)}
}
@keyframes vq0712-logo-glow{
  0%,100%{opacity:.62;transform:scale(.93)}
  50%{opacity:1;transform:scale(1.09)}
}
@keyframes vq0712-logo-sweep{
  0%,30%{background-position:180% 50%;opacity:0}
  36%{opacity:.94}
  64%{background-position:-90% 50%;opacity:.78}
  70%,100%{background-position:-90% 50%;opacity:0}
}
@keyframes vq0712-question-burst{
  0%{transform:translate3d(0,8px,0) scale(.52) rotate(0deg);opacity:0}
  9%{opacity:.82}
  25%{transform:translate3d(var(--vq-x-mid),var(--vq-y-mid),0) scale(.78) rotate(var(--vq-r-mid));opacity:.96}
  62%{opacity:.72}
  100%{transform:translate3d(var(--vq-x),var(--vq-y),0) scale(1.12) rotate(var(--vq-r));opacity:0}
}

@media (prefers-reduced-motion:reduce){
  body.logo-effects-v084 .public-brand-logo,
  body.logo-effects-v084 .vq-logo-artwork::before,
  body.logo-effects-v084 .vq-logo-sweep,
  body.logo-effects-v084 .vq-logo-question{
    animation:none!important;
  }
  body.logo-effects-v084 .vq-logo-sweep{opacity:.18;background-position:50% 50%}
  body.logo-effects-v084 .vq-logo-question{opacity:.32;transform:translate3d(var(--vq-x-mid),var(--vq-y-mid),0) scale(.8)}
}