:root{--rust: #c1421c;--ember: #ff7a1e;--blood: #b4130c;--bone: #f4e6d2;--ink: #100704;--steel: #262023;--flame: #ff7a1e;--tyre: #4aa8ff;--spike: #b45cff;--nitro: #35d7ff;--hud-pad: max(12px, env(safe-area-inset-top));font-family:Arial Black,Helvetica Neue,Helvetica,Impact,system-ui,sans-serif;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}.grit{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 80% at 50% 8%,rgba(255,168,74,.08),transparent 62%),radial-gradient(90% 70% at 50% 108%,rgba(20,4,0,.5),transparent 60%);mix-blend-mode:screen;opacity:.7}.hidden{display:none!important}.logo{display:flex;flex-direction:column;align-items:center;line-height:.86;letter-spacing:.06em;transform:rotate(-2deg);filter:drop-shadow(0 3px 0 rgba(0,0,0,.6))}.logo span{color:var(--bone);-webkit-text-stroke:1px rgba(0,0,0,.85)}.logo em{font-style:normal;color:var(--blood);-webkit-text-stroke:1.5px #1a0401;letter-spacing:.02em;text-shadow:0 0 18px rgba(220,30,12,.55),0 2px 0 #3d0603}.logo--big span{font-size:clamp(30px,8.5vw,58px)}.logo--big em{font-size:clamp(42px,12vw,82px);margin-top:.06em}.logo--small{transform:rotate(-2deg) scale(.95);transform-origin:left top;align-items:flex-start;flex:0 1 auto;overflow:hidden}@media(max-width:480px){.logo--small{display:none}}.logo--small span{font-size:clamp(9px,2.4vw,13px)}.logo--small em{font-size:clamp(14px,4vw,21px)}.hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;padding:var(--hud-pad) max(10px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right))}.hud-top{display:flex;align-items:center;gap:clamp(4px,1.6vw,14px);background:linear-gradient(180deg,#0a0402d1,#0a040247);border-bottom:2px solid rgba(255,140,60,.25);border-radius:4px;padding:6px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.stat{display:flex;flex-direction:column;align-items:center;flex:1 1 0;min-width:0;overflow:hidden}.stat-label{font-size:clamp(8px,2.1vw,11px);letter-spacing:.16em;color:#f4e6d299;white-space:nowrap}.stat strong{font-size:clamp(13px,4.2vw,26px);letter-spacing:.01em;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 rgba(0,0,0,.7);white-space:nowrap}.stat--distance strong{color:#ffc44d}.stat strong small{font-size:.45em;margin-left:.2em;opacity:.75}.skull{color:var(--rust)}.coin-pill{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:#00000073;border:1.5px solid rgba(255,190,70,.55);font-size:clamp(12px,3.4vw,17px);font-variant-numeric:tabular-nums}.coin-token{color:#ffc23c;text-shadow:0 0 10px rgba(255,194,60,.8)}.icon-button{pointer-events:auto;width:38px;height:38px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:9px;border:1.5px solid rgba(244,230,210,.35);background:#00000080;cursor:pointer;flex:none}.icon-button span{width:4px;height:15px;border-radius:1px;background:var(--bone)}.icon-button:active{transform:scale(.94)}.pile-panel{margin:10px auto 0;width:min(560px,94%);text-align:center}.pile-head,.pile-panel small{transition:opacity .25s ease;opacity:.5}.pile-panel.warm .pile-head,.pile-panel.warm small{opacity:1}.pile-panel.critical{animation:pile-alarm .42s steps(2) infinite}@keyframes pile-alarm{0%,to{filter:none}50%{filter:brightness(1.7) saturate(1.4)}}.pile-head{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px}.pile-badge{width:26px;height:26px;display:grid;place-items:center;color:var(--blood);background:#0000008c;border:2px solid var(--blood);transform:rotate(45deg);font-size:13px}.pile-badge:first-letter{display:inline-block;transform:rotate(-45deg)}.pile-head strong{font-size:clamp(12px,3.6vw,18px);letter-spacing:.1em;color:#ff5a3c;text-shadow:0 2px 0 rgba(0,0,0,.7)}.pile-track{position:relative;height:20px;border:2px solid rgba(255,120,60,.5);border-radius:4px;background:#0c0402eb;overflow:hidden}.pile-fill{position:absolute;inset:2px;width:0;transform-origin:left;background:linear-gradient(90deg,#ff9b2a,#ff3b12 62%,#ff1204);box-shadow:0 0 14px #ff4614b3;transition:width .12s linear}.pile-notches{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent 0 5.2%,rgba(10,4,2,.9) 5.2% 6.6%);pointer-events:none}.pile-panel small{display:block;margin-top:3px;font-size:clamp(8px,2.4vw,11px);letter-spacing:.16em;color:#ffb46a}.hull{display:flex;gap:6px;justify-content:center;margin-top:8px}.hull-pip{width:34px;height:7px;border-radius:2px;background:linear-gradient(180deg,#ffd08a,#e0561d);box-shadow:0 0 10px #ff78288c;transition:opacity .2s ease,filter .2s ease}.hull-pip.spent{opacity:.22;filter:grayscale(1);box-shadow:none}.multiplier{position:absolute;top:38%;right:6%;font-size:clamp(26px,8vw,48px);color:#ffd45c;text-shadow:0 0 22px rgba(255,160,40,.9),0 3px 0 rgba(0,0,0,.6);transform:rotate(-6deg);pointer-events:none}.announcement{position:absolute;left:50%;top:30%;transform:translate(-50%) scale(.9);font-size:clamp(18px,6vw,34px);letter-spacing:.08em;opacity:0;pointer-events:none;text-shadow:0 3px 0 rgba(0,0,0,.7);white-space:nowrap}.announcement.show{animation:shout 1.5s ease-out forwards}.announcement.good{color:#ffd45c}.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:8px}.steer{pointer-events:auto;width:clamp(64px,19vw,96px);height:clamp(64px,19vw,96px);flex:none;border-radius:50%;border:3px solid rgba(244,230,210,.55);background:radial-gradient(circle at 30% 25%,#ffffff2e,#00000080);display:grid;place-items:center;cursor:pointer;transition:transform .08s ease,background .12s ease}.steer svg{width:46%;height:46%;fill:none;stroke:var(--bone);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.steer.active,.steer:active{transform:scale(.92);background:radial-gradient(circle at 30% 25%,#ffa0468c,#5a140099)}.bottom-center{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1 1 0;min-width:0}.power-tray{display:flex;max-width:100%;gap:clamp(6px,2.4vw,18px);padding:7px clamp(8px,2.4vw,18px);border-radius:12px;background:linear-gradient(180deg,#180c08d9,#080302d9);border:2px solid rgba(244,230,210,.18)}.power-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;opacity:.34;filter:grayscale(.85);transition:opacity .2s ease,filter .2s ease,transform .2s ease}.power-slot.active{opacity:1;filter:none;transform:translateY(-2px)}.power-icon{width:clamp(34px,10vw,46px);height:clamp(34px,10vw,46px);display:grid;place-items:center;border-radius:50%;border:2.5px solid currentColor;background:#0000008c}.power-slot.active .power-icon{box-shadow:0 0 16px currentColor,inset 0 0 12px #ffffff2e}.power-icon svg{width:62%;height:62%;fill:currentColor}.power-slot[data-power=flame]{color:var(--flame)}.power-slot[data-power=tyres]{color:var(--tyre)}.power-slot[data-power=spikes]{color:var(--spike)}.power-slot[data-power=tyres] .power-icon svg{fill:none;stroke:currentColor;stroke-width:3.4}.power-time{font-size:clamp(9px,2.6vw,12px);color:var(--bone);font-variant-numeric:tabular-nums}.power-slot:not(.active) .power-time{visibility:hidden}.nitro{pointer-events:auto;display:flex;align-items:center;gap:10px;width:100%;max-width:340px;min-width:0;padding:6px 10px;border-radius:10px;border:2px solid rgba(53,215,255,.5);background:linear-gradient(180deg,#061822e6,#030a10e6);cursor:pointer;color:var(--bone);font-family:inherit;transition:transform .08s ease,box-shadow .15s ease}.nitro:active,.nitro.firing{transform:scale(.98);box-shadow:0 0 26px #35d7ff8c}.nitro-label{display:flex;align-items:center;gap:6px;flex:none}.nitro-label svg{width:20px;height:20px;fill:var(--nitro);filter:drop-shadow(0 0 6px rgba(53,215,255,.8))}.nitro-label b{font-size:clamp(9px,2.5vw,12px);line-height:1.05;letter-spacing:.08em;text-align:left}.nitro-track{position:relative;flex:1;height:16px;border-radius:3px;background:#0009;border:1.5px solid rgba(53,215,255,.3);overflow:hidden}.nitro-track i{position:absolute;inset:1px;width:0;background:linear-gradient(90deg,#1f7fb8,#35d7ff);box-shadow:0 0 12px #35d7ffcc;transition:width .1s linear}.nitro-track:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent 0 8%,rgba(0,20,30,.85) 8% 10%);pointer-events:none}.screen{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(80% 60% at 50% 40%,#3c0e0280,#060201e0);-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:22px 20px;border-radius:16px;border:2px solid rgba(255,130,50,.28);background:linear-gradient(180deg,#1a0a05eb,#0a0402f2);box-shadow:0 26px 60px #0009,inset 0 1px #ffbe8224}.tagline{margin:0;font-size:clamp(12px,3.4vw,15px);letter-spacing:.12em;color:#ffb46a;font-family:Helvetica Neue,system-ui,sans-serif;font-weight:500}.kicker{font-size:clamp(10px,3vw,13px);letter-spacing:.3em;color:var(--rust)}.screen h2{margin:0;font-size:clamp(24px,7vw,38px);letter-spacing:.02em;text-shadow:0 3px 0 rgba(0,0,0,.6)}.brief{list-style:none;margin:0;padding:0;display:grid;gap:7px;width:100%;font-family:Helvetica Neue,system-ui,sans-serif;font-weight:500;font-size:clamp(11px,3.1vw,14px);color:#f4e6d2d1}.brief li{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:baseline;text-align:left;padding:7px 10px;border-radius:8px;background:#ffffff0a;border-left:3px solid var(--rust)}.brief b{font-family:inherit;letter-spacing:.14em;color:#ffb46a;font-size:.92em}.primary{pointer-events:auto;width:100%;padding:15px 20px;border:none;border-radius:11px;background:linear-gradient(180deg,#ff8a2b,#c1421c 60%,#8c1f0a);color:#fff6ea;font-family:inherit;font-size:clamp(15px,4.4vw,20px);letter-spacing:.12em;cursor:pointer;box-shadow:0 6px #5c1204,0 14px 26px #00000080;transition:transform .08s ease,box-shadow .08s ease,filter .2s ease}.primary:active:not(:disabled){transform:translateY(4px);box-shadow: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:Helvetica Neue,system-ui,sans-serif;font-weight:500;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:10px;width:100%}.results div{padding:10px 8px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,140,60,.2);display:flex;flex-direction:column;gap:4px}.results span{font-size:10px;letter-spacing:.2em;color:#f4e6d28c}.results strong{font-size:clamp(17px,5vw,24px);color:#ffc44d;font-variant-numeric:tabular-nums}.record{margin:0;font-family:Helvetica Neue,system-ui,sans-serif;font-weight:500;font-size:12px;letter-spacing:.1em;color:#f4e6d299}.record b{color:#ffc44d}@media(min-aspect-ratio:1/1){.pile-panel{width:min(520px,60%)}.hud-bottom{padding:0 clamp(8px,4vw,60px)}}@media(prefers-reduced-motion:reduce){.pile-panel.critical{animation:none}.announcement.show{animation-duration:.9s}}