@font-face{font-family:Game;src:url('assets/roboto-flex-cyrillic.woff2') format('woff2');font-weight:100 1000;font-display:swap;unicode-range:U+0400-052F}
@font-face{font-family:Inter;src:url('assets/inter-cyrillic.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0400-052F}
@font-face{font-family:Inter;src:url('assets/inter-bold-cyrillic.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0400-052F}
@font-face{font-family:Game;src:url('assets/roboto-flex-latin.woff2') format('woff2');font-weight:100 1000;font-display:swap;unicode-range:U+0000-024F,U+2000-206F,U+20A0-20CF}
@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-024F,U+2000-206F,U+20A0-20CF}
@font-face{font-family:Inter;src:url('assets/inter-bold.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0000-024F,U+2000-206F,U+20A0-20CF}
:root{color-scheme:dark;--ink:#08031f;--white:#f4f6ff;--blue:#076aff;--cyan:#7bfff1;--violet:#ad6cff;--px:0;--py:0}
*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;color:var(--white);font:15px/1.6 Inter,Arial,sans-serif}button{font:inherit}
.site{position:relative;isolation:isolate;overflow:clip}
.landing{--gutter:clamp(24px,5.5vw,108px);--film-size:min(36vw,calc(100svh - 220px),580px);position:relative;min-height:100svh;display:flex;flex-direction:column}
.hero{position:relative;z-index:3;flex:1;width:min(calc(100% - var(--gutter)*2),calc(var(--film-size)*2 + 160px));max-width:1500px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) var(--film-size);align-items:center;gap:clamp(28px,4vw,80px);padding:76px 0 72px}
.city{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.city-art{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;object-position:50% 27%;filter:blur(2.8px) saturate(1.2) brightness(1.36);animation:city-breathe 16s ease-in-out infinite alternate}
.city-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06022242,#08022619 45%,transparent 80%),linear-gradient(0deg,#05011c99,transparent 32%,transparent 80%,#05011c42)}
.city-light{position:absolute;inset:0;background:radial-gradient(ellipse at 15% 56%,#136dff35,transparent 32%),radial-gradient(ellipse at 92% 55%,#b90bff26,transparent 35%);mix-blend-mode:screen;animation:neon-breathe 9s ease-in-out infinite alternate}
.city-fog{position:absolute;left:-10%;right:-10%;top:54%;height:32%;background:radial-gradient(ellipse at 25% 50%,#0770ff24,transparent 50%),radial-gradient(ellipse at 75% 50%,#db0bff20,transparent 45%);filter:blur(24px);mix-blend-mode:screen;animation:city-fog-drift 13s ease-in-out infinite alternate}
#atmosphere{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}

.brand img{display:block;width:100%;height:auto}

.headline-art img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 18px #08043766)}


.film{position:relative;z-index:3;width:100%;aspect-ratio:1;min-width:0;transform:translate(calc(var(--px)*7px),calc(var(--py)*5px));perspective:1400px}
.stage-light{position:absolute;inset:-9% -14% -14%;border-radius:50%;background:radial-gradient(ellipse,#1339ce39,transparent 67%);filter:blur(24px)}
.film-pose{position:relative;width:100%;height:100%;transform:rotateY(-7deg) rotateZ(1.7deg);animation:screen-float 11s ease-in-out infinite}
.film-shell{position:relative;width:100%;height:100%;padding:2px;border-radius:23px;overflow:hidden;background:#0877ff;box-shadow:0 25px 60px #030019aa,0 0 7px #0877ffbb,0 0 26px #0656ff40;transition:box-shadow .22s}
.film video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:21px;filter:saturate(1.18) contrast(1.04)}
.film-reflection{position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#d4edff13,transparent 28%,transparent 76%,#4b88ff0a);border-radius:23px;box-shadow:inset 0 0 0 1px #87b6ff44}
.impact-glow{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,#39ff9344,transparent 60%);transition:opacity .22s}.film.is-hit .impact-glow{opacity:1}.film.is-hit .film-shell{box-shadow:0 25px 60px #030019aa,0 0 8px #51c9ffbb,0 0 35px #076aff66}
/* Original wallet faces on a closed 3D cylinder: two faces and 32 lit edge facets. */
.game-token{--coin-size:70px;--coin-depth:calc(var(--coin-size)*.12);--metal-light:#72fbbb;--metal-mid:#269a67;--metal-dark:#075038;--coin-face:url('assets/coin-face-usdt.webp');display:block;width:var(--coin-size);aspect-ratio:1;perspective:700px}
.token-gram{--coin-face:url('assets/coin-face-gram.webp');--metal-light:#83d5ff;--metal-mid:#3785db;--metal-dark:#163575}
.coin-body{position:absolute;inset:0;transform-style:preserve-3d}
.coin-face{position:absolute;inset:0;border-radius:50%;background-image:var(--coin-face);background-repeat:no-repeat;background-size:100% 100%;background-position:center;backface-visibility:hidden;box-shadow:inset 0 0 0 1px #bcffe135}
.coin-front{transform:translateZ(calc(var(--coin-depth)*.5))}.coin-back{transform:rotateY(180deg) translateZ(calc(var(--coin-depth)*.5))}
.coin-edge{position:absolute;left:50%;top:50%;width:9.86%;height:var(--coin-depth);margin-left:-4.93%;margin-top:calc(var(--coin-depth)*-.5);transform:rotateZ(var(--edge-angle)) translateY(calc(var(--coin-size)*-.4976)) rotateX(90deg);backface-visibility:hidden;background:repeating-linear-gradient(90deg,#ffffff13 0 1px,transparent 1px 3px),linear-gradient(180deg,var(--metal-light),var(--metal-mid) 25%,var(--metal-dark) 62%,var(--metal-mid));filter:brightness(var(--edge-light))}
.money-layer{position:fixed;inset:0;z-index:2;overflow:hidden;perspective:950px;pointer-events:none}.money-front{z-index:5}
.ambient-token{position:absolute;left:0;top:0;will-change:transform;filter:drop-shadow(0 5px 10px #06012888);pointer-events:none}.ambient-token.near{filter:blur(.75px) drop-shadow(0 12px 18px #06011d99)}
#reward-fx{position:absolute;inset:0;z-index:9;overflow:hidden;pointer-events:none}.reward-flight{position:absolute;left:0;top:0;width:57px;will-change:transform;filter:drop-shadow(0 0 7px #15ff8380)}.hit-ring{position:absolute;left:0;top:0;width:90px;height:90px;border-radius:50%;border:2px solid #4cffad90;box-shadow:0 0 18px #28ffaa55;will-change:transform,opacity}
/* The Donate Drop plate from lottery.png: one violet rim, deep plum and neon bloom. */
.reward-hud{position:absolute;z-index:4;left:50%;top:-48px;width:96%;transform:translateX(-50%);transform-origin:center;pointer-events:none;container-type:inline-size}
.reward-aura{position:absolute;inset:-18% -10%;border-radius:50%;background:radial-gradient(ellipse,#bf00ff30,transparent 68%);filter:blur(18px)}
.reward-plate{position:relative;z-index:2;padding:2px;border-radius:25px;background:linear-gradient(180deg,#ca43ff,#961ad7 70%,#bf36ed);box-shadow:0 0 5px #c222ff99,0 0 25px #bd0cff50,0 18px 35px #040017aa}
.reward-inner{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;min-height:clamp(96px,8.3vw,136px);padding:15px 20px;overflow:hidden;border-radius:23px;background:radial-gradient(ellipse at 65% -45%,#710cbf,#330676 52%,#170448 92%);box-shadow:inset 0 1px 6px #e858ff33,inset 0 -3px 8px #770bc66b}
.balance-token{--coin-size:clamp(57px,5.4vw,88px);width:var(--coin-size);position:relative;flex:none;filter:drop-shadow(0 0 12px #00df5777)}
.reward-number{min-width:4em;position:relative;z-index:3;display:flex;align-items:baseline;justify-content:center;gap:3px;font:800 clamp(68px,6.2vw,108px)/1 Game,Arial,sans-serif;font-variation-settings:'wght' 800,'slnt' -10,'opsz' 64;font-variant-numeric:tabular-nums;letter-spacing:-2px;background:linear-gradient(180deg,#fff0ff 10%,#f2f9ff 43%,#80fff0 88%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #1b0758) drop-shadow(0 0 12px #92ffd626)}
.reward-currency{font-size:.74em;align-self:center;margin-right:3px;color:#aaffeb;text-shadow:0 3px 0 #23086a}
.reward-glint{position:absolute;inset:-90% -70%;z-index:1;pointer-events:none;background:linear-gradient(105deg,transparent 45%,#ecd8ff08 48%,#fce4ff13 49%,transparent 52%);transform:translateX(-48%);animation:hud-shine 6.4s ease-in-out infinite}
.reward-star{position:absolute;z-index:4;width:15px;height:15px;opacity:0;background:#edb9ff;clip-path:polygon(50% 0,57% 40%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);filter:drop-shadow(0 0 7px #c629ff)}.star-one{left:3%;top:10%}.star-two{right:7%;bottom:8%;width:12px;height:12px}.star-three{right:13%;top:8%;width:9px;height:9px}
.reward-hud.is-collecting{animation:collect-pop .58s cubic-bezier(.2,.8,.2,1)}.reward-hud.is-collecting .reward-plate{box-shadow:0 0 6px #e366ffcc,0 0 35px #bc0cff77,0 18px 35px #040017aa}.reward-hud.is-collecting .reward-number{animation:win-number .58s ease-out}.reward-hud.is-collecting .balance-token{animation:token-credit .58s ease-out}.reward-hud.is-collecting .reward-star{animation:win-spark .55s ease-out}.reward-hud.is-collecting .star-two{animation-delay:.09s}.reward-hud.is-collecting .star-three{animation-delay:.18s}.reward-hud.is-resetting .reward-number{animation:round-reset .32s ease-out}
.stage-line{position:absolute;bottom:-27px;left:12%;right:8%;height:1px;transform:rotate(1.7deg);background:linear-gradient(90deg,transparent,#006bff99,transparent);box-shadow:0 0 10px #0965ff}
.copyright{font-size:9px;letter-spacing:1px;color:#c0afd9;text-shadow:0 1px 5px #05011e}

.is-paused *,.motion-paused .city *{animation-play-state:paused!important}.is-paused .film-shell,.is-paused .impact-glow{transition:none}
@keyframes city-breathe{from{transform:translate(calc(var(--px)*-10px),calc(var(--py)*-6px)) scale(1)}to{transform:translate(calc(var(--px)*-10px + 7px),calc(var(--py)*-6px - 4px)) scale(1.025)}}
@keyframes neon-breathe{to{opacity:.55;transform:translate(1%,-1%)}}@keyframes city-fog-drift{to{transform:translateX(7%) scale(1.06);opacity:.6}}
@keyframes screen-float{0%,100%{transform:rotateY(-7deg) rotateZ(1.7deg) translateY(0)}50%{transform:rotateY(-2deg) rotateZ(-.8deg) translateY(-9px)}}
@keyframes screen-float-mobile{0%,100%{transform:rotateZ(1.2deg) translateY(0)}50%{transform:rotateZ(-1.2deg) translateY(-6px)}}
@keyframes collect-pop{0%,100%{transform:translateX(-50%) scale(1)}28%{transform:translateX(-50%) scale(1.045)}57%{transform:translateX(-50%) scale(.99)}}
@keyframes win-number{0%,100%{transform:translateY(0) scale(1)}35%{transform:translateY(-2px) scale(1.025);filter:brightness(1.18)}}
@keyframes token-credit{0%,100%{transform:rotateY(0) scale(1)}40%{transform:rotateY(35deg) scale(1.12);filter:drop-shadow(0 0 17px #35ff80bb)}}
@keyframes win-spark{0%{opacity:0;transform:scale(.4) rotate(0)}25%{opacity:1}100%{opacity:0;transform:scale(1.4) rotate(60deg)}}
@keyframes round-reset{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes hud-shine{0%,35%{transform:translateX(-48%)}70%,100%{transform:translateX(48%)}}
@media(max-height:720px) and (min-width:901px){.hero{padding-top:56px;padding-bottom:52px}.reward-hud{width:100%}.reward-inner{min-height:94px;padding:12px 14px;gap:10px}.reward-number{font-size:clamp(64px,6vw,92px)}.balance-token{--coin-size:clamp(53px,4.5vw,72px)}}
@media(max-width:1100px) and (min-width:901px){.hero{gap:28px}.reward-hud{top:-38px;width:100%}.reward-inner{min-height:86px;padding:10px;gap:9px;border-radius:18px}.reward-plate{border-radius:20px}.reward-number{font-size:clamp(58px,6.5vw,72px)}.balance-token{--coin-size:53px}}
@media(max-width:900px){
 .landing{--gutter:24px}.hero{display:flex;flex-direction:column;gap:0;width:100%;padding:30px 0 52px}.city-art{left:-40%;right:auto;width:180%;object-position:50% 28%;filter:blur(2.5px) saturate(1.2) brightness(1.35);animation-duration:22s}.city-shade{background:linear-gradient(0deg,#06021f77,transparent 35%,#07032222 80%,#08032144)}
 
 
 .film{width:76%;max-width:380px;margin:138px auto 0}.film-shell{border-radius:19px}.film video{border-radius:17px}.film-pose{transform:rotateZ(1.2deg);animation:screen-float-mobile 11s ease-in-out infinite}.film-reflection{border-radius:19px}
 .reward-hud{top:-39px;width:100%}.reward-plate{border-radius:20px}.reward-inner{min-height:78px;padding:10px 9px;gap:8px;border-radius:18px}.reward-number{font-size:clamp(50px,15vw,72px);letter-spacing:-1.5px}.reward-currency{margin-right:1px}.balance-token{--coin-size:clamp(39px,11.5vw,58px)}.stage-line{bottom:-23px}.city-fog{top:58%;height:25%}
 .copyright{font-size:8px}
}
@media(max-width:430px){.hero{padding-top:25px}.reward-number{font-size:59px}}
@media(max-width:360px){.hero{padding-top:22px}.film{width:76%;margin-top:132px}.reward-hud{top:-38px}.reward-number{font-size:48px}.reward-inner{min-height:70px;padding:9px 7px;gap:6px}.balance-token{--coin-size:37px}}
@media(max-height:480px) and (min-width:901px){.landing{--film-size:min(35vw,300px)}.hero{padding-top:38px;gap:28px}.reward-number{font-size:64px}.reward-inner{min-height:76px}.balance-token{--coin-size:43px}.reward-hud{top:-30px}}
@media(min-width:640px) and (max-width:900px) and (max-height:600px){
 .landing{--film-size:min(40vw,calc(100svh - 120px))}.hero{display:grid;grid-template-columns:minmax(0,1fr) var(--film-size);width:calc(100% - 40px);gap:26px;padding:40px 0 16px}.film{width:100%;max-width:none;margin:0}.reward-hud{top:-32px}.reward-inner{min-height:70px;padding:9px 8px;gap:7px}.reward-number{font-size:clamp(48px,6.5vw,56px)}.balance-token{--coin-size:clamp(34px,4.7vw,40px)}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.brand,.film{transform:none!important}.film-pose{transform:rotateZ(1deg)}.reward-hud{transform:translateX(-50%)}.reward-glint{display:none}.ambient-token,.reward-flight{will-change:auto}}

html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* The showroom shade sits under the shared coin layer, including the footer. */
.showroom{position:relative}
.showroom::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,#08031f18 30%,#090322b3 72%,#08031ff2 100%)}
.site-footer{position:relative;z-index:3;padding:45px clamp(24px,5.5vw,108px) 30px}
.footer-rail{position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#225ecc7a 25%,#6552bf66 70%,transparent);pointer-events:none}
.footer-rail i{position:absolute;left:0;top:0;width:10%;height:1px;background:linear-gradient(90deg,transparent,#8bfff1,transparent);box-shadow:0 0 8px #178fff;animation:footer-drive 9s linear infinite}
.footer-rail i+ i{animation-delay:-4.5s;background:linear-gradient(90deg,transparent,#d081ff,transparent)}
.footer-content{position:relative;width:min(100%,1280px);margin:auto;display:grid;grid-template-columns:180px 1fr 180px;align-items:center;gap:26px}
.footer-brand{display:block;width:132px;height:auto;filter:drop-shadow(0 5px 12px #03011699)}
.footer-signoff{margin:0;text-align:center;color:#e8f5ff;font:850 clamp(26px,2.4vw,37px)/1.1 Game,Arial,sans-serif;font-variation-settings:'wght' 850,'slnt' -8,'opsz' 48;letter-spacing:-.5px;text-transform:uppercase;text-shadow:0 2px 0 #173266}
.footer-return{display:flex;align-items:center;justify-content:flex-end;gap:13px;color:#b9d4f6;text-decoration:none;font:700 10px/1.3 Inter,Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase}
.footer-return svg{flex:none;width:46px;height:46px;padding:13px;border:1px solid #497fe89c;border-radius:12px;background:linear-gradient(145deg,#113570,#13123a);box-shadow:inset 0 1px 0 #90cfff25,0 4px 0 #040a24;fill:none;stroke:#b8f9ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s,border-color .2s,background .2s}
.footer-return:hover{color:#fff}.footer-return:hover svg{transform:translateY(-3px);border-color:#a1dfff;background:#15438b}
.footer-return:focus-visible{outline:none}.footer-return:focus-visible svg{outline:2px solid #96efff;outline-offset:4px}
.site-footer .copyright{grid-column:1/-1;text-align:center;color:#8e9dbe;font:9px/1.4 Inter,Arial,sans-serif;letter-spacing:1.3px}
@keyframes footer-drive{0%{transform:translateX(0);opacity:0}10%,85%{opacity:.9}100%{transform:translateX(900%);opacity:0}}
.motion-paused .site-footer *{animation-play-state:paused!important}
@media(max-width:700px){.site-footer{padding:30px 24px 24px}.footer-content{grid-template-columns:1fr 1fr;gap:22px}.footer-brand{width:108px}.footer-return{grid-column:2;grid-row:1}.footer-signoff{grid-column:1/-1;grid-row:2;font-size:clamp(24px,6.2vw,34px)}.site-footer .copyright{font-size:8px}.footer-rail{left:6%;right:6%}}
@media(max-width:360px){.site-footer{padding-left:20px;padding-right:20px}.footer-brand{width:96px}.footer-return{gap:9px;font-size:9px;letter-spacing:.8px}.footer-return svg{width:42px;height:42px;padding:11px}}


@media(min-width:640px) and (max-width:900px) and (max-height:380px){.hero{padding-top:34px;padding-bottom:12px}}

/* One centered brand lockup, illustrated headline and native arcade CTA. */
.intro{position:relative;z-index:6;display:flex;flex-direction:column;align-items:center;min-width:0;padding:0;text-align:center}
.brand-lockup{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}
.brand{width:clamp(230px,18.5vw,290px);max-width:100%;margin:0;filter:drop-shadow(0 9px 22px #03031e99)}
.platform{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;color:#e1eaff;font:12px/1.6 Inter,Arial,sans-serif;letter-spacing:.1px}
.platform svg{width:16px;height:16px;fill:#65d5ff}
.intro h2.headline-art{width:100%;max-width:550px;margin:14px 0 22px;line-height:0}
.play-action{align-self:center;margin-inline:auto;position:relative;z-index:10;width:280px;max-width:100%;flex:none}
.play-button{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;width:100%;height:68px;padding:0 26px;border:1px solid #89d9ff;border-radius:12px;background:linear-gradient(180deg,#2784ff,#135ae6 54%,#0844c7);box-shadow:inset 0 1px 0 #e2f6ff70,inset 0 -2px 0 #155be8,0 5px 0 #0c2b8e,0 7px 0 1px #061a50,0 12px 28px #0464ff30;color:#fff;font:850 26px/1 Game,Arial,sans-serif;font-variation-settings:'wght' 850,'slnt' -8,'opsz' 48;letter-spacing:.3px;text-transform:uppercase;text-shadow:0 2px 0 #073092;cursor:pointer;transition:transform .18s,box-shadow .18s,filter .18s;-webkit-tap-highlight-color:transparent}
.play-button::before{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,transparent,#d9ffff,transparent);pointer-events:none}
.play-button svg{width:21px;height:21px;fill:#c5fff4;filter:drop-shadow(0 2px 0 #073092)}
.play-button:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:inset 0 1px 0 #e2f6ff70,inset 0 -2px 0 #155be8,0 7px 0 #0c2b8e,0 9px 0 1px #061a50,0 16px 30px #0464ff40}
.play-button:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #e2f6ff70,inset 0 -2px 0 #155be8,0 2px 0 #0c2b8e,0 4px 0 1px #061a50,0 7px 22px #0464ff20}
.play-button:focus-visible{outline:2px solid #c8fff6;outline-offset:7px}
.entry-note{margin:16px 0 0;color:#cbd6f3;font:12px/1.5 Inter,Arial,sans-serif;letter-spacing:.1px}
.launch-note{position:absolute;z-index:12;left:50%;top:calc(100% + 18px);transform:translateX(-50%);width:290px;max-width:calc(100vw - 40px);padding:14px 18px;border:1px solid #61a5ee90;border-radius:12px;background:linear-gradient(145deg,#132d5c,#11153b);box-shadow:inset 0 1px 0 #b6e3ff18,0 12px 35px #03031999;color:#dceaff;text-align:center;animation:notice-in .18s ease-out}
.launch-note[hidden]{display:none}
.launch-note::after{content:"";position:absolute;left:calc(50% - 5px);top:-6px;width:10px;height:10px;background:#162a54;border-right:1px solid #61a5ee90;border-bottom:1px solid #61a5ee90;transform:rotate(225deg)}
.launch-note strong{display:block;margin-bottom:7px;color:#c0fff0;font:800 17px/1.2 Game,Arial,sans-serif;font-variation-settings:'wght' 800,'slnt' -5}
.launch-note p{margin:0;font:12px/1.55 Inter,Arial,sans-serif}
@keyframes notice-in{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@media(min-width:1800px){.brand{width:300px}.intro h2.headline-art{max-width:590px}.platform{font-size:13px}.play-action{width:300px}.play-button{height:72px;font-size:28px}}
@media(max-height:720px) and (min-width:901px){.brand-lockup{gap:8px}.brand{width:240px}.intro h2.headline-art{max-width:460px;margin:12px 0 20px}.play-action{width:270px}.play-button{height:62px;font-size:25px}.entry-note{margin-top:14px;font-size:11px}}
@media(max-width:1100px) and (min-width:901px){.brand{width:210px}.platform{font-size:11px}.intro h2.headline-art{max-width:430px;margin:12px 0 20px}.play-action{width:260px}.play-button{height:60px;font-size:24px}}
@media(max-width:900px){.intro{width:100%;max-width:460px;padding:0 24px}.brand-lockup{gap:9px}.brand{width:205px}.platform{font-size:11px}.platform svg{width:14px;height:14px}.intro h2.headline-art{max-width:350px;margin:12px 0 20px}.play-action{width:270px}.play-button{height:62px;font-size:24px}.entry-note{font-size:11px;margin-top:14px}}
@media(max-width:430px){.brand{width:195px}.intro h2.headline-art{max-width:320px;margin:10px 0 19px}.hero{padding-top:26px;padding-bottom:50px}}
@media(max-width:360px){.brand{width:175px}.platform{font-size:10px}.intro h2.headline-art{margin:10px 0 18px}.play-action{width:246px}.play-button{height:58px;font-size:23px}.entry-note{margin-top:13px}.hero{padding-top:24px;padding-bottom:42px}}
@media(max-height:480px) and (min-width:901px){.brand{width:170px}.brand-lockup{gap:7px}.platform{font-size:10px}.intro h2.headline-art{max-width:370px;margin:8px 0 16px}.play-action{width:235px}.play-button{height:53px;font-size:21px}.entry-note{font-size:10px;margin-top:12px}.hero{padding-top:35px;padding-bottom:35px}}
@media(min-width:640px) and (max-width:900px) and (max-height:600px){.intro{padding:0}.brand-lockup{gap:6px}.brand{width:125px}.platform{font-size:10px}.intro h2.headline-art{max-width:245px;margin:8px 0 15px}.play-action{width:220px}.play-button{height:50px;font-size:20px;gap:14px}.play-button svg{width:18px;height:18px}.entry-note{font-size:10px;margin-top:12px}.hero{padding-top:37px;padding-bottom:30px}}
@media(min-width:640px) and (max-width:900px) and (max-height:380px){.brand{width:110px}.intro h2.headline-art{max-width:230px;margin:7px 0 13px}.play-button{height:47px}.entry-note{margin-top:11px}.hero{padding-top:28px;padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){.play-button{transition:none}.launch-note{animation:none}}

.launch-note[data-side="above"]{top:auto;bottom:calc(100% + 14px)}
.launch-note[data-side="above"]::after{top:auto;bottom:-6px;background:#11183f;transform:rotate(45deg)}
.play-action.is-open:has(.launch-note[data-side="below"])+.entry-note{opacity:0}

/* Compact language control shares the city scene, without a separate header band. */
.site-header{position:fixed;z-index:40;top:22px;left:clamp(24px,5.5vw,108px);right:auto}
.language-switch{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #5877b46b;border-radius:11px;background:#081339b8;box-shadow:inset 0 1px 0 #88bfff13,0 5px 18px #03051b33}
.language-switch>span{width:1px;height:12px;background:#7c96c740;margin:0 2px}
.lang-choice{display:grid;place-items:center;min-width:38px;min-height:34px;padding:0 7px;border:1px solid transparent;border-radius:7px;background:transparent;color:#9ab2d8;font:700 11px/1 Inter,Arial,sans-serif;letter-spacing:.5px;cursor:pointer;transition:color .2s,background .2s,border-color .2s;-webkit-tap-highlight-color:transparent}
.lang-choice[aria-pressed="true"]{color:#e9fbff;border-color:#4b9aff85;background:#1554a899;box-shadow:inset 0 1px 0 #92d4ff25}
.lang-choice:hover{color:white;background:#24497666}.lang-choice:focus-visible{outline:2px solid #9efff0;outline-offset:3px}
.brand a,.footer-brand img{display:block;width:100%;height:auto}.brand a:focus-visible,.footer-brand:focus-visible{outline:2px solid #9efff0;outline-offset:8px;border-radius:10px}
@media(max-width:900px){.site-header{top:16px;left:auto;right:20px}.lang-choice{min-height:36px}.hero{padding-top:76px}}
@media(max-width:360px){.hero{padding-top:74px}.site-header{right:16px;top:14px}}
@media(min-width:640px) and (max-width:900px) and (max-height:600px){.site-header{top:12px;left:20px;right:auto}.lang-choice{min-height:30px;min-width:34px;font-size:10px}.language-switch{padding:3px}.hero{padding-top:37px}}
@media(min-width:640px) and (max-width:900px) and (max-height:380px){.hero{padding-top:28px}}

/* Fixed language control recedes on scroll and returns on interaction. */
.site-header{transition:opacity .25s ease}
.site-header.is-scrolled{opacity:.62}
.site-header:hover,.site-header:has(:focus-visible){opacity:1}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}

.garage,.nr-loot{scroll-margin-top:82px}

/* Tighter brand lockup and a cinematic counter with equal side insets. */
.brand-lockup{translate:0 8px}
.reward-hud{width:76.8%}
.reward-number{min-width:0;white-space:nowrap;flex:0 0 auto;padding-inline:.12em}
.reward-currency,#reward-value{flex:none}
/* Reserve space for the italic glyphs and the 1.025x collection pulse. */
@supports(font-size:1cqi){.reward-number{font-size:min(100px,22cqi)}}
@supports not(font-size:1cqi){
 .reward-number{font-size:clamp(28px,4.5vw,80px)}
 @media(max-width:900px){.reward-number{font-size:clamp(28px,9.5vw,54px)}}
 @media(min-width:640px) and (max-width:900px) and (max-height:600px){.reward-number{font-size:min(4.8vw,calc((100svh - 120px)*.15))}}
}
@media(max-width:1100px){.reward-hud{width:80%}}
@media(max-height:720px) and (min-width:901px){.reward-hud{width:80%}}
@media(max-width:900px){.brand-lockup{translate:0 6px}}
@media(min-width:640px) and (max-width:900px) and (max-height:600px){.brand-lockup{translate:0 4px}}

/* Edge-to-edge iPhone painting keeps controls inside the device's safe areas. */
@media(max-width:900px){.site-header{top:calc(16px + env(safe-area-inset-top,0px));right:max(20px,calc(16px + env(safe-area-inset-right,0px)))}.site-footer{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}}
@media(max-width:650px){.hero{padding-top:calc(76px + env(safe-area-inset-top,0px))}}
@media(max-width:360px){.hero{padding-top:calc(74px + env(safe-area-inset-top,0px))}.site-header{top:calc(14px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px))}}
@media(min-width:640px) and (max-width:900px) and (max-height:600px){.site-header{top:calc(12px + env(safe-area-inset-top,0px));left:calc(20px + env(safe-area-inset-left,0px));right:auto}}