:root{--rust: #c1421c;--ember: #ff7a1e;--blood: #e11208;--blood-hot: #ff5a2c;--bone: #fff6ea;--ink: #0a0503;--gold: #ffc21f;--gold-hot: #ffe98f;--flame: #ff7a1e;--tyre: #35a6ff;--spike: #b45cff;--nitro: #35d7ff;--pad-x: 8px;--hud-top-pad: max(7px, env(safe-area-inset-top));--hud-bottom-pad: max(18px, env(safe-area-inset-bottom));--face-display: Lato, "Arial Black", "Helvetica Neue", Helvetica, Impact, system-ui, sans-serif;--face-text: Lato, "Helvetica Neue", Helvetica, system-ui, sans-serif;--keyline: -1px -1px 0 #0a0402, 1px -1px 0 #0a0402, -1px 1px 0 #0a0402, 1px 1px 0 #0a0402, 0 2px 0 rgba(0, 0, 0, .9), 0 3px 6px rgba(0, 0, 0, .75);--keyline-thin: -1px 0 0 #0a0402, 1px 0 0 #0a0402, 0 -1px 0 #0a0402, 0 1px 0 #0a0402, 0 2px 4px rgba(0, 0, 0, .8);--metal-steel: linear-gradient(174deg, #cbd4e2 0%, #8791a0 8%, #4a525f 28%, #23262d 58%, #0d1013 84%, #6b3c17 100%);--metal-rust: linear-gradient(174deg, #ffd0a6 0%, #e8763a 9%, #a83612 30%, #5c1707 62%, #200803 86%, #8f3a10 100%);--metal-cool: linear-gradient(174deg, #cfe8f6 0%, #7ba4bd 9%, #3d5568 30%, #1a242e 62%, #070c11 85%, #55341a 100%);--panel-face: linear-gradient(178deg, #23262c 0%, #14161a 20%, #060708 70%, #101216 100%);--panel: linear-gradient(180deg, #26201c 0%, #100b09 26%, #060403 78%, #0d0908 100%);--bevel: inset 0 1px 0 rgba(255, 236, 214, .24), inset 0 -2px 0 rgba(0, 0, 0, .9), inset 0 0 22px rgba(0, 0, 0, .55), 0 4px 12px rgba(0, 0, 0, .6);--sunset-rim: 0 2px 0 rgba(255, 128, 40, .5), 0 3px 10px rgba(255, 90, 20, .28);font-family:var(--face-display);font-weight:900;color:var(--bone);background:#0b0503;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}#app{position:fixed;inset:0;height:100vh;height:100dvh;overflow:hidden}#game{position:absolute;inset:0}#game canvas{display:block;width:100%!important;height:100%!important}.sprites{position:absolute;width:0;height:0;overflow:hidden}.grit{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#1806008c,#18060000 22%),linear-gradient(0deg,#10030099,#10030000 26%),radial-gradient(130% 90% at 50% 46%,transparent 42%,rgba(20,4,0,.55) 100%)}.hidden{display:none!important}.glyph{display:block;flex:none}.meter{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:2.5px;border-radius:2.5px;background:linear-gradient(180deg,#050608,#000001);box-shadow:inset 0 2px 6px #000,0 1px #bed2ec3d,0 0 0 1px #000000eb}.meter:after{content:"";position:absolute;left:2.5px;right:2.5px;top:2.5px;height:38%;border-radius:1px;background:linear-gradient(180deg,#ffffff2b,#fff0);pointer-events:none}.seg{position:relative;min-width:0;border-radius:1px;background:var(--seg-cold);box-shadow:inset 0 0 0 1px #000c,inset 0 1px 0 var(--seg-edge),inset 0 -2px 3px #000000d9;transition:background 90ms linear,box-shadow 90ms linear}.seg:after{content:"";position:absolute;left:1px;right:1px;top:1px;height:42%;border-radius:1px 1px 2px 2px;background:linear-gradient(180deg,#fff3,#fff0)}.seg.lit{background:var(--seg-lit);box-shadow:inset 0 0 0 1px #0000008c,inset 0 1px #fffaf0e6,inset 0 -2px 3px var(--seg-shade),0 0 6px var(--seg-glow)}.seg.lit:after{background:linear-gradient(180deg,#ffffffa8,#ffffff0a)}.pile-track{--seg-cold: linear-gradient(180deg, #b23a1e 0%, #77190c 46%, #3a0705 100%);--seg-edge: rgba(255, 186, 140, .62);--seg-lit: linear-gradient(180deg, #fff3d2 0%, #ffab3a 20%, #ff3a08 52%, #b40803 100%);--seg-shade: rgba(84, 3, 0, .9);--seg-glow: rgba(255, 74, 20, 1)}.pile-track .seg{box-shadow:inset 0 0 0 1px #000000b3,inset 0 1px 0 var(--seg-edge),inset 0 -3px 4px #3c0200e6,0 0 4px #d2280c73}.pile-track .seg.lit{box-shadow:inset 0 0 0 1px #0006,inset 0 1px #fffaf0f2,inset 0 -3px 4px var(--seg-shade),0 0 9px var(--seg-glow),0 0 18px #ff3c0e99}.nitro-track{--seg-cold: linear-gradient(180deg, #0f1f2b 0%, #08131c 52%, #030910 100%);--seg-edge: rgba(120, 210, 255, .18);--seg-lit: linear-gradient(180deg, #dff8ff 0%, #56cbff 26%, #1188e8 58%, #05407f 100%);--seg-shade: rgba(2, 40, 90, .9);--seg-glow: rgba(60, 190, 255, .9)}.logo{display:block;overflow:visible}.logo--small{position:absolute;left:0;top:1px;width:105px;height:76px;z-index:4;transform:rotate(-2.2deg);transform-origin:left top;filter:drop-shadow(0 1px 0 rgba(0,0,0,1)) drop-shadow(0 3px 4px rgba(0,0,0,.95)) drop-shadow(0 0 16px rgba(228,38,12,.5));pointer-events:none}.logo--big{width:min(340px,96%);aspect-ratio:244 / 178;height:auto;transform:rotate(-2deg);filter:drop-shadow(0 7px 7px rgba(0,0,0,.85)) drop-shadow(0 0 30px rgba(220,30,12,.45))}.hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;padding:var(--hud-top-pad) 0 var(--hud-bottom-pad)}.hud-top{position:relative;flex:none}.topbar{position:relative;display:flex;align-items:center;gap:3px;height:55px;padding:0 max(6px,env(safe-area-inset-right)) 6px 101px;background:linear-gradient(178deg,#ffe6bd,#ff9a3a 34%,#e04a08 62%,#6d1601);clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 17px) 100%,17px 100%,0 calc(100% - 15px));filter:drop-shadow(0 2px 10px rgba(255,92,20,.32))}.topbar:before{content:"";position:absolute;inset:0 1.5px 2.5px;background:radial-gradient(120% 150% at 60% 122%,#ff681a4d,#ff601600 60%),linear-gradient(180deg,#26282ff7,#0d0d0ff7 40%,#030203f7);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 14px));box-shadow:inset 0 1px #d6e4fa4d,inset 0 -20px 26px #000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.topbar>*{position:relative;z-index:1}.topbar-split{width:2px;align-self:stretch;margin:13px 3px 21px;flex:none;background:linear-gradient(180deg,#bed2ec00,#d2e2f88c,#bed2ec00);box-shadow:1px 0 #000000e6,-1px 0 #000000e6}.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1 1 0;min-width:0}.stat-label{display:flex;align-items:center;gap:4px;font-size:8.5px;letter-spacing:.13em;line-height:1;color:#f2f4f8;white-space:nowrap;text-shadow:0 1px 0 rgba(0,0,0,.95),0 0 5px rgba(0,0,0,.8)}.stat-label .glyph--skull{width:12px;height:12px;margin-top:-1px;filter:drop-shadow(0 0 4px rgba(255,120,60,.5))}.stat--distance .stat-label{color:var(--gold);text-shadow:0 1px 0 rgba(0,0,0,.95),0 0 9px rgba(255,170,30,.5)}.stat strong{display:block;font-size:19px;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;transform:scaleX(.78);text-shadow:var(--keyline)}.stat--distance strong{color:var(--gold);text-shadow:var(--keyline),0 0 14px rgba(255,170,30,.55)}.stat strong small{display:inline-block;font-size:.42em;letter-spacing:.04em;vertical-align:.34em;margin-left:.42em;transform:scaleX(1.22);opacity:.92}.coin-pill{display:flex;align-items:center;gap:4px;flex:none;margin-bottom:2px;padding:3.5px 3.5px 3.5px 4.5px;border-radius:4px;background:linear-gradient(180deg,#1c1712f2,#050403f5);box-shadow:inset 0 1px #ffd68c4d,inset 0 -2px 5px #000000e6,0 0 0 1px #000000d9,0 0 0 2px #ffb02e80,0 0 10px #ffa01e40}.glyph--coin{width:14px;height:14px;filter:drop-shadow(0 0 5px rgba(255,190,40,.85))}.coin-pill b{font-size:12.5px;line-height:1;letter-spacing:-.015em;font-variant-numeric:tabular-nums;transform:scaleX(.78);color:#fff;text-shadow:var(--keyline-thin)}.coin-plus{--ch: 4px;position:relative;width:17px;height:17px;margin-left:1px;flex:none;background:linear-gradient(180deg,#3a2a0c,#150d02);box-shadow:inset 0 0 0 1.5px #ffc21f,inset 0 1px #fff0be66,0 0 6px #ffb42873;clip-path:polygon(var(--ch) 0,calc(100% - var(--ch)) 0,100% var(--ch),100% calc(100% - var(--ch)),calc(100% - var(--ch)) 100%,var(--ch) 100%,0 calc(100% - var(--ch)),0 var(--ch))}.coin-plus:before,.coin-plus:after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(180deg,#fff0b4,#ffc21f);border-radius:.5px}.coin-plus:before{width:9px;height:2.6px;margin:-1.3px 0 0 -4.5px}.coin-plus:after{width:2.6px;height:9px;margin:-4.5px 0 0 -1.3px}.icon-button{--ch: 7px;pointer-events:auto;position:relative;width:36px;height:40px;margin-bottom:2px;display:flex;align-items:center;justify-content:center;gap:5px;border:none;padding:0;flex:none;cursor:pointer;background:var(--metal-steel);clip-path:polygon(var(--ch) 0,calc(100% - var(--ch)) 0,100% var(--ch),100% calc(100% - var(--ch)),calc(100% - var(--ch)) 100%,var(--ch) 100%,0 calc(100% - var(--ch)),0 var(--ch));filter:drop-shadow(0 0 1px rgba(0,0,0,1)) drop-shadow(0 3px 0 rgba(0,0,0,.85)) drop-shadow(0 5px 9px rgba(0,0,0,.6));transition:transform .07s ease,filter .07s ease}.icon-button:before{content:"";position:absolute;inset:2.5px;background:linear-gradient(178deg,#1d2026,#0a0b0e 40%,#020203);clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);box-shadow:inset 0 1px #dce8fa33,inset 0 -3px 6px #000000f2,inset 0 -6px 10px #ff6e1e29}.icon-button span{position:relative;z-index:1;width:7px;height:19px;border-radius:1px;background:linear-gradient(180deg,#fff,#fff 45%,#c3cbd8);box-shadow:0 0 0 1px #000000e6,0 1px 3px #000c,0 0 8px #e6f0ff80}.icon-button:active{transform:translateY(3px);filter:drop-shadow(0 0 1px rgba(0,0,0,1)) drop-shadow(0 2px 5px rgba(0,0,0,.5))}.pile-panel{position:relative;margin:10px auto 0;width:min(272px,78%);text-align:center;padding-left:18px}.pile-box{position:relative;display:flex;align-items:center;padding:5px 15px 6px 33px;background:var(--metal-rust);clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);filter:drop-shadow(0 0 1px rgba(0,0,0,1)) drop-shadow(0 3px 5px rgba(0,0,0,.85)) drop-shadow(0 8px 16px rgba(0,0,0,.5)) drop-shadow(0 2px 9px rgba(255,70,16,.3))}.pile-box:before{content:"";position:absolute;inset:2.5px 2.5px 3px;background:radial-gradient(80% 160% at 50% 118%,#ff4a124d,#ff4a1200 65%),linear-gradient(178deg,#2f1c17,#170d0a 22%,#080405 70%,#1a0c09);clip-path:polygon(15px 0,100% 0,calc(100% - 15px) 100%,0 100%);box-shadow:inset 0 2px #ffbe9638,inset 0 -3px 9px #000000e6,inset 0 0 24px #000000bf}.pile-box:after{content:"";position:absolute;inset:2.5px 2.5px 3px;pointer-events:none;background:repeating-linear-gradient(-62deg,#ffb028e6 0 3px,#140602f2 3px 6.5px);clip-path:polygon(15px 0,100% 0,calc(100% - 15px) 100%,0 100%);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 18px,transparent 33px,transparent calc(100% - 33px),#000 calc(100% - 18px),#000 100%);mask-image:linear-gradient(90deg,#000 0,#000 18px,transparent 33px,transparent calc(100% - 33px),#000 calc(100% - 18px),#000 100%);opacity:.55}.pile-body{position:relative;z-index:1;flex:1 1 auto;min-width:0}.pile-badge{position:absolute;left:0;top:6px;width:34px;height:34px;display:grid;place-items:center;border-radius:5px;transform:rotate(45deg);background:linear-gradient(150deg,#ff6a34,#cd1408 52%,#5e0400);border:2.5px solid #fff0e8;box-shadow:0 0 18px #f02e0ee6,inset 0 3px #ffcebc8c,inset 0 -6px 10px #000000b8,0 3px 8px #000000e6;z-index:3}.pile-badge .glyph{width:19px;height:19px;transform:rotate(-45deg);filter:drop-shadow(0 1px 1px rgba(90,0,0,.9))}.pile-head{position:relative;height:14px;margin-bottom:3px;display:flex;align-items:center;justify-content:center}.pile-head strong{min-width:0;font-size:13.5px;line-height:1;letter-spacing:.02em;text-align:center;color:#ff6a34;white-space:nowrap;transform:scaleX(.86);text-shadow:var(--keyline),0 0 12px rgba(255,60,20,.8)}.pile-track{position:relative;height:15px;box-shadow:inset 0 2px 6px #000,inset 0 0 16px #d2220899,0 1px #ecbeaa42,0 0 0 1px #000000eb,0 0 12px #c8280c66;animation:pile-armed 2.6s ease-in-out infinite}@keyframes pile-armed{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.2) saturate(1.18)}}.pile-track .seg:nth-last-child(-n+3){--seg-cold: repeating-linear-gradient(-52deg, rgba(255, 196, 70, .55) 0 2px, rgba(0, 0, 0, 0) 2px 5px), linear-gradient(180deg, #b23a1e 0%, #77190c 46%, #3a0705 100%);--seg-edge: rgba(255, 214, 120, .95)}.pile-hint{display:block;margin-top:3px;font-size:9px;line-height:1;letter-spacing:.14em;color:#ffb457;text-shadow:var(--keyline-thin)}.pile-head strong,.pile-hint,.pile-badge{transition:opacity .25s ease,filter .25s ease}.pile-panel:not(.warm) .pile-head strong,.pile-panel:not(.warm) .pile-hint{opacity:.92}.pile-panel.critical .pile-badge,.pile-panel.critical .pile-head strong{animation:pile-alarm .42s steps(2) infinite}@keyframes pile-alarm{0%,to{filter:none}50%{filter:brightness(1.75) saturate(1.35)}}.multiplier{position:absolute;top:30%;right:6%;font-size:clamp(30px,9vw,52px);color:var(--gold-hot);text-shadow:var(--keyline),0 0 24px rgba(255,160,40,.95);transform:rotate(-7deg);pointer-events:none}.announcement{position:absolute;left:50%;top:26%;transform:translate(-50%) scale(.9);font-size:clamp(20px,6.6vw,36px);letter-spacing:.05em;opacity:0;pointer-events:none;text-shadow:var(--keyline);white-space:nowrap}.announcement.show{animation:shout 1.5s ease-out forwards}.announcement.good{color:var(--gold-hot)}.announcement.bad{color:#ff4a2a}@keyframes shout{0%{opacity:0;transform:translate(-50%,14px) scale(.82)}18%{opacity:1;transform:translate(-50%) scale(1.06)}70%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-18px) scale(1)}}.hud-bottom{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:4px;padding:0 max(6px,env(safe-area-inset-left)) 0 max(6px,env(safe-area-inset-right))}.steer{pointer-events:auto;width:66px;height:66px;flex:none;margin-bottom:26px;padding:0;border-radius:50%;border:2.5px solid rgba(255,252,248,.88);background:radial-gradient(circle at 50% 28%,#544c4657,#06050580 80%);display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 1.5px #00000073,0 5px 16px #0009,inset 0 2px 12px #ffffff24,inset 0 -8px 14px #ff782829;transition:transform .08s ease,background .12s ease,box-shadow .12s ease}.steer svg{width:68%;height:68%;fill:#fff;filter:drop-shadow(0 0 1px rgba(0,0,0,.9)) drop-shadow(0 2px 3px rgba(0,0,0,.8))}.steer--right svg{transform:scaleX(-1)}.steer.active,.steer:active{transform:scale(.93);background:radial-gradient(circle at 50% 28%,#ffaa50c7,#781a00b8 80%);box-shadow:0 0 0 2px #00000080,0 0 22px #ff8c32bf}.bottom-center{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1 1 0;min-width:0}.dock{position:relative;display:flex;flex-direction:column;align-items:stretch;max-width:100%;padding:8px 12px 7px;background:var(--metal-steel);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 22%,calc(100% - 17px) 100%,17px 100%,0 22%);filter:drop-shadow(0 0 1px rgba(0,0,0,1)) drop-shadow(0 3px 0 rgba(0,0,0,.9)) drop-shadow(0 6px 8px rgba(0,0,0,.8)) drop-shadow(0 12px 22px rgba(0,0,0,.6))}.dock:before{content:"";position:absolute;inset:3px 3px 3.5px;background:linear-gradient(178deg,#7b8492,#39404b 22%,#1a1e25 60%,#8a5527);clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 22%,calc(100% - 16px) 100%,16px 100%,0 22%)}.dock:after{content:"";position:absolute;inset:5px 5px 6px;background:radial-gradient(120% 160% at 50% 118%,#ff761e38,#ff761e00 62%),linear-gradient(178deg,#262a32,#14171c 16%,#030405 66%,#100d0c);clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 22%,calc(100% - 14px) 100%,14px 100%,0 22%);box-shadow:inset 0 2px #d6e6fc47,inset 0 -4px 10px #000000fa,inset 0 0 30px #000000d9}.power-tray{position:relative;z-index:1;display:flex;gap:4px;max-width:100%;padding:2px 4px 5px}.power-slot{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:3px;width:71px;min-width:0;transition:transform .2s ease,filter .2s ease}.power-icon{position:relative;display:grid;place-items:center;width:51px;height:51px;border-radius:50%;border:3px solid currentColor;background:radial-gradient(circle at 50% 122%,var(--lens),rgba(0,0,0,0) 58%),radial-gradient(circle at 50% 24%,#262a33,#04050a 74%);box-shadow:0 0 0 1.5px #000000f2,0 0 12px currentColor,0 0 26px var(--glow),inset 0 0 10px var(--lens),inset 0 4px 11px #000000f2}.power-icon:after{content:"";position:absolute;left:12%;right:12%;top:5%;height:40%;border-radius:50% 50% 40% 40%/70% 70% 30% 30%;background:linear-gradient(180deg,#ffffff42,#fff0);pointer-events:none}.power-icon svg{width:86%;height:86%;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.95)) drop-shadow(0 0 5px currentColor)}.power-slot[data-power=tyres] .power-icon svg{width:96%;height:96%}.power-name{font-size:7.5px;line-height:1;letter-spacing:.04em;white-space:nowrap;color:#fff;text-shadow:0 0 4px currentColor,var(--keyline-thin)}.power-time{position:absolute;top:36px;right:7px;min-width:19px;padding:2px 3px;border-radius:9px;font-size:11px;line-height:1;color:#fffaf0;letter-spacing:.01em;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(0,0,0,.9);white-space:nowrap;background:linear-gradient(180deg,#2a2f38,#06070a);box-shadow:0 0 0 1.5px currentColor,0 0 8px var(--glow),inset 0 1px #ffffff47;opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.power-slot.stocked .power-time{opacity:1;transform:scale(1)}.power-slot[data-power=flame]{color:#ff8a2c;--glow: rgba(255, 110, 20, .72);--lens: rgba(255, 110, 20, .3)}.power-slot[data-power=tyres]{color:#46b4ff;--glow: rgba(41, 163, 255, .72);--lens: rgba(41, 163, 255, .28)}.power-slot[data-power=spikes]{color:#c87cff;--glow: rgba(184, 100, 255, .72);--lens: rgba(184, 100, 255, .28)}.power-slot:not(.active) .power-icon{box-shadow:0 0 0 1.5px #000000e6,0 0 7px currentColor,inset 0 0 8px var(--lens),inset 0 4px 10px #000000f2}.power-slot:not(.active) .power-name{color:#f6eee6d1;text-shadow:0 0 4px rgba(0,0,0,.9),var(--keyline-thin)}.power-slot.active{transform:translateY(-2px);animation:power-pulse 1.1s ease-in-out infinite}@keyframes power-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.22)}}.nitro{pointer-events:auto;position:relative;z-index:1;display:flex;align-items:center;gap:8px;width:100%;min-width:0;margin:0;padding:5px 4px 1px;border:none;border-top:1px solid rgba(150,200,235,.16);cursor:pointer;color:var(--bone);font-family:inherit;background:none;transition:transform .08s ease,filter .15s ease}.nitro:active,.nitro.firing{transform:scale(.985);filter:drop-shadow(0 0 14px rgba(53,215,255,.9))}.nitro-label{display:flex;align-items:center;gap:5px;flex:none}.nitro-label svg{width:23px;height:23px;flex:none;filter:drop-shadow(0 0 7px rgba(53,215,255,.95))}.nitro-label b{font-size:12px;line-height:1.02;letter-spacing:.06em;text-align:left;transform:scaleX(.86);transform-origin:left center;text-shadow:var(--keyline-thin)}.nitro-track{flex:1;min-width:0;height:18px}.screen{position:absolute;inset:0;display:grid;place-items:center;padding:18px;background:radial-gradient(80% 60% at 50% 40%,#3c0e028c,#050201e6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5}.screen-inner{width:min(520px,100%);max-height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:20px 18px 22px;border-radius:14px;border:1.5px solid rgba(255,130,50,.3);background:var(--panel);box-shadow:0 26px 60px #000000b3,var(--bevel)}.tagline{margin:0;font-size:13px;letter-spacing:.16em;color:#ffab52;font-family:var(--face-text);font-weight:700;text-shadow:0 1px 0 rgba(0,0,0,.8)}.kicker{font-size:12px;letter-spacing:.32em;color:#ff5a2c;text-shadow:var(--keyline-thin)}.screen h2{margin:0;font-size:clamp(24px,7vw,38px);letter-spacing:.01em;text-shadow:var(--keyline)}.brief{list-style:none;margin:0;padding:0;display:grid;gap:6px;width:100%;font-family:var(--face-text);font-weight:600;font-size:13px;color:#faeee0db}.brief li{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:baseline;text-align:left;padding:7px 10px;border-radius:7px;background:#ffffff0d;border-left:3px solid var(--rust)}.brief b{font-family:var(--face-display);font-weight:900;letter-spacing:.12em;color:#ffab52;font-size:.88em}.primary{pointer-events:auto;width:100%;padding:15px 20px;border:none;border-radius:11px;background:linear-gradient(180deg,#ffa03c,#d84c17 55%,#8c1f0a);color:#fff6ea;font-family:inherit;font-weight:900;font-size:clamp(15px,4.4vw,20px);letter-spacing:.12em;cursor:pointer;text-shadow:var(--keyline-thin);box-shadow:inset 0 2px #ffe2be73,0 6px #5c1204,0 14px 26px #0000008c;transition:transform .08s ease,box-shadow .08s ease,filter .2s ease}.primary:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 2px #ffe2be4d,0 2px #5c1204,0 8px 16px #00000080}.primary:disabled{filter:grayscale(.7) brightness(.7);cursor:default}.ghost{pointer-events:auto;background:none;border:none;color:#f4e6d299;font-family:var(--face-text);font-weight:600;font-size:13px;letter-spacing:.08em;padding:6px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.results{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;width:100%}.results div{padding:9px 8px;border-radius:9px;background:#ffffff0d;border:1px solid rgba(255,140,60,.22);box-shadow:inset 0 1px #ffdcbe24;display:flex;flex-direction:column;gap:3px}.results span{font-size:10px;letter-spacing:.2em;color:#f4e6d28c}.results strong{font-size:clamp(17px,5vw,24px);color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:var(--keyline-thin)}.record{margin:0;font-family:var(--face-text);font-weight:600;font-size:12px;letter-spacing:.1em;color:#f4e6d29e}.record b{color:var(--gold)}@media(min-aspect-ratio:1/1){.pile-panel{width:min(340px,52%)}.hud-bottom{padding:0 clamp(8px,4vw,60px)}}@media(max-width:359px){.topbar{padding-left:112px}.logo--small{width:114px;height:83px}.stat strong{font-size:22px}.coin-pill b{font-size:14px}.power-slot{width:68px}.power-name{font-size:7px;letter-spacing:.02em}}@media(prefers-reduced-motion:reduce){.pile-panel.critical .pile-badge,.pile-panel.critical .pile-head strong,.pile-track,.power-slot.active{animation:none}.announcement.show{animation-duration:.9s}}