/* 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 25px 60px #030019aa,0 0 3px #a5faffee,0 0 20px #2087ffaa,0 0 42px #7d35f94d}
.site .film.is-hit .film-shell{box-shadow:0 25px 60px #030019aa,0 0 3px #b0fcff,0 0 20px #2087ffaa,0 0 42px #7d35f94d}
.site .reward-plate{box-shadow:0 0 3px #fccbffcc,0 0 19px #e329ff99,0 0 38px #ba19f959,0 18px 35px #040017aa}
.site .garage-platform{border-color:#9cefff;box-shadow:inset 0 0 24px #168cff42,0 0 4px #b1f4ffee,0 0 20px #1688ffaa,0 0 44px #6954ff55}
.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;will-change:transform}
.ambient-nugget img{display:block;width:100%;height:100%;object-fit:contain}

/* Small viewport floats share one motion clock; GPU interpolates its steps.
   Opacity masks change immediately, keeping all content and controls clear. */
.sauce-mark[data-ambient]{left:0;top:0;right:auto;bottom:auto;will-change:transform}
.ambient-token,.ambient-token .coin-body,.ambient-nugget,.sauce-mark[data-ambient]{transition:transform 40ms linear}
@media(max-width:900px){.ambient-token,.ambient-token .coin-body,.ambient-nugget,.sauce-mark[data-ambient]{transition-duration:60ms}}
@media(prefers-reduced-motion:reduce){.sauce-mark[data-ambient]{will-change:auto}}

/* 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 20px 40px #030019aa,0 0 3px #a5faffdc,0 0 17px #2087ff99,0 0 30px #7d35f94d}
 .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}}
@media(prefers-reduced-motion:reduce){.ambient-nugget{will-change:auto}}

/* 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,inset 0 0 15px #d82aff16,0 0 3px #ffc3ffbd,0 0 18px #db32ee52;
}
.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}