/* PlayerAnalytics holiday themes v2 — see holiday.js. Everything here sits above
   the page but takes no clicks (pointer-events:none), except the greeting. */
/* Aurora: soft colour fields drifting across the top, screen-blended. */
.hol-aurora{position:fixed;left:-10vw;right:-10vw;top:-140px;height:420px;z-index:9989;pointer-events:none;mix-blend-mode:screen;opacity:0;
  background:radial-gradient(40% 55% at 25% 40%,var(--hol-1),transparent 70%),radial-gradient(35% 50% at 70% 35%,var(--hol-2),transparent 70%),radial-gradient(30% 45% at 50% 60%,var(--hol-3),transparent 70%);
  filter:blur(46px);animation:holAurIn 1.6s ease forwards,holAur 22s ease-in-out infinite alternate}
@keyframes holAurIn{to{opacity:.22}}
@keyframes holAur{from{transform:translateX(-4vw)}to{transform:translateX(4vw) scaleY(1.12)}}
/* Hairline accent along the very top. */
.hol-line{position:fixed;left:0;right:0;top:0;height:1px;z-index:9997;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--hol-1) 20%,var(--hol-2) 50%,var(--hol-3) 80%,transparent);box-shadow:0 0 10px var(--hol-1);opacity:.9}
.hol-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:9998}
/* The corner toggle: a 38px round button; lit when on, dim when off. Its label
   slides out on the first visit (.greet) and on hover, then tucks away. */
.hol-tog{position:fixed;left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:9999;
  display:flex;align-items:center;height:38px;max-width:38px;padding:0;border-radius:999px;overflow:hidden;cursor:pointer;
  border:1px solid rgba(255,255,255,.14);background:rgba(10,16,30,.82);color:#9fb5d6;
  box-shadow:0 6px 18px rgba(0,0,0,.4);transition:max-width .45s cubic-bezier(.2,.9,.25,1),border-color .2s,color .2s,box-shadow .2s;
  animation:holToast .5s ease both}
.hol-tog.on{color:#fff;border-color:color-mix(in srgb,var(--hol-1) 60%,transparent);
  background:radial-gradient(circle at 19px 50%,color-mix(in srgb,var(--hol-2) 40%,transparent),rgba(10,16,30,.88) 34px);
  box-shadow:0 6px 18px rgba(0,0,0,.4),0 0 16px color-mix(in srgb,var(--hol-1) 35%,transparent)}
.hol-tog-ic{flex:none;width:36px;height:36px;display:grid;place-items:center}
.hol-tog-ic svg{width:17px;height:17px}
.hol-tog:not(.on) .hol-tog-ic{opacity:.55}
.hol-tog-lb{white-space:nowrap;padding:0 14px 0 2px;font:500 12.5px 'Exo 2',system-ui,sans-serif;color:#e6eefc;opacity:0;transition:opacity .3s}
.hol-tog.greet,.hol-tog.on:hover{max-width:min(420px,calc(100vw - 32px))}
.hol-tog.greet .hol-tog-lb,.hol-tog.on:hover .hol-tog-lb{opacity:1}
.hol-tog:focus-visible{outline:2px solid var(--hol-2);outline-offset:2px}
@keyframes holToast{from{opacity:0;transform:translateY(14px) scale(.98)}}
@media (prefers-reduced-motion:reduce){.hol-aurora{animation:holAurIn .01s forwards}.hol-tog{animation:none;transition:none}}
@media print{.hol-aurora,.hol-line,.hol-canvas,.hol-tog{display:none!important}}
