.ha-game-trigger{position:absolute;z-index:20;display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;background:transparent;color:#5f94d0;cursor:pointer;transform:translate(-50%,-50%);-webkit-tap-highlight-color:transparent}
.ha-game-trigger[hidden]{display:none!important}
.ha-game-trigger-icon{display:grid;place-items:center;width:5px;height:5px;opacity:.85;filter:drop-shadow(0 0 3px rgba(160,200,255,.9)) drop-shadow(0 0 10px rgba(57,132,245,.95));transition:color .2s ease,opacity .2s ease,filter .2s ease}
.ha-game-trigger-icon svg{display:block;width:100%;height:auto}
.ha-game-trigger:hover .ha-game-trigger-icon,.ha-game-trigger:focus-visible .ha-game-trigger-icon{color:#8df29e;opacity:1;filter:drop-shadow(0 0 4px rgba(181,255,191,.95)) drop-shadow(0 0 11px rgba(73,237,110,.95))}
.ha-game-trigger:focus-visible{outline:1px solid #8df29e;outline-offset:2px;border-radius:50%}
body.ha-game-open{overflow:hidden!important}
.ha-game-vanishing{will-change:opacity,filter}
body.ha-game-departing .ha-game-vanishing{opacity:0!important;filter:blur(9px)!important;transition:opacity .9s ease var(--game-exit-delay,0ms),filter .9s ease var(--game-exit-delay,0ms)!important}
.ha-game-archive{position:fixed;inset:0;z-index:2147483600;overflow:hidden;background:radial-gradient(ellipse at 19% 77%,rgba(117,13,31,.2),transparent 43%),radial-gradient(ellipse at 86% 12%,rgba(77,8,20,.1),transparent 36%),#09090d;color:#fff;opacity:0;transition:opacity 1.85s cubic-bezier(.4,0,.2,1);isolation:isolate}
.ha-game-archive[hidden]{display:none!important}
.ha-game-archive.is-open{opacity:1}
.ha-game-noise{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.11;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 4px 4.5px)}
.ha-game-intro{position:absolute;inset:0;z-index:9;display:grid;place-items:center;pointer-events:none}
.ha-game-intro-label{display:flex;align-items:center;justify-content:center;gap:.4em;white-space:nowrap;color:#f4f0ef;font:500 clamp(14px,1.25vw,21px)/1.2 'Syne',sans-serif;letter-spacing:.19em;text-align:center;text-transform:uppercase;opacity:0;transition:opacity 1.2s ease}
.ha-game-intro-label span{color:#f42e3d}
.ha-game-archive.is-title-in .ha-game-intro-label{opacity:1}
.ha-game-film-wrap{position:absolute;inset:-1%;z-index:1;opacity:0;transform:perspective(1600px) translateZ(-210px) rotateY(-3deg) scale(1.15);transform-origin:55% 50%;transition:opacity 2.35s ease,transform 3.4s cubic-bezier(.22,.74,.18,1);will-change:transform,opacity}
.ha-game-archive.is-revealing .ha-game-film-wrap{opacity:1;transform:perspective(1600px) translateZ(0) rotateY(0) scale(1)}
.ha-game-film{display:block;width:100%;height:100%;transform:translate3d(var(--game-parallax-x,0px),var(--game-parallax-y,0px),0) scale(1.015);transition:transform 1.3s cubic-bezier(.16,1,.3,1)}
.ha-game-film-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,4,8,.41),transparent 38%,transparent 72%,rgba(3,4,8,.25)),linear-gradient(0deg,#09090d 0%,rgba(9,9,13,.73) 13%,transparent 43%,rgba(9,9,13,.18) 90%)}
.ha-game-slides,.ha-game-slide{position:absolute;inset:0}
.ha-game-slides{z-index:4;pointer-events:none}
.ha-game-slide{opacity:0;transition:opacity 1.25s ease}
.ha-game-slide.is-active{opacity:1}
.ha-game-slide.is-departing{opacity:0;transition:opacity .75s ease}
.ha-game-slide.is-entering{opacity:0}
.ha-game-slide.is-entering.is-visible{opacity:1;transition:opacity 1.3s ease}
.ha-game-art,.ha-game-shade{display:none!important}
.ha-game-copy{position:absolute;z-index:2;left:clamp(44px,8vw,170px);right:clamp(44px,8vw,170px);bottom:clamp(122px,14vh,168px);text-shadow:0 3px 24px rgba(0,0,0,.75);transform:translateY(16px);opacity:0;transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity 1s ease}
.ha-game-archive.is-revealing .ha-game-slide.is-active .ha-game-copy,.ha-game-slide.is-entering.is-visible .ha-game-copy{transform:translateY(0);opacity:1}
.ha-game-slide.is-departing .ha-game-copy{opacity:0!important;transform:translateY(-9px);transition:opacity .55s ease,transform .55s ease}
.ha-game-status{display:inline-flex;align-items:center;gap:10px;padding:7px 11px;border:1px solid rgba(255,255,255,.48);color:#fff;background:rgba(4,5,8,.34);backdrop-filter:blur(8px);font:700 10px/1.2 monospace;letter-spacing:.19em}
.ha-game-status::before{content:'';width:5px;height:5px;border-radius:50%;background:#f42e3d;box-shadow:0 0 8px #f42e3d}
.ha-game-copy h2{max-width:920px;margin:15px 0 0;color:#fff;font:700 clamp(52px,6.8vw,118px)/.92 'Syne',sans-serif;letter-spacing:-.065em}
.ha-game-close{position:absolute;z-index:11;top:clamp(26px,4vw,56px);right:clamp(26px,4vw,56px);display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(0,0,0,.32);color:#fff;cursor:pointer;backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:background .3s,transform .3s,border-color .3s,opacity 1s ease}
.ha-game-archive.is-settled .ha-game-close{opacity:1;pointer-events:auto}
.ha-game-close svg{display:block;width:19px;height:19px}
.ha-game-close:hover{transform:rotate(90deg);background:#f42e3d;border-color:#f42e3d}
.ha-game-arrow{position:absolute;z-index:6;top:49%;display:grid;place-items:center;width:60px;height:60px;padding:0;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:rgba(2,3,7,.35);color:#fff;cursor:pointer;backdrop-filter:blur(12px);transition:background .3s,transform .3s,border-color .3s,opacity 1s ease}
.ha-game-arrow svg{display:block;width:26px;height:18px;flex:none}
.ha-game-prev{left:clamp(25px,3vw,60px)}.ha-game-next{right:clamp(25px,3vw,60px)}
.ha-game-arrow:hover{background:#f42e3d;border-color:#f42e3d;transform:scale(1.08)}
.ha-game-rail{position:absolute;z-index:7;left:clamp(44px,8vw,170px);right:clamp(44px,8vw,170px);bottom:clamp(44px,6vh,80px);display:flex;align-items:center;gap:24px;transition:opacity 1s ease}
.ha-game-autoplay{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.58);border-radius:50%;background:rgba(2,3,7,.4);color:#fff;cursor:pointer}
.ha-game-autoplay:hover{border-color:#f42e3d;background:rgba(244,46,61,.18)}
.ha-game-autoplay svg{display:block;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ha-game-autoplay .ha-game-play-icon{display:none}
.ha-game-archive.is-paused .ha-game-pause-icon{display:none}
.ha-game-archive.is-paused .ha-game-play-icon{display:block}
.ha-game-count{min-width:80px;color:#fff;font:700 12px/1 monospace;letter-spacing:.14em}.ha-game-count i{padding:0 6px;color:#f42e3d;font-style:normal}
.ha-game-steps{display:grid;grid-template-columns:repeat(11,1fr);gap:8px;flex:1}
.ha-game-steps button{display:block;height:24px;padding:0;border:0;background:transparent;cursor:pointer}
.ha-game-steps button span{display:block;width:100%;height:2px;background:rgba(255,255,255,.35);transition:height .25s,background .25s,box-shadow .25s}
.ha-game-steps button:hover span,.ha-game-steps button:focus-visible span{height:4px;background:#fff}
.ha-game-steps button.is-active span{height:4px;background:#f42e3d;box-shadow:0 0 16px rgba(244,46,61,.75)}
.ha-game-arrow,.ha-game-rail{opacity:0;pointer-events:none}
.ha-game-archive.is-playing .ha-game-arrow,.ha-game-archive.is-playing .ha-game-rail{opacity:1;pointer-events:auto}
.ha-game-archive button:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:1024px){.ha-game-trigger,.ha-game-archive{display:none!important}}
@media(prefers-reduced-motion:reduce){.ha-game-archive,.ha-game-film-wrap,.ha-game-slide,.ha-game-copy,.ha-game-intro-label,.ha-game-vanishing{transition:none!important}}
