*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#05090c;color:#ffe8a4;font-family:Impact,'Arial Narrow',Arial,sans-serif}body{touch-action:none}canvas{position:fixed;inset:0;width:100%;height:100%}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #c29a4d;background:linear-gradient(135deg,#171a13ed,#030605f5);touch-action:manipulation}button:disabled{opacity:.5;cursor:wait}button:focus-visible{outline:3px solid white;outline-offset:4px}header{position:fixed;top:max(14px,env(safe-area-inset-top));left:2%;right:2%;display:flex;justify-content:space-between;align-items:start;gap:10px;pointer-events:none}.stat,.brand{background:linear-gradient(120deg,#181a13ef,#020505ef);border:1px solid #d7b062;border-radius:7px;box-shadow:0 0 0 3px #050807,0 10px 30px #0009;padding:12px 20px}.stat{min-width:155px}.stat small,.brand small{display:block;font:9px Arial;letter-spacing:1.5px;color:#c0c7b3}.stat strong{font-size:31px;letter-spacing:2px;display:block;line-height:1.2}.stat small:last-child{margin-top:4px}.brand{text-align:center}.brand span{font:9px Arial;letter-spacing:5px;color:#ceb986}.brand b{display:block;font-size:29px;letter-spacing:3px;margin:3px 0}.right{text-align:right}.right strong{color:#ff4aa4;font:23px Arial;text-shadow:0 0 12px #ff1894}.tools{position:fixed;right:2%;top:118px;display:flex;gap:5px}.tools button{font:10px Arial;padding:9px 10px;border-color:#8f793f;background:#060906db}.tools button:nth-child(n+2){font-size:14px}#event{position:fixed;top:19%;left:50%;transform:translateX(-50%);text-align:center;font-size:18px;letter-spacing:2px;background:#050909d9;padding:9px 20px;border:1px solid #c5a753;border-radius:5px;white-space:nowrap}#powers{position:fixed;top:calc(19% + 50px);left:50%;transform:translateX(-50%);font:700 11px Arial;letter-spacing:1px;color:#ffed9c;text-shadow:0 2px 8px black;white-space:nowrap}#feedback{position:fixed;top:43%;left:0;right:0;text-align:center;font-size:35px;text-shadow:0 4px 10px black;pointer-events:none;letter-spacing:1px;transition:opacity .15s}.controls{position:fixed;left:3%;right:3%;bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:end;justify-content:space-between;pointer-events:none}.controls button{pointer-events:auto;box-shadow:0 0 0 3px #050806,0 0 22px #0009}.arrow{border-radius:50%;height:75px;width:75px;font:65px/55px Arial}.actions{display:flex;gap:20px}.actions button{height:64px;width:80px;border-radius:14px;font:36px/30px Arial}.actions small{display:block;font:9px Arial;letter-spacing:2px}.actions button.active{color:#061d0b;background:#8bff98;box-shadow:0 0 23px #6aff7b}#overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#0008,#0004,#0008);backdrop-filter:blur(3px)}.panel{width:min(510px,92vw);padding:30px 35px;text-align:center;border:1px solid #c6a35d;border-radius:10px;background:linear-gradient(140deg,#101a15f5,#030605f5);box-shadow:0 25px 90px #000}.eyebrow{font:10px Arial;letter-spacing:4px;color:#c7af76}h1{font-size:55px;line-height:1;letter-spacing:2px;margin:22px 0}h1 em{font-style:normal;color:#76ff8a;text-shadow:0 0 25px #46ff6433}.panel p{font:14px/1.7 Arial;color:#d1d8cc}.rules{display:flex;justify-content:space-between;gap:10px;margin:20px 0;font:10px/1.8 Arial;color:#acb7a5}.rules b{display:block;color:#ffdfa0;letter-spacing:1px}.primary{width:100%;padding:17px;background:linear-gradient(125deg,#baff8c,#44ec70);border:1px solid #d2ffc0;color:#08210d;font-size:22px;letter-spacing:2px;border-radius:4px}.hint{font:9px/1.8 Arial;letter-spacing:1px;color:#98a590;margin-top:17px}.results{font-size:28px;color:#ffdc87;margin:14px}@media(max-width:650px){header{gap:7px;top:max(9px,env(safe-area-inset-top))}.stat,.brand{padding:8px 10px}.stat{min-width:82px}.stat strong{font-size:22px}.stat small,.brand small{font-size:7px;letter-spacing:.4px}.brand span{font-size:6px;letter-spacing:2px}.brand b{font-size:16px;letter-spacing:1px}.right strong{font-size:17px}.tools{top:96px}.tools button{font-size:8px;padding:7px}#event{top:23%;font-size:12px;padding:8px 12px}#powers{top:calc(23% + 40px);font-size:9px}.arrow{height:58px;width:58px;font-size:48px}.actions{gap:12px}.actions button{height:57px;width:60px;font-size:30px}.actions small{font-size:8px}.controls{bottom:max(22px,env(safe-area-inset-bottom))}#feedback{font-size:25px}.panel{padding:27px 23px}h1{font-size:49px}}@media(max-height:500px){.panel{padding:17px 25px}.panel h1{font-size:32px;margin:9px 0}.panel p{font-size:11px;margin:5px}.rules{margin:9px 0;font-size:8px}.primary{padding:10px;font-size:18px}.hint{margin-top:9px;font-size:8px}.stat,.brand{padding:6px 12px}.brand b{font-size:19px}.stat strong{font-size:22px}.tools{top:85px}.controls{bottom:10px}.arrow{width:50px;height:50px;font-size:42px}.actions button{width:62px;height:47px;font-size:26px}#event{top:23%;font-size:11px;padding:5px 10px}#powers{top:calc(23% + 30px);font-size:8px}}
/* Step 1: compact mobile camera HUD; preserve the road's viewing area. */
html,body{height:100dvh}header{top:max(9px,env(safe-area-inset-top));gap:7px}.stat,.brand{padding:7px 11px;border-radius:5px}.stat{min-width:100px}.stat strong{font-size:25px}.brand b{font-size:22px;letter-spacing:2px}.brand span{font-size:7px;letter-spacing:3px}.stat small,.brand small{font-size:8px}.right strong{font-size:18px}.tools{top:85px;gap:5px}.tools button{padding:7px 9px;font-size:9px}#event{top:120px;font-size:12px;padding:6px 13px}#powers{top:153px;font-size:10px}.controls{bottom:max(15px,env(safe-area-inset-bottom))}
@media(max-width:650px){.stat,.brand{padding:7px 8px}.stat{min-width:76px}.stat strong{font-size:20px}.stat small,.brand small{font-size:6px}.brand span{display:none}.brand b{font-size:13px;letter-spacing:1px;margin:4px 0}.right strong{font-size:14px}.tools{top:76px}.tools button{font-size:8px;padding:6px 8px}#event{top:105px;font-size:10px;padding:5px 10px}#powers{top:135px;font-size:9px}.arrow{height:52px;width:52px}.actions button{width:56px;height:52px}.actions{gap:10px}}
@media(max-height:500px){#event{top:83px}#powers{top:112px}.tools{top:83px}.brand b{font-size:16px}.stat strong{font-size:19px}}

#powers{display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:none}.shield-status{display:inline-flex;align-items:center;gap:6px}.shield-status img{width:44px;height:32px;object-fit:contain;filter:drop-shadow(0 0 4px #eac65b66)}@media(max-width:650px){.shield-status img{width:36px;height:27px}}

.magnet-status{color:#98ffaf}.magnet-status img{filter:drop-shadow(0 0 3px #59d68055)}

#level-name{margin-top:3px;color:#ffe9ad;font-size:9px;letter-spacing:.6px}#level-notice{position:fixed;top:32%;left:5%;right:5%;text-align:center;color:#d6ffed;text-shadow:0 2px 10px #000;font:700 13px Arial;letter-spacing:2px;pointer-events:none;opacity:0;transition:opacity .25s}@media(max-width:650px){#level-name{font-size:7px;max-width:150px}#level-notice{font-size:11px}}
/* Approved reference: contain the whole composition, never crop the character. */
html:not(.screen-play) header,html:not(.screen-play) .tools,html:not(.screen-play) .controls,html:not(.screen-play) #event,html:not(.screen-play) #powers,html:not(.screen-play) #feedback,html:not(.screen-play) #level-notice{visibility:hidden;pointer-events:none}
html.screen-menu canvas,html.screen-results canvas{visibility:hidden}
#overlay.view-menu,#overlay.view-results{background:#322034;backdrop-filter:none;isolation:isolate;overflow:hidden;align-items:center;justify-content:center}
#overlay.view-menu::before,#overlay.view-results::before{content:'';position:absolute;inset:-25px;background:center/cover url('assets/sunset-menu-start.webp');filter:blur(22px) brightness(.55);z-index:-1}
#overlay.view-results::before{background-image:url('assets/sunset-menu-results.webp')}
#overlay .panel.reference-home,#overlay .panel.reference-results{position:relative;flex:none;align-self:center;width:min(100vw,calc(100dvh * 632 / 1129));height:min(100dvh,calc(100vw * 1129 / 632));min-height:0;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:0 0 55px #24172980;overflow:hidden;container-type:inline-size}
.reference-art{position:absolute;max-width:none;width:207.5949367%;height:106.2001771%;left:-2.8481013%;top:-4.782994%;user-select:none;pointer-events:none}
.reference-results .reference-art{left:-104.9050633%}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.reference-hit{position:absolute;display:block;z-index:3;margin:0;padding:0;border:0!important;border-radius:4cqw;background:transparent!important;box-shadow:none;color:transparent!important;font-size:4cqw;letter-spacing:0;min-height:0;-webkit-tap-highlight-color:transparent}
.reference-hit:not(:disabled):hover{box-shadow:0 0 0 2px #fff5,0 0 22px #b9ff9680}.reference-hit:not(:disabled):active{background:#ffffff22!important;box-shadow:inset 0 3px 12px #24553770}.reference-hit:focus-visible{outline:3px solid #fff;outline-offset:1px}.reference-hit:disabled{opacity:1;color:#fff!important;background:#261b35ef!important;border:1px solid #dabb80!important;font:800 3cqw Arial}
.reference-start{left:8.2%;top:75.1%;width:83.6%;height:8.85%}.reference-help{left:18%;top:84.1%;width:64%;height:3.1%}
.reference-retry{left:7.6%;top:80.6%;width:84.8%;height:8.7%}.reference-main{left:27.5%;top:90.75%;width:45%;height:4.8%;border-radius:6cqw}
.world-strip.reference-worlds{position:absolute;left:2.6%;right:2.6%;top:88.55%;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.9cqw;list-style:none;margin:0;padding:.45cqw .8cqw 0;background:linear-gradient(#30203ae8,#21162ef5);color:#fff3ce;text-shadow:0 1px 3px #201328}
.reference-worlds li{min-width:0;text-align:center}.reference-worlds img{display:block;width:100%;height:11cqw;object-fit:cover;border:1px solid #f4cd83;border-radius:1.5cqw;box-shadow:0 2px 3px #1e1029}.reference-worlds span{display:block;font:800 1.8cqw/1.5 Arial;color:#ffd581}.reference-worlds b{display:block;font:800 1.65cqw/1.2 Arial;letter-spacing:0}
.live-receipt{position:absolute;left:8.05%;top:36.3%;width:35.9%;height:26.35%;color:#1b192d;background:linear-gradient(105deg,#fff2c8,#fff0c6);z-index:2;padding:0}
.receipt-total{display:flex;align-items:center;justify-content:center;height:34%;width:100%;background:#e4c2e4;border-radius:3.2cqw;font-size:var(--score-size,12cqw);font-weight:900;line-height:1;letter-spacing:-.3cqw;color:#121222;-webkit-text-stroke:.12cqw #ffe3a0;text-shadow:.2cqw .3cqw #bc8b37;font-variant-numeric:tabular-nums;white-space:nowrap}
.live-receipt dl{height:62%;display:grid;grid-template-rows:repeat(4,1fr);margin:4% 3% 0}.live-receipt dl>div{display:flex;align-items:center;justify-content:space-between;gap:.5cqw;min-width:0}.live-receipt dt{font-size:3.15cqw;font-weight:900}.live-receipt dd{margin:0;font-size:4.15cqw;letter-spacing:-.08cqw;font-variant-numeric:tabular-nums;color:#6a3f14;max-width:64%;overflow-wrap:anywhere;line-height:1}.live-receipt dl>div:nth-child(3){border-top:.2cqw solid #886092;padding-top:.7cqw}.live-receipt dl>div:last-child dd{font-size:3.9cqw}
/* Rules use the same sunset world, warm gold outlines and mint arcade CTA. */
#help[hidden]{display:none}#help{position:fixed;inset:0;z-index:10;display:flex;justify-content:center;align-items:flex-start;background:#322034 url('assets/level-sunset-portrait.webp') center/cover;padding:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y}
#help::before{content:'';position:fixed;inset:0;background:linear-gradient(#36213c33,#38213aaa);pointer-events:none}
.rules-scene{position:relative;width:min(100%,560px);height:100%;min-height:660px;display:flex;flex-direction:column;gap:12px;padding:max(18px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));background:linear-gradient(#ffb87110,#3c214b66)}
.rules-title{text-align:center}.rules-title>span{font:800 9px Arial;letter-spacing:3px;color:#fff2ce;text-shadow:0 2px 4px #261429}.rules-title h2{font-size:clamp(29px,7.8vw,46px);margin:7px 0 0;line-height:1.05;color:#ffe48e;-webkit-text-stroke:.8px #422236;text-shadow:0 3px #c78a39,0 5px #281c32;letter-spacing:.5px}.rules-title p{font:800 9px Arial;letter-spacing:2px;color:#fff4dc;margin:10px 0 2px;text-shadow:0 2px 4px #2a1733}
.rules-deck{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(5,minmax(80px,1fr));gap:9px;flex:1;min-height:0}.rule-tile{display:grid;grid-template-columns:27% 1fr;gap:12px;align-items:center;padding:10px 12px;border:1.5px solid #e1bb70;border-radius:14px;background:linear-gradient(120deg,#fff1cce8,#f9dfb8e8);box-shadow:0 4px 10px #32163360;color:#392646;min-width:0;overflow:hidden}.rule-tile h3{font-size:15px;letter-spacing:.5px;margin:0 0 4px;color:#633961}.rule-tile p{font:12px/1.4 Arial;margin:0;color:#38273e}.rule-tile img{max-width:100%;object-fit:contain}.rule-cash{width:100%;height:65px}.gesture-icons{font:900 24px/1 Arial;text-align:center;color:#8a469b;text-shadow:0 2px #fff}.rule-models{height:72px;background:url('assets/model-lineup.webp') 50% 10%/300% auto no-repeat}.rule-power{display:flex;align-items:center;gap:4px}.rule-power img{width:48%;height:57px;object-fit:contain}.bank-symbol{text-align:center;font-size:23px;color:#76508d;text-shadow:0 2px #fff}
#help .primary{width:100%;flex-shrink:0;min-height:51px;padding:12px 10px;margin-top:3px;border:2px solid #fff1b8;border-radius:18px;background:linear-gradient(120deg,#c3ff85,#45f19b);color:#14281b;font-size:23px;font-weight:900;letter-spacing:1px;box-shadow:0 0 0 3px #87633e,0 0 0 5px #2d2034,0 6px 15px #1b0c2680}
#overlay.view-paused{background:#25162ba0}.pause-card{background:linear-gradient(#482d4cf5,#241a32f5);border:2px solid #e6c080;border-radius:20px}.pause-card h1 em{color:#94ffb3}.pause-card p{color:#fff0dc}
@media(orientation:landscape) and (min-aspect-ratio:6/5){.rules-scene{width:min(100%,980px);min-height:360px;padding:12px 24px 16px;gap:8px}.rules-title h2{font-size:30px;margin-top:3px}.rules-title p{margin:6px 0}.rules-deck{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(70px,1fr));gap:8px}.rule-tile{padding:7px 9px;gap:7px}.steering-tile{grid-column:span 2;grid-template-columns:22% 1fr}.rule-tile h3{font-size:12px}.rule-tile p{font-size:10px}.rule-models{height:55px}.rule-cash{height:50px}#help .primary{align-self:center;width:55%;min-height:40px;padding:8px;font-size:19px}}
.reference-help{min-height:36px}.reference-main{min-height:36px}
/* Hologlow: shaded lavender glass with matching cream/mint rims.
   Paint the material directly so the moving road never needs live backdrop blur. */
:root{--holo-cream:#fff0ca;--holo-mint:#a2f5df;--holo-lavender:#c6b1f0;--holo-glass:linear-gradient(145deg,#8b69aee8,#382b59f2 58%,#70508feb);--holo-shadow:inset 0 1px 10px #e6dcff30,inset 0 -4px 10px #281c4e66,0 0 0 2px #785a8c,0 0 0 3px #a5f6ddaa,0 0 15px #bda5ed40}

header .stat,header .brand{padding:8px 11px}header .stat small,header .brand small{color:#e9dff6}header .stat strong{color:#fff1c9;text-shadow:0 2px 4px #251a38}.brand span{color:#d2fff2}.brand b{color:#fff2ce;letter-spacing:1.2px;text-shadow:0 2px 3px #2c1e40}header .right strong{color:#ff90d3;text-shadow:0 0 9px #ed77c14d}#level-name{color:#d8fff1}
.tools button{font:800 9px Arial;letter-spacing:.3px;padding:8px 10px;border-radius:11px}.tools button:active{background:linear-gradient(#bba4ddb0,#655782ed);box-shadow:inset 0 2px 8px #2b204b70,0 0 12px #b4ffed88}.tools button:nth-child(n+2){font-size:15px}#event{border-radius:18px;font-size:12px;letter-spacing:1px;padding:7px 14px}#powers{color:#fff3ce;text-shadow:0 2px 5px #3b214f;gap:8px}.shield-status{padding:3px 8px;border:1px solid #e3d6b4;border-radius:18px;background:#46345bc9;box-shadow:0 0 0 1px #99ecd59c}.shield-status img{width:34px;height:27px}
.controls{--action-size:clamp(70px,19vw,92px);bottom:max(28px,calc(env(safe-area-inset-bottom) + 8px));left:4%;right:4%;align-items:flex-end}.controls button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;border:3px solid var(--holo-cream);border-radius:50%;background:var(--holo-glass);box-shadow:var(--holo-shadow);color:#fff5df;backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform .12s,box-shadow .12s,background .12s;overflow:visible;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.controls button::before{content:'';position:absolute;inset:4px;border-radius:inherit;border-top:1px solid #fff8;border-left:1px solid #fff4;pointer-events:none}.controls button::after{content:'';position:absolute;inset:-7px;border:1px solid #dbccff66;border-radius:50%;opacity:.65;pointer-events:none}.controls button:active{transform:scale(.94);background:linear-gradient(140deg,#b19bd790,#58427cdd);box-shadow:inset 0 4px 10px #2e1b5780,0 0 0 2px #9fe9d6,0 0 24px #b7f6e988}
.controls .arrow{width:calc(var(--action-size)*.80);height:calc(var(--action-size)*.80);font:700 calc(var(--action-size)*.75)/1 Arial;padding:0 0 7px;text-shadow:0 3px 4px #38234770}.actions{gap:14px;align-items:flex-end}.actions button{width:var(--action-size);height:var(--action-size);font:inherit;padding:5px 4px 6px}.actions small{font:900 clamp(9px,2.6vw,12px)/1.1 Arial;letter-spacing:.6px;color:#fff1c6;text-shadow:0 2px 3px #271943}
.action-picture{display:block;flex:none;width:calc(var(--action-size)*.61);height:calc(var(--action-size)*.61);background-image:url('assets/rohni-actions.webp');background-repeat:no-repeat;background-size:200% 100%;filter:drop-shadow(1px 0 #fff3db) drop-shadow(-1px 0 #fff3db) drop-shadow(0 1px #fff3db) drop-shadow(0 -1px #fff3db) drop-shadow(0 2px 2px #33234480);pointer-events:none}.jump-picture{background-position:left center}.slide-picture{background-position:right center}
.actions button.active{color:#fff5df;background:linear-gradient(145deg,#b9a0e4a6,#625085da);box-shadow:inset 0 1px 10px #f1e4ff60,0 0 0 2px #d9c6ff,0 0 0 4px #a5ffe2bc,0 0 25px #c8b4f26b;animation:holo-press .18s ease-out}.actions button.active::after{animation:holo-ripple .55s ease-out;opacity:0}.steering-hint{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font:800 8px Arial;letter-spacing:2px;white-space:nowrap;color:#f1deff;text-shadow:0 2px 3px #2b1944;pointer-events:none}
@keyframes holo-press{0%{transform:scale(.93)}100%{transform:scale(1)}}@keyframes holo-ripple{0%{transform:scale(.95);opacity:.9}100%{transform:scale(1.35);opacity:0}}
@media(max-width:650px){header .stat,header .brand{padding:7px 8px;border-radius:11px}header .stat{min-width:76px}header .stat small,header .brand small{font-size:6px}.brand b{font-size:13px;letter-spacing:.6px}header .stat strong{font-size:20px}header .right strong{font-size:14px}.tools{top:78px}.tools button{font-size:8px;padding:6px 8px}.tools button:nth-child(n+2){font-size:13px}#event{top:112px;font-size:10px;padding:6px 11px}#powers{top:146px;font-size:8px}.shield-status img{width:28px;height:23px}.actions{gap:12px}}
@media(max-height:500px){header .stat,header .brand{padding:5px 9px}.brand b{font-size:15px}header .stat strong{font-size:19px}.tools{top:80px}#event{top:85px;left:42%;font-size:10px;padding:5px 12px}#powers{top:115px}.controls{--action-size:56px;bottom:max(22px,env(safe-area-inset-bottom));left:4%;right:4%}.actions{gap:15px}.actions button{padding:3px}.actions small{font-size:8px}.steering-hint{bottom:-15px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.controls button{transition:none}.actions button.active,.actions button.active::after{animation:none}.controls button:active{transform:none}}
/* Quiet living menus: independent light and foreground layers, stable hit targets. */
.scene-atmosphere{position:absolute;inset:0;z-index:1;overflow:hidden;border-radius:inherit;pointer-events:none;user-select:none;contain:strict}
.scene-atmosphere::before{content:'';position:absolute;left:38%;top:20%;width:72%;height:59%;background:radial-gradient(ellipse at 48% 45%,#ffda7d38,transparent 64%);transform-origin:50% 60%;animation:sunset-light 8s ease-in-out infinite alternate;pointer-events:none}
.scene-atmosphere::after{content:'';position:absolute;inset:49% -10% 11%;background:linear-gradient(112deg,transparent 30%,#ffe3ab24 43%,transparent 52%);opacity:.35;animation:road-light 9s ease-in-out infinite alternate;pointer-events:none}
.depth-spark{position:absolute;display:block;width:3px;height:3px;border-radius:50%;background:#ffedb7;box-shadow:0 0 5px 1px #ffdb8b55;opacity:0;animation:sunset-spark 8s ease-in-out infinite;pointer-events:none}
.spark-0{left:7%;top:70%;animation-delay:-3s}.spark-1{left:92%;top:60%;width:3px;height:3px;animation-duration:9s;animation-delay:-8s}.spark-2{left:13%;top:91%;animation-duration:7s;animation-delay:-6s}.spark-3{left:87%;top:84%;animation-duration:8s;animation-delay:-11s}.spark-4{left:4%;top:49%;animation-duration:10s;animation-delay:-2s}.spark-5{left:96%;top:39%;animation-duration:9s;animation-delay:-7s}
#overlay .panel.reference-home,#overlay .panel.reference-results{isolation:isolate;animation:none;transform:none}
#overlay.view-menu::before,#overlay.view-results::before{animation:backdrop-drift 14s ease-in-out infinite alternate}
.reference-home .reference-start,.reference-results .reference-retry{overflow:hidden;isolation:isolate}
.reference-home .reference-start::after,.reference-results .reference-retry::after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;box-shadow:inset 0 0 13px #d7ffd955;opacity:.1;animation:cta-breathe 4s ease-in-out infinite;pointer-events:none}
.reference-home .reference-start::before,.reference-results .reference-retry::before{content:'';position:absolute;top:0;bottom:0;left:0;width:22%;background:linear-gradient(100deg,transparent,#ffffff38,transparent);transform:translateX(-140%) skewX(-15deg);animation:cta-sheen 6s -2s ease-in-out infinite;pointer-events:none}
.reference-worlds{z-index:2}.reference-worlds img{animation:thumbnail-glow 5s ease-in-out infinite}.reference-worlds li:nth-child(2) img{animation-delay:-1.8s}.reference-worlds li:nth-child(3) img{animation-delay:-3.6s}.reference-worlds li:nth-child(4) img{animation-delay:-5.4s}.reference-worlds li:nth-child(5) img{animation-delay:-7.2s}
.live-receipt{box-shadow:3px 4px 7px #69402320}.reference-results .scene-atmosphere::after{inset:57% 1% 19% 48%;background:linear-gradient(112deg,transparent 35%,#ffefb638 47%,transparent 58%);animation:case-glint 7s -2s ease-in-out infinite}
.rules-scene{isolation:isolate;animation:scene-arrive .45s ease-out both}.rules-scene>.rules-title,.rules-scene>.rules-deck,.rules-scene>#help-close{position:relative;z-index:2}.rule-tile{box-shadow:0 6px 14px #24132d66,inset 0 1px #fff9}.rule-power,.rule-models,.rule-cash,.gesture-icons,.bank-symbol{animation:rule-icon-float 4.8s ease-in-out infinite}.rule-tile:nth-child(2) .rule-cash{animation-delay:-1.4s}.rule-tile:nth-child(3) .rule-models{animation-delay:-2.8s}.rule-tile:nth-child(4) .rule-power{animation-delay:-4.2s}.rule-tile:nth-child(5) .bank-symbol{animation-delay:-5.6s}
#help-close{overflow:hidden}#help-close::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#ffffff32 48%,transparent 60%);transform:translateX(-110%);animation:cta-sheen 6s -2s ease-in-out infinite;pointer-events:none}
@keyframes scene-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes backdrop-drift{from{transform:translate3d(-9px,5px,0) scale(1.025)}to{transform:translate3d(9px,-5px,0) scale(1.04)}}
@keyframes sunset-light{0%{opacity:.5;transform:translate3d(-10px,6px,0) scale(.96)}100%{opacity:.9;transform:translate3d(12px,-8px,0) scale(1.08)}}
@keyframes road-light{from{opacity:.35;transform:translate3d(-9%,2%,0)}to{opacity:.8;transform:translate3d(9%,-2%,0)}}
@keyframes sunset-spark{0%,100%{opacity:0;transform:translate3d(0,12px,0)}18%{opacity:.5}60%{opacity:.65}88%{opacity:0;transform:translate3d(12px,-60px,0)}}
@keyframes cta-breathe{0%,100%{opacity:.12}50%{opacity:.65}}
@keyframes cta-sheen{0%,72%{opacity:0;transform:translateX(-140%) skewX(-15deg)}76%{opacity:.65}91%{opacity:.65;transform:translateX(580%) skewX(-15deg)}94%,100%{opacity:0;transform:translateX(580%) skewX(-15deg)}}
@keyframes thumbnail-glow{0%,100%{box-shadow:0 2px 3px #1e1029}50%{box-shadow:0 2px 6px #1e1029,0 0 5px #f8d88866}}
@keyframes case-glint{0%,65%,100%{opacity:0;transform:translate3d(-15%,0,0)}72%{opacity:.5}90%{opacity:0;transform:translate3d(15%,0,0)}}
@keyframes rule-icon-float{0%,100%{transform:translateY(2px)}50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.scene-atmosphere{display:none}#overlay .panel.reference-home,#overlay .panel.reference-results,.rules-scene,#overlay.view-menu::before,#overlay.view-results::before,.reference-hit::before,.reference-hit::after,.reference-worlds img,.rule-power,.rule-models,.rule-cash,.gesture-icons,.bank-symbol,#help-close::after{animation:none!important;transform:none}.reference-hit::before,#help-close::after{display:none}}
.jewelry-glint{position:absolute;left:37%;top:43%;width:2px;height:2px;background:#fff0b9;border-radius:50%;box-shadow:0 0 4px 2px #ffe5a666;opacity:0;animation:pendant-glint 7s -1s ease-in-out infinite;pointer-events:none}.reference-results .jewelry-glint{left:68%;top:51%;animation-delay:-6s}.jewelry-glint::after{content:'';position:absolute;top:-3px;bottom:-3px;width:1px;left:.5px;background:linear-gradient(transparent,#fff3cf,transparent)}@keyframes pendant-glint{0%,30%,38%,100%{opacity:0;transform:scale(.7)}34%{opacity:.6;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.jewelry-glint{display:none}}
/* Every gameplay surface now shares the bottom controls' exact material. */
header .stat,header .brand,#event,.tools button,.shield-status,.controls button{background:var(--holo-glass);border:3px solid var(--holo-cream);box-shadow:var(--holo-shadow);color:var(--holo-cream);backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible}
header .stat,header .brand,.tools button,.shield-status{position:relative}header .stat,header .brand{border-radius:18px}.tools button{border-radius:18px}#event{border-radius:25px}.shield-status{border-radius:20px}
header .stat::before,header .brand::before,#event::before,.tools button::before,.shield-status::before{content:'';position:absolute;inset:4px;border-radius:inherit;border-top:1px solid #fff8;border-left:1px solid #fff4;pointer-events:none}
header .stat::after,header .brand::after,#event::after,.tools button::after,.shield-status::after{content:'';position:absolute;inset:-7px;border:1px solid #dbccff66;border-radius:inherit;opacity:.65;pointer-events:none}
.tools button:active{background:linear-gradient(140deg,#b19bd790,#58427cdd);box-shadow:inset 0 4px 10px #2e1b5780,0 0 0 2px #9fe9d6,0 0 24px #b7f6e988}
.tools{gap:12px;right:3%;top:88px}.tools button{min-height:34px;padding:6px 9px}.tools button:nth-child(n+2){width:35px;height:35px;padding:0;border-radius:50%}header{left:3%;right:3%;gap:15px}.brand{flex:0 1 auto;min-width:0}.brand b{white-space:nowrap}
@media(max-width:650px){header .stat,header .brand{border-radius:17px;padding:6px 7px}header .stat{min-width:70px}header .brand b{font-size:12px;letter-spacing:.5px}header{gap:15px}.tools{top:82px}.tools button{font-size:8px;padding:5px 8px}.tools button:nth-child(n+2){width:31px;height:31px;min-height:31px;font-size:13px}#event{top:124px;padding:6px 11px}#powers{top:162px}}
@media(max-height:500px){header .stat,header .brand{padding:4px 9px}.tools{top:83px}#event{top:85px;left:42%}#powers{top:123px}}

/* Arcade Dash: brand above one continuous Hologlow dashboard. */
#arcade-hud{--banner-height:clamp(64px,18vw,90px);--rail-height:clamp(68px,16vw,88px);position:fixed;top:max(10px,env(safe-area-inset-top));left:50%;right:auto;width:min(94vw,760px);display:flex;flex-direction:column;align-items:stretch;gap:0;transform:translateX(-50%);pointer-events:none;z-index:2}
html:not(.screen-play) #arcade-hud{visibility:hidden;pointer-events:none}
.arcade-logo{display:block;align-self:center;width:75%;max-width:450px;height:var(--banner-height);object-fit:contain;margin-bottom:6px;filter:drop-shadow(0 2px 3px #29192b55);pointer-events:none}
#arcade-hud .dashboard{position:relative;display:grid;grid-template-columns:.9fr 1.5fr .95fr;align-items:center;min-height:var(--rail-height);border:3px solid var(--holo-cream);border-radius:24px;background:var(--holo-glass);box-shadow:var(--holo-shadow);backdrop-filter:none;-webkit-backdrop-filter:none;padding:8px 5px 13px}
#arcade-hud .dashboard::before{content:'';position:absolute;inset:4px;border-radius:inherit;border-top:1px solid #fff8;border-left:1px solid #fff4;pointer-events:none}#arcade-hud .dashboard::after{content:'';position:absolute;inset:-7px;border:1px solid #dbccff66;border-radius:inherit;opacity:.65;pointer-events:none}
#arcade-hud .stat,#arcade-hud .brand{position:relative;min-width:0;padding:0 10px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}#arcade-hud .stat::before,#arcade-hud .stat::after,#arcade-hud .brand::before,#arcade-hud .brand::after{display:none}
#arcade-hud .brand{border-left:1px solid #e2d2f099;border-right:1px solid #e2d2f099;text-align:center;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:2px}#arcade-hud .brand b{font-size:clamp(12px,3.1vw,21px);line-height:1.1;letter-spacing:.4px;white-space:nowrap;margin:0 0 5px}#arcade-hud .brand small{font:clamp(6px,1.65vw,10px)/1.4 Arial;letter-spacing:.2px;color:#f2e6ff}#arcade-hud #level-name{margin:0;max-width:none;color:#e7fff2}
#arcade-hud .stat small{font:clamp(6px,1.8vw,10px)/1.3 Arial;letter-spacing:.3px;white-space:nowrap;color:#eee3ff}#arcade-hud #cash{font-size:clamp(23px,6.5vw,37px);letter-spacing:.5px;line-height:1.2;margin:3px 0}#arcade-hud .right{text-align:center}#arcade-hud #best{font-size:clamp(6px,1.7vw,10px)}
#arcade-hud #lives{--life-size:clamp(18px,5.3vw,28px);display:flex;align-items:center;justify-content:center;gap:3px;min-height:30px;margin:2px 0;line-height:1;font-size:0;letter-spacing:0}#arcade-hud .life-icon{display:block;width:var(--life-size);height:calc(var(--life-size)*1.18);object-fit:contain;filter:drop-shadow(0 0 2px #a6f4da55);opacity:1;transition:opacity .18s,filter .18s}#arcade-hud .life-lost{opacity:.20;filter:grayscale(1)}
#arcade-hud .hud-footer{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:-8px;padding:0 7px;min-height:42px}#arcade-hud #event{position:relative;left:auto;top:auto;transform:none;justify-self:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:24px;padding:8px 13px;font-size:clamp(9px,2.6vw,13px);line-height:1.1;letter-spacing:.5px;z-index:2}
#arcade-hud .tools{position:relative;right:auto;top:auto;display:flex;gap:10px;align-items:center;pointer-events:none}#arcade-hud .tools button{position:relative;width:34px;height:34px;min-height:34px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;font:700 17px Arial;pointer-events:auto}#arcade-hud #sound svg{width:19px;height:19px;display:block;pointer-events:none}
#powers{top:calc(max(10px,env(safe-area-inset-top)) + clamp(64px,18vw,90px) + clamp(68px,16vw,88px) + 53px)}
@media(max-width:360px){#arcade-hud .stat,#arcade-hud .brand{padding:0 6px}#arcade-hud .brand b{font-size:10.5px}#arcade-hud .tools{gap:9px}#arcade-hud .tools button{width:30px;height:30px;min-height:30px;font-size:15px}#arcade-hud .hud-footer{gap:9px;padding:0 4px}#arcade-hud #event{font-size:8.5px;padding:8px 10px}}
@media(max-height:500px){#arcade-hud{--banner-height:31px;--rail-height:54px;top:max(6px,env(safe-area-inset-top));width:min(90vw,690px)}.arcade-logo{margin-bottom:4px}#arcade-hud .dashboard{padding:5px 5px 10px;border-radius:19px}#arcade-hud .brand b{font-size:14px;margin-bottom:2px}#arcade-hud .stat small,#arcade-hud .brand small{font-size:7px}#arcade-hud #cash{font-size:24px;margin:1px 0}#arcade-hud #lives{--life-size:19px;min-height:22px}#arcade-hud .hud-footer{min-height:32px;margin-top:-7px}#arcade-hud .tools button{width:28px;height:28px;min-height:28px;font-size:14px}#arcade-hud #event{font-size:10px;padding:6px 12px}#powers{top:133px}}
@media(prefers-reduced-motion:reduce){#arcade-hud .life-icon{transition:none}}
/* Half-size top display; scale the complete layout as one centered unit. */
#arcade-hud{transform:translateX(-50%) scale(.625);transform-origin:50% 0}
#powers{top:calc(max(10px,env(safe-area-inset-top)) + (clamp(64px,18vw,90px) + clamp(68px,16vw,88px) + 53px) * .625)}
@media(max-height:500px){#powers{top:calc(max(6px,env(safe-area-inset-top)) + 80px)}}

/* Persistent power chips retain their artwork while timers update. */
#powers [hidden]{display:none}

/* Private shared-board entry points stay outside the approved art's main CTAs. */
.board-link{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 12px;border:1px solid #fff0ca;border-radius:20px;background:var(--holo-glass);color:#fff0ca;text-decoration:none;font:800 clamp(9px,2.1cqw,12px)/1.2 Arial;letter-spacing:.5px;box-shadow:0 2px 8px #21152c77;touch-action:manipulation}.board-link:focus-visible{outline:3px solid white;outline-offset:3px}.board-home{position:absolute;z-index:4;top:1.4%;right:4%;min-height:28px;padding:6px 10px}.score-links{position:absolute;z-index:4;top:1.3%;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap}.score-links small{width:100%;font:700 1.8cqw/1.2 Arial;color:#fff0ca;text-align:center;letter-spacing:1px;text-shadow:0 1px 3px black}

/* Menu marks: brand above the title, leaderboard on the clear road above the CTA. */
.menu-arcade-logo{position:absolute;z-index:4;left:35%;top:-.7%;width:30%;height:5.7%;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 1px 2px #24132699)}
.board-home{top:70.7%;right:4%;min-height:0;height:3.5%;max-width:29%;padding:.4cqw 1.3cqw;font-size:2.05cqw;white-space:nowrap;box-sizing:border-box}

/* Electric blue glass for the home leaderboard. */
:is(.reference-home .board-home,.reference-home .world-count,.reference-results .score-links .board-link){border:.25cqw solid #7eeaff;border-radius:1.8cqw;background:linear-gradient(120deg,#00baff85,#006bff65 55%,#0050d978);color:#f1fcff;font:900 2.3cqw/1 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:.08cqw;text-shadow:0 1px 3px #002a6b,0 0 .5cqw #65dbff;box-shadow:0 0 0 .32cqw #142e5eb3,inset 0 .25cqw .4cqw #d5faff70,inset 0 -.3cqw .5cqw #004bba55,0 0 1.5cqw #00baff88,0 .65cqw 1.1cqw #17244d70;transition:filter .15s,box-shadow .15s;isolation:isolate}
:is(.reference-home .board-home,.reference-results .score-links .board-link):hover{filter:brightness(1.15);box-shadow:0 0 0 .32cqw #143b6fb3,inset 0 .25cqw .4cqw #d5faff88,0 0 2cqw #00c8ffbb,0 .65cqw 1.1cqw #17244d70}
:is(.reference-home .board-home,.reference-results .score-links .board-link):active{filter:brightness(.95);box-shadow:0 0 0 .32cqw #142e5eb3,inset 0 .3cqw .65cqw #003d8870,0 0 1cqw #00baff88}

/* First tap unlocks the soundtrack; second tap starts the run. */
.reference-home .reference-start.ready-prompt{background:linear-gradient(115deg,#ff6a59,#f52d38 48%,#c80b27)!important;color:#fff3cf!important;border:.5cqw solid #ffe4a0!important;border-radius:4cqw;font:900 6cqw/1 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:.12cqw;text-shadow:0 .2cqw .25cqw #650a2480;box-shadow:0 0 0 .45cqw #352234,inset 0 .3cqw .45cqw #ffd5a780,inset 0 -.45cqw .7cqw #940a2466,0 .55cqw 1cqw #32182b88}
.reference-home .reference-start.ready-prompt:not(:disabled):hover{filter:brightness(1.06)}
.reference-home .reference-start.ready-prompt:not(:disabled):active{background:linear-gradient(115deg,#ed493f,#ce1530)!important;filter:brightness(.98)}

/* Compact wide dashboard: readable type without scaling the whole display. */
#arcade-hud{width:min(84vw,800px);top:max(8px,env(safe-area-inset-top));transform:translateX(-50%);--banner-height:26px;--rail-height:56px}
#arcade-hud .arcade-logo{width:46%;max-width:230px;height:26px;margin-bottom:4px}
#arcade-hud .dashboard{grid-template-columns:.9fr 1.6fr .95fr;min-height:56px;padding:4px;border-width:2px;border-radius:16px}
#arcade-hud .dashboard::before{inset:3px}#arcade-hud .dashboard::after{inset:-4px}
#arcade-hud .stat,#arcade-hud .brand{padding:0 7px}
#arcade-hud .brand{gap:1px}
#arcade-hud .brand b{font-size:clamp(12px,3.55vw,19px);line-height:1.1;letter-spacing:0;margin:0 0 2px}
#arcade-hud .brand small{font:clamp(8px,2.3vw,11px)/1.2 Arial;letter-spacing:0}
#arcade-hud .stat small{font:clamp(8px,2.2vw,10px)/1.2 Arial;letter-spacing:0}
#arcade-hud #cash{font-size:clamp(23px,6.5vw,31px);line-height:1;margin:2px 0 3px;letter-spacing:0}
#arcade-hud #best{font-size:clamp(8px,2.2vw,10px)}
#arcade-hud #lives{--life-size:clamp(16px,4.3vw,21px);gap:3px;min-height:21px;margin:1px 0}
#arcade-hud .hud-footer{gap:8px;min-height:31px;margin-top:3px;padding:0 4px}
#arcade-hud #event{border-width:2px;border-radius:15px;font-size:clamp(9px,2.6vw,12px);padding:5px 9px;letter-spacing:0}
#arcade-hud #event::after,#arcade-hud .tools button::after{inset:-4px}
#arcade-hud .tools{gap:8px}
#arcade-hud .tools button{width:28px;height:28px;min-height:28px;border-width:2px;font-size:14px}
#arcade-hud #sound svg{width:16px;height:16px}
#powers{top:calc(max(8px,env(safe-area-inset-top)) + 120px);gap:8px;font:700 10px/1.2 Arial;letter-spacing:0}
#powers .shield-status{padding:2px 7px;gap:4px;border-width:1.5px;border-radius:13px}
#powers .shield-status::before{inset:2px}#powers .shield-status::after{inset:-3px}
#powers .shield-status img{width:24px;height:20px}
#power-divider{display:none!important}
@media(max-height:500px){#arcade-hud{top:max(6px,env(safe-area-inset-top));--banner-height:20px;--rail-height:48px}#arcade-hud .arcade-logo{height:20px;margin-bottom:3px}#arcade-hud .dashboard{min-height:48px;padding:3px 5px;border-radius:14px}#arcade-hud .brand b{font-size:15px}#arcade-hud .brand small,#arcade-hud .stat small,#arcade-hud #best{font-size:9px}#arcade-hud #cash{font-size:23px;margin:1px 0}#arcade-hud #lives{--life-size:16px;min-height:19px}#arcade-hud .hud-footer{min-height:28px;margin-top:2px}#arcade-hud .tools button{width:26px;height:26px;min-height:26px}#arcade-hud #event{font-size:10px;padding:4px 9px}#powers{top:calc(max(6px,env(safe-area-inset-top)) + 104px)}}

/* 55% see-through clear glass; keep text/icons fully opaque. */
#arcade-hud{--holo-glass:linear-gradient(135deg,rgba(255,255,255,.48),rgba(246,252,255,.42));--holo-cream:#ffffffc9;--holo-shadow:inset 0 1px 3px #ffffffb3,inset 0 -1px 3px #92bbce30,0 0 0 1px #ffffff70,0 2px 7px #24354320}
#arcade-hud .dashboard{background:var(--holo-glass);border-color:#ffffffe0;box-shadow:var(--holo-shadow)}
#arcade-hud .dashboard::after,#arcade-hud #event::after,#arcade-hud .tools button::after{border-color:#ffffff88}
#arcade-hud .stat,#arcade-hud .brand,#arcade-hud .brand b,#arcade-hud #cash,#arcade-hud #event,#arcade-hud .tools button{color:#25323c;text-shadow:none}
#arcade-hud .brand{border-color:#485e6e40}
#arcade-hud .stat small,#arcade-hud .brand small,#arcade-hud #level-name,#arcade-hud #best{color:#334b5a;text-shadow:none}
#arcade-hud #event,#arcade-hud .tools button{background:var(--holo-glass);border-color:#ffffffe0;box-shadow:var(--holo-shadow)}
#arcade-hud .tools button:active{background:#ffffffd9;box-shadow:inset 0 2px 5px #7d9aaf44,0 0 0 1px #fff9}
#arcade-hud .life-icon{filter:drop-shadow(0 1px 1px #213443aa)}
#arcade-hud .life-lost{opacity:.2;filter:grayscale(1)}

#arcade-hud .dashboard::before{border-top-color:#ffffffd9;border-left-color:#ffffff70;border-right:1px solid #ffffff26;border-bottom:1px solid #ffffff40;background:linear-gradient(115deg,#ffffff14,transparent 36%,#ffffff12 37%,transparent 52%)}
#arcade-hud .brand b,#arcade-hud #cash,#arcade-hud #event{ text-shadow:0 1px 1px #ffffff80 }

/* Borderless power readout, clear of the HUD and control touch targets. */
#powers{top:auto;bottom:calc(max(28px,calc(env(safe-area-inset-bottom) + 8px)) + clamp(70px,19vw,92px) + 15px);left:50%;width:90vw;max-width:620px;transform:translateX(-50%);z-index:3;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;pointer-events:none;white-space:nowrap}
#powers .shield-status{display:inline-flex;align-items:center;gap:5px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#ffe49b;font:italic 900 clamp(12px,3.35vw,16px)/1.2 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:.65px;text-shadow:-1px -1px 0 #3b214b,1px 1px 0 #3b214b,0 2px 3px #171329,0 0 7px #ffcc654d}
#powers .shield-status::before,#powers .shield-status::after{display:none;content:none;border:0;box-shadow:none}
#powers .shield-status img{width:28px;height:24px;object-fit:contain;filter:drop-shadow(0 1px 2px #24153199)}
#powers .magnet-status{color:#a8ffce;text-shadow:-1px -1px 0 #163d37,1px 1px 0 #163d37,0 2px 3px #171329,0 0 7px #68ffae40}
@media(max-height:500px){#powers{top:auto;bottom:calc(max(28px,calc(env(safe-area-inset-bottom) + 8px)) + clamp(70px,19vw,92px) + 12px)}#powers .shield-status{font-size:13px}#powers .shield-status img{width:25px;height:22px}}
#powers .shield-status[hidden]{display:none}

/* Native touch scrolling with repeated map cards for seamless wraparound. */
.world-gallery.reference-worlds{position:absolute;left:2.6%;right:2.6%;top:88.55%;bottom:0;overflow:hidden;background:linear-gradient(#30203af5,#21162e);padding:.3cqw .8cqw 0;z-index:3}
.world-track{display:flex;gap:2cqw;margin:0;padding:0 0 1cqw;list-style:none;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.world-track::-webkit-scrollbar{display:none}.world-track li{flex:0 0 30%;min-width:0;text-align:center}
.world-track .map-card{display:block;width:100%;border:0;padding:0;background:none;box-shadow:none;color:#fff3ce;touch-action:pan-x;-webkit-tap-highlight-color:transparent;cursor:pointer}
.world-track .map-card img{height:12.6cqw;border-radius:1.5cqw;object-fit:cover;pointer-events:none}.world-track .map-card span{font:800 2cqw/1.35 Arial;color:#ffd581}.world-track .map-card b{display:block;font:800 1.95cqw/1.15 Arial;text-shadow:0 1px 3px #201328}.map-card:focus-visible{outline:2px solid #fff0ca;outline-offset:-2px;border-radius:1.5cqw}
#map-preview{position:fixed;inset:0;margin:auto;width:min(92vw,660px);max-height:90dvh;padding:0;border:2px solid #e9c27c;border-radius:20px;background:#2f203a;color:#fff1cf;box-shadow:0 20px 80px #0e091bb3;overflow:auto;overscroll-behavior:contain;touch-action:pan-y}#map-preview::backdrop{background:#1b1124c7}
.map-preview-card{position:relative}.map-preview-card>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.map-preview-copy{padding:18px 22px 16px;text-align:left}.map-preview-copy small{font:800 11px Arial;letter-spacing:2px;color:#ffcf80}.map-preview-copy h2{font:900 clamp(23px,6vw,34px)/1.1 Impact,'Arial Narrow',Arial,sans-serif;margin:8px 0;color:#fff0be}.map-preview-copy p{font:14px/1.55 Arial;color:#f1e5f5;margin:10px 0 18px}
#map-preview-close{position:absolute;top:10px;right:10px;z-index:1;width:38px;height:38px;border:1px solid #ffe2a3;border-radius:50%;background:#2b193dde;font:26px Arial;color:#fff3ce}.map-preview-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.map-preview-nav button{width:38px;height:34px;border:1px solid #dfbc7c;border-radius:12px;background:linear-gradient(130deg,#77548da6,#382346);color:#fff1c9;font:26px/1 Arial}.map-preview-nav span{font:700 9px/1.4 Arial;letter-spacing:1px;text-align:center;color:#ddcbe6}
/* Cash Run's compact live leaderboard. */
#cash-board{box-sizing:border-box;width:min(92vw,430px);max-height:85dvh;overflow:auto;padding:30px 22px 22px;border:1px solid #74e8ff;border-radius:24px;background:linear-gradient(145deg,#143c59f5,#241b3af7);color:#fff4cf;box-shadow:0 0 24px #00cfff66,0 25px 90px #0009;text-align:center;font-family:Arial,sans-serif}
#cash-board::backdrop{background:#090916b8;backdrop-filter:blur(6px)}
#cash-board small{color:#7eeaff;letter-spacing:3px;font-size:11px}#cash-board h2{font:30px Impact,'Arial Narrow',sans-serif;margin:12px 0 5px;letter-spacing:1px}#cash-board .cash-board-sub{font-size:10px;letter-spacing:2px;color:#c3ddea;margin:0 0 22px}
#cash-board ol{list-style:none;padding:0;margin:0}#cash-board li{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:16px 0;border-bottom:1px solid #ffffff26;text-align:left}#cash-board li span{color:#76dcff;font-size:12px}#cash-board li b{overflow-wrap:anywhere;font-size:14px}#cash-board li strong{font-size:18px;color:#a1ffb6}#cash-board [role=status]{font-size:12px;line-height:1.6;color:#c4d5df}
#cash-board button{cursor:pointer;color:inherit}#cash-board .cash-board-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px}#cash-board .cash-board-refresh{border:0;background:none;color:#7eeaff;font-size:11px;padding:12px}#cash-board .cash-board-full{display:block;margin-top:8px;padding:16px 10px;border:1px solid #7eeaff;border-radius:14px;background:#00baff33;color:white;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:1px}#cash-board :focus-visible{outline:3px solid #fff1ac;outline-offset:3px}

.pause-card .pause-main-menu{display:block;width:100%;min-height:44px;margin-top:12px;padding:12px 10px;border:1px solid #e6c77e;border-radius:6px;background:linear-gradient(135deg,#d52b3e,#96162b);color:#fff1c2;font:700 14px Arial,sans-serif;letter-spacing:1.3px;box-shadow:inset 0 1px 0 #ffffff22}.pause-card .pause-main-menu:hover{background:#e33447}.pause-card{max-height:92dvh;overflow-y:auto}@media(max-height:500px){.pause-card .pause-main-menu{margin-top:8px;padding:8px;min-height:40px;font-size:12px}}

.reference-home .world-count{position:absolute;z-index:2;top:21.25%;left:28%;width:44%;height:2.2%;margin:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:.2cqw .8cqw;font-size:1.65cqw;letter-spacing:.08cqw;white-space:nowrap;pointer-events:none}

.reference-home .cash-share{left:4%;right:auto;max-width:24%}

/* The active game owns scrolling and touch gestures; menu galleries retain theirs. */
html.screen-play,html.screen-play body{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none}
html.screen-play body,html.screen-play #game,html.screen-play .controls button,html.screen-play .tools button{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}