/* style.css */
@font-face{font-family:Game;src:url('assets/game-cyrillic-573d9320.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/game-latin-a6584602.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:none}
.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%);opacity:.92}
.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%);opacity:.65}
#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:none}


.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%)}
.film-pose{position:relative;width:100%;height:100%;transform:rotateY(-7deg) rotateZ(1.7deg)}
.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:none}
.film video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:21px;filter:none}
.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; JS shades each solid rim facet. */
.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:none}
.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;pointer-events:none}
#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}.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%)}
.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}
.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}
.reward-currency{font-size:.74em;align-self:center;margin-right:3px;color:#aaffeb;text-shadow:0 3px 0 #23086a}
.reward-glint{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,transparent 45%,#ecd8ff08 48%,#fce4ff13 49%,transparent 52%)}
.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%)}.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 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)}}
@keyframes token-credit{0%,100%{transform:rotateY(0) scale(1)}40%{transform:rotateY(35deg) scale(1.12)}}
@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)}}
@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:none}.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)}.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}
.footer-rail i+ i{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}
.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}

.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}
.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;-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}
.play-button:hover{transform:translateY(-2px);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}}


/* garage.css */
/* Original garage artwork, arranged on the game's blue/violet showroom floor. */
.garage{--garage-blue:#1276ff;--garage-violet:#b630ff;position:relative;overflow:hidden;padding:76px 24px 74px;color:#f5f6ff}
.garage-world{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}

.garage-haze{position:absolute;inset:5% -10% 0;background:radial-gradient(ellipse at 28% 45%,#046eff30,transparent 44%),radial-gradient(ellipse at 77% 55%,#a90bee2b,transparent 40%)}
.garage-horizon{position:absolute;left:8%;right:8%;top:52%;height:1px;background:linear-gradient(90deg,transparent,#137bff88 27%,#813fff77 65%,transparent);box-shadow:0 0 22px #217cff55}
.garage-content{position:relative;z-index:3;width:min(100%,1280px);margin:0 auto}
.garage-heading{text-align:center;position:relative;z-index:3}
.garage-eyebrow{margin:0 0 9px;color:#88aef4;font:800 12px/1.4 Game,Arial,sans-serif;font-variation-settings:'wght' 800,'slnt' -6;letter-spacing:3px;text-transform:uppercase}
.garage-heading h2{margin:0;color:#f7faff;font:850 clamp(34px,3.7vw,55px)/1.04 Game,Arial,sans-serif;font-variation-settings:'wght' 850,'slnt' -9,'opsz' 64;letter-spacing:-1.2px;text-transform:uppercase;text-shadow:0 3px 0 #19346c,0 0 22px #0c4adf44}
.garage-stage{--car-size:clamp(330px,43vw,530px);--spread:clamp(150px,30vw,400px);--drag-x:0px;position:relative;height:clamp(330px,35vw,455px);margin:15px -24px 0;perspective:1100px;touch-action:pan-y;cursor:grab;-webkit-tap-highlight-color:transparent;user-select:none;outline:none}
.garage-stage:active{cursor:grabbing}
/* Preserve native vertical scrolling/pinch; JS claims only horizontal swipes.
   Explicit child rules and WebKit selection guards keep vehicle buttons usable
   as the initial touch target inside Telegram's iOS WKWebView. */
.garage-stage,.garage-vehicle{touch-action:pan-y;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.garage-vehicle img{-webkit-user-drag:none}
.garage-stage:focus-visible{outline:2px solid #77dfff;outline-offset:-5px;border-radius:20px}
.garage-floor{position:absolute;z-index:0;left:-18%;right:-18%;top:35%;bottom:-12%;transform:perspective(640px) rotateX(62deg);transform-origin:50% 85%;background:linear-gradient(90deg,transparent,#0a66ff22,transparent),repeating-linear-gradient(90deg,transparent 0 89px,#136eff24 89px 90px),repeating-linear-gradient(0deg,transparent 0 69px,#7c24d927 69px 70px);mask-image:radial-gradient(ellipse at 50% 60%,#000 18%,transparent 69%);-webkit-mask-image:radial-gradient(ellipse at 50% 60%,#000 18%,transparent 69%);pointer-events:none}
.garage-platform{position:absolute;left:50%;bottom:20px;width:min(67%,660px);height:120px;transform:translateX(-50%);border-radius:50%;border:1px solid #4990ffb3;background:radial-gradient(ellipse,#173b7138 10%,#05132f99 60%,#242285b3 94%);box-shadow:inset 0 0 20px #126aff42,0 0 7px #267cffb3,0 0 40px #126aff30;pointer-events:none}
.garage-platform::before{content:"";position:absolute;inset:8px 28px;border:1px solid #5a71ff80;border-radius:50%;box-shadow:0 0 15px #392eff52}
.garage-platform::after{content:"";position:absolute;inset:-20px -30px;border-radius:50%;background:radial-gradient(ellipse,#397fff17,transparent 68%)}
.garage-platform span{position:absolute;left:13%;right:13%;bottom:4px;height:3px;background:linear-gradient(90deg,transparent,#09bcff,#a147ff,transparent);border-radius:50%;box-shadow:0 0 18px #078fff}
.garage-track{position:absolute;inset:0;z-index:2;transform:translateX(var(--drag-x));transition:transform .24s ease-out;pointer-events:none}
.garage-stage.is-dragging .garage-track{transition:none;will-change:transform}
.garage-vehicle{--slot-x:0px;--slot-y:0px;--slot-scale:1;--slot-opacity:1;position:absolute;left:50%;top:42%;width:var(--car-size);height:var(--car-size);padding:0;border:0;background:transparent;color:inherit;transform:translate(-50%,-50%) translateX(var(--slot-x)) translateY(var(--slot-y)) scale(var(--slot-scale));opacity:var(--slot-opacity);transition:transform .7s cubic-bezier(.22,.82,.18,1),opacity .5s ease;pointer-events:auto;cursor:pointer;outline:none;z-index:4}
.garage-vehicle img{display:block;width:100%;height:100%;object-fit:contain;transform:translateY(var(--art-y,0%));pointer-events:none}
.garage-vehicle[data-slot="0"]{cursor:grab}
.garage-vehicle[data-slot="-1"],.garage-vehicle[data-slot="1"]{--slot-y:-42px;--slot-scale:.55;--slot-opacity:.68;z-index:3}
.garage-vehicle[data-slot="-1"]{--slot-x:calc(var(--spread)*-1)}
.garage-vehicle[data-slot="1"]{--slot-x:var(--spread)}
.garage-vehicle[data-slot="-2"],.garage-vehicle[data-slot="2"]{--slot-y:-94px;--slot-scale:.31;--slot-opacity:.25;z-index:1}
.garage-vehicle[data-slot="-2"]{--slot-x:calc(var(--spread)*-1.42)}
.garage-vehicle[data-slot="2"]{--slot-x:calc(var(--spread)*1.42)}
.garage-vehicle[data-slot="3"],.garage-vehicle[data-slot="-3"]{--slot-y:-115px;--slot-scale:.2;--slot-opacity:0;--slot-x:0px;visibility:hidden;pointer-events:none;z-index:0}
.garage-vehicle.is-wrapping{transition:none!important}
.garage-vehicle:not([data-slot="0"]):hover{opacity:1}
.garage-selection{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:28px;margin:7px auto 26px}
.garage-car-label{width:clamp(185px,20vw,250px);text-align:center;min-width:0}
.garage-car-name{margin:0 0 7px;font:850 29px/1 Game,Arial,sans-serif;font-variation-settings:'wght' 850,'slnt' -8,'opsz' 48;letter-spacing:.1px;text-transform:uppercase;color:#f3fbff;text-shadow:0 2px 0 #174276}
.garage-rarity{display:inline-block;margin:0;padding:3px 10px;border-radius:5px;border:1px solid #3877c780;background:#071f417a;color:#a4c8ef;font:700 10px/1.25 Inter,Arial,sans-serif;letter-spacing:1.1px;text-transform:uppercase}
.garage-rarity[data-rarity="epic"]{border-color:#b44affaa;background:#5a168c44;color:#e4b1ff;box-shadow:0 0 12px #ad18ed1c}
.garage-arrow{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex:none;padding:0;border-radius:12px;border:1px solid #538df478;background:linear-gradient(145deg,#0d3973d9,#171446eb);box-shadow:inset 0 1px 0 #8cd9ff29,0 4px 14px #01001566;color:#bfddff;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.garage-arrow svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.garage-arrow:hover{border-color:#89c7ff;background:linear-gradient(145deg,#1056a0,#312063);color:#effaff;transform:translateY(-2px)}
.garage-arrow:active{transform:translateY(1px)}
.garage-arrow:focus-visible,.garage-thumb:focus-visible{outline:2px solid #a7f4ff;outline-offset:4px}
.garage-thumbnails{position:relative;z-index:4;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;width:min(100%,650px);margin:0 auto}
.garage-thumb{position:relative;display:block;min-width:0;height:88px;padding:0;border:1px solid #65539d69;border-radius:12px;background:linear-gradient(145deg,#261b4875,#090f2aa6);color:inherit;cursor:pointer;transition:transform .25s;-webkit-tap-highlight-color:transparent}
.garage-thumb::after{content:"";position:absolute;left:25%;right:25%;bottom:-1px;height:2px;border-radius:1px;background:#597091;opacity:.5;transition:opacity .25s}
.garage-thumb img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;transition:transform .25s}
.garage-thumb:hover{border-color:#777cffb0;background:#202555b0;transform:translateY(-3px)}
.garage-thumb[aria-pressed="true"]{border-color:#57a6ff;background:linear-gradient(135deg,#113d7199,#37206699);box-shadow:inset 0 0 18px #0877ff20,0 0 10px #1962ff35}
.garage-thumb[aria-pressed="true"]::after{background:#90e7ff;opacity:1;box-shadow:0 0 9px #4bafff}
.garage-thumb[aria-pressed="true"] img{transform:translateY(-3px)}
.garage-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.motion-paused .garage *,.garage.motion-paused *,.motion-paused .garage-platform::after,.garage.motion-paused .garage-platform::after{animation-play-state:paused!important}
@media(max-width:900px){
 .garage{padding-top:60px;padding-bottom:58px}.garage-stage{--car-size:clamp(330px,61vw,485px);--spread:clamp(150px,32vw,290px);height:clamp(330px,49vw,420px);margin-top:12px}.garage-platform{width:73%;max-width:580px;height:104px;bottom:19px}.garage-vehicle[data-slot="-1"],.garage-vehicle[data-slot="1"]{--slot-scale:.49;--slot-y:-38px}.garage-vehicle[data-slot="-2"],.garage-vehicle[data-slot="2"]{--slot-scale:.25;--slot-y:-90px;--slot-opacity:.2}.garage-selection{gap:24px;margin-top:9px}
}
@media(max-width:520px){
 .garage{padding:48px 20px 46px}.garage-eyebrow{font-size:10px;letter-spacing:2.5px;margin-bottom:8px}.garage-heading h2{font-size:33px;letter-spacing:-.8px}.garage-stage{--car-size:clamp(290px,82vw,370px);--spread:clamp(135px,37vw,187px);height:clamp(285px,77vw,350px);margin:12px -20px 0}.garage-platform{width:79%;height:80px;bottom:12px}.garage-platform::before{inset:6px 15px}.garage-platform span{height:2px}.garage-vehicle[data-slot="-1"],.garage-vehicle[data-slot="1"]{--slot-scale:.44;--slot-y:-43px;--slot-opacity:.56}.garage-vehicle[data-slot="-2"],.garage-vehicle[data-slot="2"]{--slot-scale:.2;--slot-y:-88px;--slot-opacity:.16}.garage-vehicle[data-slot="-2"]{--slot-x:calc(var(--spread)*-1.28)}.garage-vehicle[data-slot="2"]{--slot-x:calc(var(--spread)*1.28)}.garage-selection{gap:16px;margin:5px auto 23px}.garage-arrow{width:46px;height:46px;border-radius:10px}.garage-car-label{width:184px}.garage-car-name{font-size:25px;margin-bottom:6px}.garage-rarity{font-size:9px;padding:3px 9px}.garage-thumbnails{gap:6px}.garage-thumb{height:65px;border-radius:8px}.garage-thumb::after{left:20%;right:20%}
}
@media(max-width:360px){
 .garage{padding-left:16px;padding-right:16px}.garage-heading h2{font-size:29px}.garage-stage{margin-left:-16px;margin-right:-16px;--car-size:285px;--spread:132px;height:278px}.garage-selection{gap:11px}.garage-car-label{width:168px}.garage-car-name{font-size:23px}.garage-arrow{width:44px;height:44px}.garage-thumbnails{gap:4px}.garage-thumb{height:56px;border-radius:7px}
}
@media(prefers-reduced-motion:reduce){.garage *,.garage *::before,.garage *::after{animation:none!important;transition:none!important;will-change:auto!important}.garage-haze{transform:none}.garage-thumb:hover,.garage-arrow:hover{transform:none}}
@media(min-width:901px) and (max-height:720px){
 .garage{padding-top:46px;padding-bottom:40px}.garage-heading h2{font-size:46px}.garage-eyebrow{margin-bottom:6px}.garage-stage{--car-size:420px;--spread:clamp(235px,28vw,360px);height:330px;margin-top:12px}.garage-platform{height:98px;bottom:15px;width:60%;max-width:560px}.garage-selection{margin:0 auto 19px}.garage-thumbnails{max-width:590px}.garage-thumb{height:72px}
}

@media(min-width:640px) and (max-width:900px) and (max-height:480px){
 .garage{padding:18px 20px 20px}.garage-eyebrow{display:none}.garage-heading h2{font-size:29px}.garage-stage{--car-size:300px;--spread:clamp(165px,27vw,225px);height:190px;margin-top:8px}.garage-platform{height:70px;bottom:10px;width:54%;max-width:430px}.garage-selection{margin:0 auto 10px;gap:20px}.garage-car-name{font-size:24px;margin-bottom:4px}.garage-arrow{width:44px;height:44px}.garage-thumbnails{max-width:470px;gap:8px}.garage-thumb{height:50px}
}


/* neon.css */
/* Shared neon finish: original art and layout remain in their owning sheets. */
:root{--neon-cyan:#65efff;--neon-blue:#1980ff;--neon-pink:#f43de8}
.site .city-light{inset:-3%;background:radial-gradient(ellipse at 9% 54%,#15cfff4a,transparent 36%),radial-gradient(ellipse at 94% 54%,#e826eb42,transparent 38%),radial-gradient(ellipse at 76% 9%,#633cff24,transparent 32%);opacity:.92;contain:paint}
.site .city-fog{background:radial-gradient(ellipse at 24% 50%,#087dff49,transparent 51%),radial-gradient(ellipse at 78% 50%,#e014ed3b,transparent 48%)}
.site .stage-light{background:radial-gradient(ellipse,#2377ff49,transparent 67%)}
.site .film-shell{background:linear-gradient(135deg,#92fbff,#168cff 46%,#9c45ff 88%);box-shadow:0 25px 60px #030019aa,0 0 3px #86ecffcc,0 0 17px #1388ff88,0 0 42px #286bff40;transition:none}
.site .film-reflection{box-shadow:inset 0 0 0 1px #95f4ff80,inset 0 0 11px #087cff24}
.site .film.is-hit .film-shell{box-shadow:0 25px 60px #030019aa,0 0 3px #86ecffcc,0 0 17px #1388ff88,0 0 42px #286bff40}
.site .reward-aura{background:radial-gradient(ellipse,#e72dff48,transparent 70%)}
.site .reward-plate{background:linear-gradient(150deg,#f2a1ff,#cf37ff 35%,#9738e8 68%,#e24dff);box-shadow:0 0 16px #e329ff88,0 10px 20px #04001799}
.site .reward-inner{box-shadow:inset 0 1px 0 #f6bcff4d,inset 0 -3px 9px #a821da55}
.site .reward-hud.is-collecting .reward-plate{box-shadow:0 0 16px #e329ff88,0 10px 20px #04001799}
.site .stage-line{background:linear-gradient(90deg,transparent,#50dbffb3,#9865ff80,transparent);box-shadow:0 0 12px #087cff88}
.site .garage-haze{background:radial-gradient(ellipse at 26% 46%,#057dff45,transparent 46%),radial-gradient(ellipse at 79% 54%,#dc1eef33,transparent 43%)}
.site .garage-horizon{background:linear-gradient(90deg,transparent,#28caff99 28%,#ce39ed88 70%,transparent);box-shadow:0 0 12px #208aff66}
.site .garage-platform{border-color:#6bdbffcf;box-shadow:inset 0 0 24px #168cff42,0 0 4px #8af2ffc7,0 0 18px #1688ff88,0 0 44px #426aff3b}
.site .garage-platform::before{border-color:#8d7bffab;box-shadow:0 0 12px #784bff73}
.site .garage-platform::after{background:radial-gradient(ellipse,#287fff2b,transparent 69%)}
.site .garage-platform span{background:linear-gradient(90deg,transparent,#53e9ff,#b554ff,transparent);box-shadow:0 0 13px #158cffcc}
.site .garage-thumb{transition:border-color .2s,transform .2s}
.site .garage-thumb[aria-pressed="true"]{border-color:#92eaff;box-shadow:inset 0 0 16px #0877ff20,0 0 3px #71dcff99,0 0 17px #187cff66}
.site .garage-thumb[aria-pressed="true"]::after{background:#b3fbff;box-shadow:0 0 9px #38bdff;transition:opacity .2s}
.site .garage-arrow{border-color:#65baff99;box-shadow:inset 0 1px 0 #b4f8ff40,0 4px 14px #01001566,0 0 11px #167dff33;transition:transform .18s,color .18s,border-color .18s}
.site .garage-arrow:hover,.site .garage-arrow:focus-visible{border-color:#a6f4ff;box-shadow:inset 0 1px 0 #b4f8ff40,0 4px 14px #01001566,0 0 16px #228fff66}
.site .language-switch{border-color:#508bcb80;box-shadow:inset 0 1px 0 #88bfff20,0 5px 18px #03051b33,0 0 13px #167dff20}
.site .lang-choice[aria-pressed="true"]{border-color:#79dfffab;box-shadow:inset 0 1px 0 #bdffff40,0 0 10px #1c94ff66}
.site .footer-rail{background:linear-gradient(90deg,transparent,#31cfff99 25%,#da3ff38c 72%,transparent);box-shadow:0 0 11px #397bff4d}
.site .footer-rail i{box-shadow:0 0 9px #2abbff,0 0 18px #237fff80}
.site .footer-rail i+i{box-shadow:0 0 9px #ed5df7,0 0 18px #c93dff73}
@media(max-width:900px){.site .city-light{background:radial-gradient(ellipse at 3% 45%,#15cfff38,transparent 41%),radial-gradient(ellipse at 98% 57%,#e826eb38,transparent 44%)}.site .film-shell{box-shadow:0 20px 40px #030019aa,0 0 3px #86ecffb3,0 0 14px #1388ff73,0 0 30px #286bff33}}
@media(prefers-reduced-motion:reduce){.site .garage-thumb,.site .garage-arrow{transition:none}}


/* cta.css */
/* One electric game surface; physical red construction tape stays independent. */
.play-action{--tape-height:31px;--tape-overhang:18px;position:relative;width:300px;max-width:calc(100% - 16px);isolation:isolate;z-index:10}
.play-button{position:relative;display:grid;place-items:center;overflow:hidden;width:100%;height:72px;gap:0;padding:0 50px;border:1.5px solid transparent;border-radius:12px;background:linear-gradient(180deg,#1686ff,#0867f1 45%,#0750d2) padding-box,linear-gradient(115deg,#79fcff,#269aff 43%,#478dff 72%,#99faff) border-box;box-shadow:inset 0 1px 0 #bcecff42,inset 0 -1px 0 #04369480,0 3px 0 #06317d,0 5px 0 1px #061a3c,0 0 11px #278cff58,0 8px 24px #0864e63b;color:#f3fcff;font:900 27px/1 Game,Arial,sans-serif;font-variation-settings:'wght' 900,'slnt' -8,'opsz' 48;letter-spacing:.45px;text-shadow:0 1.5px 0 #06479d;transform:translateY(0);filter:none;transition:transform .2s ease;-webkit-tap-highlight-color:transparent}
.play-button::before{content:"";position:absolute;inset:0;height:auto;border:0;border-radius:0;background:radial-gradient(ellipse at 38% -25%,#7bfff533,transparent 65%);opacity:.65;pointer-events:none;animation:none}
.play-button::after{content:none;display:none}
.play-button > span{position:relative;z-index:1;display:block;width:100%;text-align:center}
.play-button > svg{position:absolute;z-index:1;right:22px;top:50%;width:23px;height:23px;fill:#edfdff;filter:drop-shadow(0 0 6px #61e8ff77);transform:translateY(-50%);animation:none}
.play-button:hover{transform:translateY(-1px);filter:brightness(1.07);box-shadow:inset 0 1px 0 #d2f4ff66,inset 0 -1px 0 #04369480,0 4px 0 #06317d,0 6px 0 1px #061a3c,0 0 13px #42c8ff66,0 10px 26px #0875eb40}
.play-button:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #bcecff42,inset 0 -1px 0 #04369480,0 1px 0 #06317d,0 3px 0 1px #061a3c,0 0 8px #278cff3d,0 5px 16px #0864e62e}
.play-button:focus-visible{outline:2px solid #c2f8ff;outline-offset:7px}
.play-action.is-open .play-button{transform:translateY(1px);filter:grayscale(1) brightness(.8);box-shadow:inset 0 1px 0 #e6f5ff3b,inset 0 -1px 0 #203044,0 2px 0 #29394e,0 4px 0 1px #071827,0 7px 14px #07182880}
.play-action.is-open .play-button::before,.play-action.is-open .play-button > svg{animation-play-state:paused}
.play-blockade{position:absolute;z-index:4;left:calc(var(--tape-overhang)*-1);right:calc(var(--tape-overhang)*-1);top:50%;height:0;pointer-events:none}
.play-tape{--tape-angle:-12deg;--tape-entry:-120%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:var(--tape-height);overflow:hidden;border-top:1px solid #ff919947;border-bottom:1px solid #7e061966;border-radius:0;background-color:#f12b2ef7;background-image:linear-gradient(0deg,#23000314,transparent 35%,#fff6f60b 70%,transparent),linear-gradient(102deg,transparent 17%,#fff6f609 18%,transparent 19%,transparent 64%,#21000309 65%,transparent 66%);box-shadow:0 1px 1px #75041459,0 4px 7px #01062059;opacity:0;transform:translateY(-50%) rotate(var(--tape-angle)) translateX(var(--tape-entry)) scale(.96);transform-origin:50% 50%;transition:transform .48s cubic-bezier(.25,.7,.3,1),opacity .22s ease .13s;will-change:transform}
.play-tape--one{z-index:2}
.play-tape--two{--tape-angle:12deg;--tape-entry:120%;z-index:1;transition-duration:.55s,.22s}
.play-tape .tape-print{position:absolute;left:50%;top:0;display:flex;align-items:center;gap:25px;width:max-content;height:100%;transform:translateX(-50%);white-space:nowrap}
.play-tape .tape-print span,.play-tape > span{position:relative;display:block;flex:none;height:100%;min-width:0;margin:0;padding:0;background:none;color:#17060a;font:950 15px/var(--tape-height) Game,Arial,sans-serif;font-variation-settings:'wght' 950,'slnt' 0,'wdth' 78,'opsz' 24;letter-spacing:.85px;text-align:center;white-space:nowrap;text-transform:uppercase;text-shadow:none}
.play-action.is-open .play-tape{opacity:1;transform:translateY(-50%) rotate(var(--tape-angle)) translateX(0) scale(1);transition:transform .56s cubic-bezier(.18,.88,.25,1.07),opacity .15s ease}
.play-action.is-open .play-tape--two{transition-delay:.075s}
/* Floating tooltip: a soft, irregular dark spray supports only the copy. */
.launch-note{isolation:isolate;top:calc(100% + 27px);bottom:auto;width:316px;max-width:calc(100vw - 32px);padding:15px 18px;border:0;border-radius:0;background:none;box-shadow:none;transform:translate(calc(-50% + var(--note-shift-x,0px)),var(--note-shift-y,0px));color:#e5efff;animation:notice-in .2s ease-out}
.launch-note::before{content:"";position:absolute;z-index:-1;inset:-17% -7%;background:radial-gradient(ellipse at 40% 50%,#020616ed 0 30%,transparent 71%),radial-gradient(ellipse at 76% 60%,#080721cf 0 21%,transparent 68%),radial-gradient(ellipse at 20% 72%,#020513b3 0 17%,transparent 64%);filter:blur(11px);transform:rotate(-3deg);pointer-events:none}
.launch-note::after,.launch-note[data-side="above"]::after{content:none;display:none}
.launch-note[data-side="above"]{top:auto;bottom:calc(100% + 27px)}
.launch-note strong{position:relative;margin-bottom:6px;color:#f1f8ff;font:850 18px/1.2 Game,Arial,sans-serif;font-variation-settings:'wght' 850,'slnt' -6,'opsz' 40;text-shadow:0 2px 8px #010617}
.launch-note p{position:relative;font:12px/1.5 Inter,Arial,sans-serif;text-shadow:0 1px 5px #010617}
.launch-note[hidden]{display:none}
@keyframes play-surface-light{to{opacity:.25;transform:translateX(5%)}}
@keyframes play-icon-glide{0%,65%,100%{transform:translateY(-50%) translateX(0)}77%{transform:translateY(-50%) translateX(3px)}87%{transform:translateY(-50%) translateX(1px)}}
.motion-paused .play-button::before,.motion-paused .play-button > svg{animation-play-state:paused!important}
@media(min-width:1800px){.play-action{width:320px;--tape-height:33px}.play-button{height:76px;font-size:29px}.play-tape .tape-print span,.play-tape > span{font-size:16px}}
@media(max-height:720px) and (min-width:901px){.play-action{width:285px}.play-button{height:65px;font-size:26px}}
@media(max-width:1100px) and (min-width:901px){.play-action{width:272px;--tape-height:29px;--tape-overhang:16px}.play-button{height:64px;font-size:25px}.play-tape .tape-print span,.play-tape > span{font-size:14px}}
@media(max-width:900px){.play-action{width:282px;--tape-height:29px;--tape-overhang:16px}.play-button{height:65px;font-size:25px}.play-tape .tape-print span,.play-tape > span{font-size:14px}}
@media(max-width:360px){.play-action{width:246px;--tape-overhang:13px;--tape-height:27px}.play-button{height:60px;font-size:23px;padding:0 44px}.play-button > svg{width:21px;height:21px;right:20px}.play-tape .tape-print{gap:20px}.play-tape .tape-print span,.play-tape > span{font-size:12px;letter-spacing:.65px}.launch-note{padding:13px 15px}.launch-note strong{font-size:17px}}
@media(max-height:480px) and (min-width:901px){.play-action{width:242px;--tape-height:27px;--tape-overhang:13px}.play-button{height:55px;font-size:22px;padding:0 44px}.play-tape .tape-print span,.play-tape > span{font-size:12px}.launch-note{padding:12px 16px}.launch-note strong{font-size:16px}}
@media(min-width:640px) and (max-width:900px) and (max-height:600px){.play-action{width:224px;--tape-height:25px;--tape-overhang:12px}.play-button{height:52px;font-size:21px;padding:0 42px}.play-button > svg{width:18px;height:18px;right:19px}.play-tape .tape-print{gap:19px}.play-tape .tape-print span,.play-tape > span{font-size:11px;letter-spacing:.6px}.launch-note{padding:11px 14px;width:290px}.launch-note strong{font-size:16px}.launch-note p{font-size:11px}}
/* The modal floats as an illustration and type, with no panel geometry. */
.development-dialog{width:min(600px,calc(100vw - 32px));max-width:none;max-height:calc(100svh - 32px);padding:0;margin:auto;border:0;border-radius:0;background:none;color:#f4f9ff;overflow:visible;outline:none;box-shadow:none}
/* Overscan keeps the page blurred beneath changing WebView chrome and safe areas. */
.development-dialog::backdrop{position:fixed;inset:auto;top:calc(-96px - env(safe-area-inset-top,0px));left:calc(-32px - env(safe-area-inset-left,0px));width:calc(max(100vw,var(--development-cover-width,0px)) + 64px + env(safe-area-inset-left,0px) + env(safe-area-inset-right,0px));height:calc(max(100vh,var(--development-cover-height,0px)) + 192px + env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px));min-height:calc(100lvh + 192px + env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px));margin:0;border:0;border-radius:0;background:#06112488;backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);animation:development-backdrop-in .22s ease-out}
.development-card{position:relative;isolation:isolate;max-height:calc(100svh - 32px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:27px 30px 29px;border:0;border-radius:0;background:none;box-shadow:none;scrollbar-width:thin;scrollbar-color:#5474a466 transparent}
.development-card::before{content:none;display:none}
.development-close{position:absolute;z-index:4;right:14px;top:10px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#09152638;box-shadow:none;color:#eaf5ff;cursor:pointer;filter:drop-shadow(0 2px 5px #01051066);transition:background .18s,transform .18s;-webkit-tap-highlight-color:transparent}
.development-close svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.development-close:hover{background:#16446a59;color:#fff;transform:scale(1.06)}
.development-close:active{transform:scale(.95)}
.development-close:focus-visible{outline:2px solid #b5e6ff;outline-offset:4px}
.development-art{position:relative;width:min(340px,calc(100svh - 212px));aspect-ratio:1;margin:0 auto 17px}
.development-art::before{content:"";position:absolute;left:9%;right:9%;bottom:6%;height:14%;border-radius:50%;background:#1b6bff1f;filter:blur(17px);pointer-events:none}
.development-art img{position:relative;display:block;width:100%;height:100%;object-fit:contain;opacity:0;filter:drop-shadow(0 13px 17px #01030f66);transition:opacity .18s ease-out}
.development-dialog.art-ready .development-art img{opacity:1}
.development-copy{position:relative;isolation:isolate;z-index:1;text-align:center}
.development-copy::before{content:none;display:none}
.development-copy h2{margin:0 0 11px;color:#f4fcff;font:900 34px/1.1 Game,Arial,sans-serif;font-variation-settings:'wght' 900,'slnt' -8,'opsz' 48;letter-spacing:-.3px;text-shadow:0 2px 12px #01041499}
.development-copy p{max-width:390px;margin:0 auto;color:#d0ddef;font:14px/1.55 Inter,Arial,sans-serif;text-shadow:0 1px 9px #010414aa}
.development-dialog[open]{animation:development-panel-in .27s cubic-bezier(.2,.8,.2,1)}
.development-dialog[open].art-ready .development-art img{animation:development-art-in .68s cubic-bezier(.2,.8,.25,1)}
.development-dialog[open] .development-copy{animation:development-copy-in .3s ease-out .1s both}
@keyframes development-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes development-panel-in{from{opacity:0;transform:translateY(15px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes development-art-in{0%{opacity:0;transform:translateY(18px) scale(.62) rotate(-5deg)}43%{opacity:1;transform:translateY(-7px) scale(1.055) rotate(1.7deg)}72%{transform:translateY(3px) scale(.985) rotate(-.6deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
@keyframes development-copy-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){
 .development-dialog{width:min(340px,calc(100vw - 28px));max-height:calc(100svh - 28px)}.development-card{max-height:calc(100svh - 28px);padding:56px 18px 24px}.development-close{right:8px;top:6px;width:44px;height:44px}.development-art{width:min(270px,45svh,calc(100vw - 66px));margin-bottom:16px}.development-copy h2{font-size:28px;margin-bottom:9px;letter-spacing:-.4px}.development-copy p{font-size:13px;line-height:1.55}
}
@media(max-width:360px){.development-copy h2{font-size:26px}.development-card{padding-bottom:22px}.development-art{margin-bottom:14px}}
@media(max-height:500px) and (min-width:540px){
 .development-dialog{width:min(600px,calc(100vw - 32px));max-height:calc(100svh - 32px)}.development-card{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:20px;max-height:calc(100svh - 32px);padding:22px 25px}.development-art{width:min(230px,calc(100svh - 86px));max-width:100%;margin:0 auto}.development-copy{text-align:left}.development-copy h2{font-size:clamp(26px,3.4vw,34px);line-height:1.1;margin-bottom:10px}.development-copy p{font-size:13px;margin:0}.development-close{right:8px;top:0;width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){.play-button,.play-tape{transition:none!important}.play-button::before,.play-button > svg{animation:none!important}.play-button > svg{transform:translateY(-50%)}.launch-note{animation:none!important}.play-tape{will-change:auto}.development-dialog,.development-dialog::backdrop,.development-dialog *{animation:none!important;transition:none!important}.development-close:hover,.development-close:active{transform:none}}


/* parallax.css */
/* One continuous city, moving behind every section without seams. */
.city{background:#03051a;contain:paint;min-height:100lvh}
.city picture{display:contents}
.site .city-art{inset:auto;left:-12px;top:0;width:calc(100% + 24px);height:auto;max-width:none;object-fit:fill;filter:none;animation:none;transform:translate3d(0,-12px,0);will-change:auto}
.showroom::before{background:linear-gradient(180deg,transparent,#08031f0f 32%,#08031f45 72%,#08031f70)}



/* performance.css */
/* Static lighting is defined in the owning sheets. Pause the single ambient
   sway only for hidden/modal states; finger scrolling keeps its soft movement. */
.ambient-paused .ambient-motion{animation-play-state:paused}


/* polish.css */
/* Native neon edges and a few food details, kept out of the content layer. */
.site .play-button,.nr-inventory .play-button{border-color:#a0efff;box-shadow:inset 0 1px 0 #e2f6ff90,inset 0 -2px 0 #155be8,0 5px 0 #0c2b8e,0 7px 0 1px #061a50,0 0 13px #36c4ff70,0 0 34px #166fff50}
.site .play-button:hover,.nr-inventory .play-button:hover{box-shadow:inset 0 1px 0 #e2f6ff90,inset 0 -2px 0 #155be8,0 7px 0 #0c2b8e,0 9px 0 1px #061a50,0 0 18px #5be5ff88,0 0 40px #166fff66}
.site .film-shell{box-shadow:0 14px 28px #03001999,0 0 16px #2087ff99}
.site .film.is-hit .film-shell{box-shadow:0 14px 28px #03001999,0 0 16px #2087ff99}
.site .reward-plate{box-shadow:0 0 16px #e329ff88,0 10px 20px #04001799}
.site .garage-platform{border-color:#9cefff;box-shadow:inset 0 1px 0 #b1f4ff88,0 0 16px #1688ff88}
.site .garage-thumb[aria-pressed="true"]{border-color:#b1f5ff;box-shadow:inset 0 0 16px #0877ff26,0 0 3px #b1f5ffcc,0 0 18px #168cff88}
.site .garage-heading h2{text-shadow:0 3px 0 #173b91,0 0 18px #158eff66}
.site .nr-loot{padding-bottom:330px}
.site .nr-eyebrow>span:first-child,.site .nr-eyebrow>span:last-child{background:linear-gradient(90deg,transparent,#97efff);box-shadow:0 0 8px #218fff66}
.site .nr-box:not(.is-selected):not(.is-picked){border-color:#756ad38c;box-shadow:inset 0 1px 0 #bbc6ff22,0 0 12px #6843fd20}
.site .nr-box.is-selected:not(.is-picked){border-color:#b5dfff;box-shadow:inset 0 1px 0 #efeaff4d,0 0 0 2px #7956e84d,0 0 24px #497fff66,0 18px 40px #00032680}
.site .nr-spin{border-color:#a6ebff;box-shadow:inset 0 1px 0 #d4ecff8f,inset 0 -2px 0 #093c8c,0 5px 0 #08357d,0 7px 0 1px #041530,0 0 15px #258eff77,0 0 32px #185cf43d}
.nr-inventory{border-color:#8079e0;border-top-color:#a6c6ff;box-shadow:inset 0 1px 0 #d7e1ff26,inset 0 0 0 3px #29155933,0 0 12px #536aff29,0 9px 26px #03011a80}
.site .site-footer::before{content:"";position:absolute;inset:-72px 0 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 22% 75%,#154ca920,transparent 48%),radial-gradient(ellipse at 85% 82%,#a529bc1c,transparent 48%)}
.site .footer-rail{background:linear-gradient(90deg,transparent,#48ecffb3 25%,#f165ffb3 72%,transparent);box-shadow:0 0 12px #397bff70}
.sauce-mark{position:absolute;z-index:0;display:block;width:clamp(100px,10vw,170px);height:auto;pointer-events:none;user-select:none;opacity:.92}
.sauce-mark--ketchup{left:-26px;top:36%;width:clamp(95px,10vw,155px);transform:rotate(16deg)}
.sauce-mark--sweet{right:-32px;top:17%;transform:rotate(-12deg)}
.sauce-mark--cheese{left:-22px;bottom:150px;transform:rotate(-18deg);width:clamp(105px,11vw,160px)}
.ambient-nugget{position:absolute;left:0;top:0;pointer-events:none}
.ambient-nugget img{display:block;width:100%;height:100%;object-fit:contain}

/* One bounded compositor sway for the native 3D coins, nuggets and sauces.
   JS reserves the full motion envelope in its cached UI exclusion boxes. */
.sauce-mark[data-ambient]{left:0;top:0;right:auto;bottom:auto}
.ambient-motion{animation:ambient-sway 12s ease-in-out var(--ambient-delay,0s) infinite alternate}
@keyframes ambient-sway{
 from{transform:translate3d(var(--ambient-x),calc(var(--ambient-y) - 4px),var(--ambient-z,0px)) translate(-50%,-50%) rotateZ(calc(var(--ambient-rot,0deg) - 3deg))}
 to{transform:translate3d(var(--ambient-x),calc(var(--ambient-y) + 4px),var(--ambient-z,0px)) translate(-50%,-50%) rotateZ(calc(var(--ambient-rot,0deg) + 3deg))}
}
@media(prefers-reduced-motion:reduce){.ambient-motion{animation:none;transform:translate3d(var(--ambient-x),var(--ambient-y),var(--ambient-z,0px)) translate(-50%,-50%) rotateZ(var(--ambient-rot,0deg))}}

/* Ambient food and coins sit behind the interface; reward flights retain their target layer. */
.site .money-front{z-index:2}
.site .nr-loot{z-index:3}

@media(max-width:900px){
 .site .film-shell,.site .film.is-hit .film-shell{box-shadow:0 12px 22px #03001999,0 0 12px #2087ff88}
 .sauce-mark--ketchup{top:44%;left:-33px;width:94px;opacity:.84}
 .sauce-mark--sweet{right:-34px;top:12%;width:96px;opacity:.88}
 .sauce-mark--cheese{left:-34px;width:104px;bottom:173px;opacity:.84}
}
@media(max-width:650px){.site .nr-loot{padding-bottom:380px}}
@media(max-width:360px){.sauce-mark--ketchup{width:80px;left:-32px}.sauce-mark--sweet{width:80px;right:-32px}.sauce-mark--cheese{width:88px;left:-32px}}

/* Revision 30: native garage/lottery materials; append after the current polish.
   Cyan marks controls, magenta marks selected collectibles. No layout changes
   to the hero, film, Play button, or the reserved space before the footer. */
.site .garage-heading h2,.site .nr-heading h2{
 color:#f5f9ff;font:900 55px/1.05 Game,Arial,sans-serif;
 font-variation-settings:'wght' 900,'slnt' -9,'opsz' 64;
 letter-spacing:-1.2px;text-transform:uppercase;
 text-shadow:0 3px 0 #173670,0 0 17px #217dff40;
}
.site .garage-eyebrow,.site .nr-eyebrow{
 display:flex;align-items:center;justify-content:center;gap:13px;
 margin:0 0 10px;color:#a4d7ff;font:850 11px/1.4 Game,Arial,sans-serif;
 font-variation-settings:'wght' 850,'slnt' -6,'opsz' 24;
 letter-spacing:2.6px;text-transform:uppercase;
}
.site .garage-eyebrow::before,.site .garage-eyebrow::after{
 content:"";display:block;flex:none;width:38px;height:1px;
 background:linear-gradient(90deg,transparent,#75d4ffb3);box-shadow:0 0 7px #2689ff42;
}
.site .garage-eyebrow::after{transform:rotate(180deg)}
.site .nr-eyebrow>span:first-child,.site .nr-eyebrow>span:last-child{
 width:38px;background:linear-gradient(90deg,transparent,#75d4ffb3);box-shadow:0 0 7px #2689ff42;
}

/* The selected thumbnail borrows the native Tank card's magenta rim. */
.site .garage-thumb{
 border-color:#777bcf80;border-top-color:#929fdd8c;
 background:#14102fc9;box-shadow:inset 0 1px 0 #b5cfff12;
}
.site .garage-thumb::after{background:#8499cd;opacity:.65}
.site .garage-thumb:hover{
 border-color:#98c9ff;background:#1a1c43;box-shadow:inset 0 1px 0 #d0eaff24,0 0 12px #298dff35;
}
.site .garage-thumb[aria-pressed="true"]{
 border-color:#f09eff;border-top-color:#ffd0ff;
 background:#281145;box-shadow:inset 0 1px 0 #ffd7ff35,0 0 12px #db32ee66;
}
.site .garage-thumb[aria-pressed="true"]::after{
 background:#f5bbff;opacity:1;box-shadow:0 0 9px #e345ff80;
}
.site .garage-thumb:focus-visible{outline:2px solid #d1faff;outline-offset:4px}

/* Opaque navy controls with a lit top edge and a shallow physical base. */
.site .garage-arrow,.site .footer-return svg{
 border-color:#568bc4;border-top-color:#9bdcff;border-left-color:#759bcc;
 background:#102852;box-shadow:inset 0 1px 0 #d3f4ff20,inset 0 -1px 0 #050d28,0 3px 0 #06142e,0 0 10px #2188ff26;
 color:#d1f6ff;transition:transform .18s ease,color .18s ease,border-color .18s ease;
}
.site .footer-return svg{stroke:#d1f6ff}
.site .garage-arrow:hover,.site .garage-arrow:focus-visible,.site .footer-return:hover svg{
 border-color:#a4e9ff;background:#153568;
 box-shadow:inset 0 1px 0 #edfbff30,inset 0 -1px 0 #050d28,0 3px 0 #06142e,0 0 14px #329bff45;
 color:#f0fdff;
}
.site .garage-arrow:focus-visible,.site .footer-return:focus-visible svg{outline:2px solid #d1faff;outline-offset:4px}
.site .garage-arrow:active,.site .footer-return:active svg{transform:translateY(2px);box-shadow:inset 0 1px 0 #d3f4ff20,0 1px 0 #06142e}

/* Existing surfaces stay compact; bevel lighting keeps dark edges legible. */
.nr-inventory{
 border-color:#7064bc;border-top-color:#aac8ff;border-left-color:#8791df;
 background:#10092e;
 box-shadow:inset 0 1px 0 #d7e9ff26,inset 0 -1px 0 #060318,0 0 10px #6575ff24,0 9px 26px #03011a80;
}
.nr-inventory::before{border-color:#7d72bb35}
.nr-inventory-item{
 border-color:#655ab0;border-top-color:#9598e3;border-left-color:#7984d0;
 background:#171035;box-shadow:inset 0 1px 0 #d8ddff17;
}
.nr-inventory-quantity{
 border-color:#7366b96b;border-top-color:#958bc38c;
 background:#241748;color:#f4fbff;text-shadow:0 2px 0 #09051d;
 box-shadow:inset 0 1px 0 #d5dcff12;
}

/* The selected reel echoes the car selection without overpowering chest art. */
.site .nr-box:not(.is-selected):not(.is-picked){
 border-color:#8074bc80;border-top-color:#9998d38c;box-shadow:inset 0 1px 0 #c3d8ff14;
}
.site .nr-box.is-selected:not(.is-picked){
 border-color:#e79cff;border-top-color:#ffd0ff;
 box-shadow:inset 0 1px 0 #f5d8ff30,0 0 3px #edbbff90,0 0 19px #ce35ed40,0 18px 40px #00032680;
}
.site .garage-platform::before{border-color:#b996ef80;box-shadow:0 0 10px #b845eb40}
.site .garage-horizon{background:linear-gradient(90deg,transparent,#45c9ffa6 28%,#d675efa3 70%,transparent);box-shadow:0 0 9px #4484ef40}

@media(max-width:900px){
 .site .garage-heading h2,.site .nr-heading h2{font-size:34px;letter-spacing:-.7px}
 .site .garage-eyebrow,.site .nr-eyebrow{font-size:10px;letter-spacing:2.3px;margin-bottom:9px}
 .site .garage-eyebrow::before,.site .garage-eyebrow::after,.site .nr-eyebrow>span:first-child,.site .nr-eyebrow>span:last-child{width:29px}
}
@media(max-width:360px){
 .site .garage-heading h2,.site .nr-heading h2{font-size:29px;letter-spacing:-.6px}
 .site .garage-eyebrow,.site .nr-eyebrow{font-size:9px;letter-spacing:2px}
}
@media(min-width:640px) and (max-width:900px) and (max-height:480px){
 .site .garage-heading h2,.site .nr-heading h2{font-size:29px}
 .site .garage-eyebrow{display:none}
 .site .nr-eyebrow{font-size:9px;margin-bottom:6px}
}
@media(prefers-reduced-motion:reduce){
 .site .garage-arrow,.site .footer-return svg{transition:none}
}

/* Stable touch targets for the fixed language control. */
.site .lang-choice{min-width:44px;min-height:44px}
.site-header.is-scrolled:not(:hover):not(:has(:focus-visible)) .language-switch{background:#08133948;box-shadow:none}
.site-header.is-scrolled:not(:hover):not(:has(:focus-visible)) .lang-choice[aria-pressed="true"]{background:#1554a844;box-shadow:none}

/* Width-based compact portrait composition stays stable as browser bars move. */
@media(max-width:375px) and (orientation:portrait){
 .site .brand{width:170px}
 .site .intro h2.headline-art{max-width:310px;margin-bottom:17px}
 .site .film{margin-top:108px}
}
@media(max-width:360px) and (orientation:portrait){.site .brand{width:160px}}

/* One compact, centered footer: legal links first, quiet entity details below. */
.site .site-footer{margin-top:24px;padding:24px 24px calc(20px + env(safe-area-inset-bottom,0px))}
.site .footer-rail{opacity:.4;box-shadow:none}
.site .footer-rail i{display:none}
.site .footer-content{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(100%,680px);text-align:center}
.site .footer-brand{width:88px;flex:none;filter:none}
.footer-actions{display:flex;align-items:center;justify-content:center;gap:8px;width:min(100%,410px)}
.footer-legal{display:flex;align-items:center;justify-content:center;gap:20px;min-width:0}
.footer-legal a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:0;padding:4px 0;color:#b8cbe7;font:400 11px/1.45 Inter,Arial,sans-serif;text-align:center;text-decoration:none;text-underline-offset:4px}
.footer-legal a:hover,.footer-company a:hover{color:#ddf4ff;text-decoration:underline}
.footer-legal a:focus-visible,.footer-company a:focus-visible{outline:2px solid #b3ecff;outline-offset:3px;border-radius:3px;color:#e5f8ff}
.site .footer-return{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;gap:0;color:#b8cbe7}
.site .footer-return span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site .footer-return svg,.site .footer-return:hover svg,.site .footer-return:active svg{width:18px;height:18px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;stroke:currentColor;transform:none}
.site .footer-return:hover{color:#ddf4ff}
.site .footer-return:focus-visible{outline:2px solid #b3ecff;outline-offset:0;border-radius:6px}
.site .footer-return:focus-visible svg{outline:none}
.footer-company{width:100%;min-width:0;color:#adbed8;font:400 11px/1.65 Inter,Arial,sans-serif;text-wrap:pretty}
.footer-company p{margin:0}
.footer-company a{display:inline-flex;align-items:center;min-height:28px;max-width:100%;color:#b8cbe7;text-decoration:none;text-underline-offset:4px;overflow-wrap:anywhere}
.site .site-footer .copyright{color:#92a4c1;font:400 10px/1.6 Inter,Arial,sans-serif;letter-spacing:.1px}
@media(max-width:700px){
 .site .site-footer{margin-top:20px;padding-top:20px;padding-left:20px;padding-right:20px}
 .footer-actions{gap:0}
 .footer-legal{flex:1;gap:4px}
 .footer-legal a{flex:1}
}

/* Quiet footer controls share one 44px row. */
.footer-tools{display:flex;flex:none;align-items:center;gap:0}


/* interaction.css */
/* Landing only: legal documents retain native selection and zoom. */
.landing-interaction-lock{touch-action:pan-x pan-y}
.landing-interaction-lock,.landing-interaction-lock body,.landing-interaction-lock .site,.landing-interaction-lock .development-dialog{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.landing-interaction-lock img{-webkit-user-drag:none}

/* A slim visual chip sits inside unchanged 44px language touch targets. */
.site .site-header.is-scrolled{opacity:.8}
.site .site-header.is-scrolled:hover,.site .site-header.is-scrolled:has(:focus-visible){opacity:1}
.site .site-header.is-scrolled .language-switch[role="group"]{gap:0;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none}
.site .site-header.is-scrolled .language-switch>span{display:none}
.site .site-header.is-scrolled .language-switch .lang-choice{position:relative;isolation:isolate;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none;color:#c1d3ed;font-size:10px;letter-spacing:.4px}
.site .site-header.is-scrolled .language-switch .lang-choice::before{content:"";position:absolute;z-index:-1;inset:9px 5px;border:1px solid transparent;border-radius:6px;pointer-events:none;transition:background .18s,border-color .18s}
.site .site-header.is-scrolled .language-switch .lang-choice[aria-pressed="true"]{background:transparent;box-shadow:none;color:#effbff}
.site .site-header.is-scrolled .language-switch .lang-choice[aria-pressed="true"]::before{background:#0c2e5b99;border-color:#71bddd80}
.site .site-header.is-scrolled .language-switch .lang-choice:hover::before{background:#174775c7;border-color:#7bd1ed8c}
.site .site-header.is-scrolled .language-switch .lang-choice:focus-visible{outline:2px solid #a5eeff;outline-offset:0}
@media(prefers-reduced-motion:reduce){.site .site-header,.site .site-header .lang-choice,.site .site-header .lang-choice::before{transition:none}}


/* sound.css */
/* Quiet optional UI feedback; native icon, no additional image request. */
.site .sound-toggle{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:0;border:0;border-radius:6px;background:none;color:#b8cbe7;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .14s ease}
.site .sound-toggle svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.site .sound-toggle:hover{color:#ddf4ff}
.site .sound-toggle:focus-visible{outline:2px solid #b3ecff;outline-offset:0;color:#ddf4ff}
.sound-toggle .sound-icon-mute,.sound-toggle .sound-slash{display:none}
.sound-toggle[aria-pressed="false"] .sound-icon-wave,.sound-toggle[aria-pressed="false"] .sound-wave{display:none}
.sound-toggle[aria-pressed="false"] .sound-icon-mute,.sound-toggle[aria-pressed="false"] .sound-slash{display:block}
.sound-toggle .sound-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.site .sound-toggle{transition:none}}