*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(./press-start-2p-_wFEWmAB.woff2) format("woff2")}:root{--sg-red: #ee2536;--sg-white: #f4f4f4;--neon: #38e8ff;--gold: #ffd34d;--danger: #ff3b3b;--ok: #3ddc6a;--panel: #0d0f1e;--border: #f4f4f4;--font-pix: "Press Start 2P", "Courier New", monospace;--font-body: Arial, sans-serif}html,body{width:100%;height:100%;overflow:hidden;background:#000;overscroll-behavior:none}body{font-family:var(--font-pix);color:var(--sg-white);user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#app{position:fixed;top:0;right:0;bottom:0;left:0}#app canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%!important;height:100%!important;image-rendering:crisp-edges;image-rendering:pixelated;touch-action:none}.hidden{display:none!important}#crt{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.5) 100%),repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px)}#flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(255,0,0,.55) 100%);opacity:0;transition:opacity .08s linear;z-index:5}#flash.on{opacity:1}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#hud-left{position:absolute;left:18px;top:16px;width:220px}.bar-label{font-size:9px;letter-spacing:1px;margin:8px 0 4px;text-shadow:2px 2px 0 #000}.bar{height:18px;background:#000;border:3px solid var(--border);padding:2px}.bar>div{height:100%;width:100%;transition:none;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 8px,transparent 8px 11px);mask-image:repeating-linear-gradient(90deg,#000 0 8px,transparent 8px 11px)}#health-bar{background:#2ecc40}#health-bar.warn{background:#ffb700}#health-bar.crit{background:#ee2536}#boost-bar{background:var(--neon)}#shield-label{margin-top:10px;color:var(--neon);font-size:10px;letter-spacing:1px;text-shadow:2px 2px 0 #000;animation:pulse .5s infinite alternate}#hud-right{position:absolute;right:18px;top:16px;text-align:right;text-shadow:3px 3px 0 #000}#speed{font-size:20px;color:var(--sg-white)}#score{font-size:12px;color:var(--gold);margin-top:10px}#combo{font-size:10px;color:var(--neon);margin-top:8px;animation:pulse .4s infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}#progress-wrap{position:absolute;bottom:16px;left:50%;transform:translate(-50%);width:min(620px,70vw);display:flex;align-items:center;gap:10px}#progress-track{position:relative;flex:1;height:12px;background:#000;border:3px solid var(--border);padding:2px}#progress-fill{height:100%;width:0%;background:var(--sg-red);-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 6px,transparent 6px 9px);mask-image:repeating-linear-gradient(90deg,#000 0 6px,transparent 6px 9px)}#progress-marker{position:absolute;top:-11px;left:0%;width:0;height:0;margin-left:-7px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:11px solid var(--gold)}#progress-dest{font-size:9px;letter-spacing:1px;color:var(--gold);text-shadow:2px 2px 0 #000}#boss-bar-wrap{position:absolute;top:12px;left:50%;transform:translate(-50%);width:min(560px,60vw);text-align:center}#boss-name{font-size:10px;letter-spacing:1px;color:#b6ff9e;text-shadow:2px 2px 0 #000;margin-bottom:6px}.bar.boss{height:16px;border-color:#b6ff9e}#boss-bar{background:#00b14f;width:100%}#boss-bar.surge{background:#ff2e2e}#toasts{position:absolute;top:26%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:84vw;pointer-events:none}.toast{background:var(--panel);border:3px solid var(--gold);color:var(--sg-white);padding:9px 14px;font-size:11px;line-height:1.6;text-align:center;animation:toast-pop .18s steps(3) both;box-shadow:5px 5px #000}.toast.danger{border-color:var(--danger);color:#ffd6d6}.toast.good{border-color:var(--ok)}@keyframes toast-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.toast.out{opacity:0;transition:opacity .3s steps(3)}#level-banner{position:absolute;top:38%;left:0;right:0;text-align:center;font-size:clamp(16px,3.4vw,32px);letter-spacing:2px;line-height:1.6;color:var(--sg-white);text-shadow:4px 4px 0 var(--sg-red),8px 8px 0 #000;animation:banner 2.6s steps(12) forwards}@keyframes banner{0%{opacity:0;transform:scale(1.4)}15%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0}}#touch-ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15}#touch-steer{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}#touch-ui button{position:absolute;font-family:var(--font-pix);color:var(--sg-white);background:#0d0f1ebf;border:3px solid var(--sg-white);box-shadow:4px 4px #000;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#touch-ui button:active{transform:translate(3px,3px);box-shadow:1px 1px #000;background:var(--sg-red)}#touch-boost{right:calc(14px + env(safe-area-inset-right));bottom:calc(70px + env(safe-area-inset-bottom));width:92px;height:92px;font-size:11px;border-color:var(--neon);color:var(--neon)}#touch-brake{left:calc(14px + env(safe-area-inset-left));bottom:calc(70px + env(safe-area-inset-bottom));width:84px;height:84px;font-size:10px;border-color:var(--danger);color:#ffb8b8}#touch-horn{left:calc(14px + env(safe-area-inset-left));bottom:calc(170px + env(safe-area-inset-bottom));width:84px;height:54px;font-size:9px;border-color:var(--gold);color:var(--gold)}#touch-pause{top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:48px;height:40px;font-size:12px}#touch-pause:active{transform:translate(-50%) translate(3px,3px)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#04050cc7;padding:20px;overflow-y:auto}.title-main{font-size:clamp(26px,6vw,60px);letter-spacing:2px;line-height:1.5;color:var(--sg-white);text-shadow:5px 5px 0 var(--sg-red),10px 10px 0 #000;animation:title-glow 1.2s steps(2) infinite alternate}@keyframes title-glow{0%{text-shadow:5px 5px 0 var(--sg-red),10px 10px 0 #000}to{text-shadow:5px 5px 0 #8f1d1d,10px 10px 0 #000}}.title-sub{margin-top:22px;font-size:clamp(8px,1.6vw,12px);color:var(--gold);letter-spacing:1px;line-height:1.9}.blink{animation:blink 1.1s steps(2) infinite;margin-top:40px;font-size:clamp(10px,2vw,15px);letter-spacing:2px;color:var(--neon)}@keyframes blink{50%{opacity:0}}.menu-list{display:flex;flex-direction:column;gap:14px;margin-top:28px;min-width:min(320px,86vw)}button.btn{font-family:var(--font-pix);font-size:12px;letter-spacing:1px;color:var(--sg-white);background:var(--sg-red);border:4px solid var(--sg-white);padding:14px 22px;cursor:pointer;text-transform:uppercase;box-shadow:6px 6px #000;-webkit-tap-highlight-color:transparent}button.btn:hover,button.btn:focus{outline:none;transform:translate(2px,2px);box-shadow:4px 4px #000;background:#ff4456}button.btn:hover:before,button.btn:focus:before{content:"▶";color:var(--gold)}button.btn:active{transform:translate(5px,5px);box-shadow:1px 1px #000}button.btn:disabled{filter:grayscale(1) brightness(.55);cursor:not-allowed;transform:none}button.btn.secondary{background:#20283f}button.btn.secondary:hover,button.btn.secondary:focus{background:#313c5e}button.btn.small{font-size:9px;padding:10px 14px}h2.screen-h{font-size:clamp(16px,3vw,26px);color:var(--gold);line-height:1.6;text-shadow:4px 4px 0 #000;margin-bottom:10px;letter-spacing:1px}.screen p.note{margin-top:16px;font-size:13px;color:#c7cdd8;font-family:var(--font-body);max-width:580px;line-height:1.6}.card-grid{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:22px;max-width:980px}.card{width:250px;background:var(--panel);border:4px solid #46506b;padding:14px;cursor:pointer;text-align:left;box-shadow:6px 6px #000}.card:hover{border-color:var(--gold);transform:translate(2px,2px);box-shadow:4px 4px #000}.card.selected{border-color:var(--neon)}.card.locked{filter:grayscale(1) brightness(.55);cursor:not-allowed}.card h3{font-size:10px;color:var(--sg-white);margin-bottom:8px;line-height:1.6}.card .desc{font-family:var(--font-body);font-size:12px;color:#aab3c5;line-height:1.5;min-height:54px}.card .swatch{width:100%;height:10px;margin:8px 0;border:2px solid #000}.statline{display:flex;align-items:center;gap:8px;margin-top:7px}.statline span{font-size:7px;letter-spacing:1px;width:50px;color:#8fa0bd}.statline .track{flex:1;height:9px;background:#000;border:2px solid #46506b}.statline .track div{height:100%;background:var(--gold);-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 7px);mask-image:repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 7px)}.card .stars{color:var(--gold);font-size:13px;margin-top:8px;letter-spacing:3px}.card .lock-note{font-size:8px;color:var(--danger);margin-top:8px;letter-spacing:1px;line-height:1.6}.card .best{font-size:8px;color:#8fa0bd;margin-top:6px}.card.opp{cursor:default}.card.opp:hover{border-color:#46506b;transform:none;box-shadow:6px 6px #000}#screen-garage,#screen-opponents{justify-content:flex-start;overflow:hidden}#screen-garage>.screen-h,#screen-opponents>.screen-h,#screen-garage>.note,#screen-opponents>.note{flex:0 0 auto}#screen-garage .card-grid,#screen-opponents .card-grid{flex:1 1 auto;min-height:0;width:100%;overflow-y:auto;align-content:flex-start}#screen-garage .menu-list,#screen-opponents .menu-list{flex:0 0 auto;margin-top:16px}table.hiscore{margin-top:24px;border-collapse:collapse;font-size:clamp(8px,1.8vw,12px);background:var(--panel);border:4px solid var(--border);box-shadow:8px 8px #000}table.hiscore th{color:var(--sg-red);padding:12px 14px;letter-spacing:1px;border-bottom:4px solid var(--border);text-align:left}table.hiscore td{padding:12px 14px;color:var(--sg-white);text-align:left;line-height:1.5}table.hiscore tr[data-level]{cursor:pointer}table.hiscore tr[data-level]:hover td{background:var(--sg-red)}table.hiscore tr[data-level]:hover td:first-child:before{content:"▶";color:var(--gold);margin-right:4px}table.hiscore tr.locked td{color:#4a5570;cursor:not-allowed}table.hiscore .st-stars{color:var(--gold);letter-spacing:2px}table.hiscore .st-stars .dim{color:#3a3f4e}.intro-box{max-width:680px;background:var(--panel);border:4px solid var(--gold);padding:22px 28px;text-align:left;box-shadow:8px 8px #000}.intro-box .lvl-tag{color:var(--sg-red);font-size:9px;letter-spacing:3px}.intro-box h2{font-size:clamp(13px,2.4vw,19px);margin:12px 0 14px;line-height:1.6}.intro-box p.line{font-family:var(--font-body);font-style:italic;font-size:15px;color:#e8e2d0;margin:9px 0;line-height:1.55}.intro-box .hazard{margin-top:16px;padding:10px 14px;border:3px dashed var(--danger);color:#ffb8b8;font-size:12.5px;font-family:var(--font-body);line-height:1.5}.intro-box .objective{margin-top:14px;color:var(--neon);font-size:9px;letter-spacing:1px;line-height:1.8}.results-stars{font-size:44px;color:var(--gold);letter-spacing:12px;text-shadow:5px 5px 0 #000;margin:14px 0}.results-stars .dim{color:#3a3f4e;text-shadow:none}table.breakdown{margin:14px auto;border-collapse:collapse;font-family:var(--font-body);font-size:15px}table.breakdown td{padding:5px 18px;text-align:right;color:#d6dbe6}table.breakdown td:first-child{text-align:left;color:#8fa0bd}table.breakdown tr.total td{border-top:3px solid #46506b;font-weight:700;color:var(--gold);padding-top:9px}.unlock-banner{margin-top:12px;color:var(--neon);font-size:10px;line-height:1.8;animation:blink .8s steps(2) infinite}.unlock-spot{margin:16px auto;max-width:460px;padding:12px 16px;background:var(--panel);border:4px solid var(--gold);box-shadow:6px 6px #000;text-align:left;animation:unlock-pop .5s ease-out both}.unlock-spot-label{font-size:10px;letter-spacing:2px;color:var(--gold);text-align:center;margin-bottom:10px;animation:blink .8s steps(2) infinite}.unlock-spot-car{display:flex;align-items:center;gap:12px}.unlock-spot-car .swatch{flex:0 0 26px;width:26px;height:26px;border:2px solid #000}.unlock-spot-car h3{font-size:11px;color:#fff;margin:0 0 6px}.unlock-spot-car .desc{font-family:var(--font-body);font-size:13px;color:#b9c2d4;line-height:1.4}.unlock-spot-cta{margin-top:10px;text-align:center;font-size:9px;color:var(--neon);letter-spacing:1px}@keyframes unlock-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}#screen-safety{justify-content:center}.safety-fact{margin:18px auto 4px;padding:12px 16px;max-width:520px;border:3px solid var(--neon);background:#38e8ff14;box-shadow:5px 5px #000}.fact-title{font-family:var(--font-pix);font-size:10px;letter-spacing:1px;color:var(--neon);margin:0 0 8px}.fact-text{font-family:var(--font-body);font-size:13px;line-height:1.6;color:#e3e7f0;margin:0 0 8px}.fact-cta{font-family:var(--font-pix);font-size:10px;letter-spacing:1px;color:var(--gold);margin:0}.howto-grid{display:grid;grid-template-columns:auto auto;gap:10px 24px;margin-top:20px;text-align:left;font-family:var(--font-body);font-size:14px;max-width:640px;line-height:1.5}.howto-grid .key{font-family:var(--font-pix);font-size:9px;color:var(--neon);align-self:center}#credits-roll{margin-top:22px;max-height:38vh;overflow:hidden}#credits-inner{animation:roll 18s linear forwards;font-family:var(--font-body);font-size:14px;line-height:2.1;color:#d6dbe6}@keyframes roll{0%{transform:translateY(38vh)}to{transform:translateY(-110%)}}#debug{position:absolute;left:8px;bottom:8px;z-index:50;font:11px monospace;color:#8f8;background:#0009;padding:6px 8px;white-space:pre}@media (orientation: portrait),(max-width: 640px){#hud-left{width:140px;left:10px;top:10px}.bar{height:13px;border-width:2px}.bar-label{font-size:7px;margin:5px 0 3px}#hud-right{right:10px;top:10px}#speed{font-size:13px}#score{font-size:9px;margin-top:7px}#combo{font-size:8px}#boss-bar-wrap{top:64px;width:80vw}#boss-name{font-size:7px}#progress-wrap{width:64vw;bottom:calc(248px + env(safe-area-inset-bottom))}#progress-dest{font-size:7px}#toasts{top:20%}.toast{font-size:9px;padding:7px 10px}.card-grid{gap:10px}.card{width:min(280px,84vw)}.menu-list{gap:10px;margin-top:18px}button.btn{font-size:10px;padding:12px 14px}.screen{justify-content:flex-start;padding-top:max(24px,env(safe-area-inset-top))}.intro-box{padding:16px 18px}.intro-box p.line{font-size:13px}#touch-boost{width:78px;height:78px}#touch-brake{width:72px;height:72px}#touch-horn{width:72px;bottom:calc(156px + env(safe-area-inset-bottom))}}.blue-tent{position:relative;width:132px;height:76px;margin:52px auto 6px;background:#1e50a2;border:3px solid var(--border);box-shadow:6px 6px #00000080}.blue-tent:before{content:"";position:absolute;left:-14px;top:-40px;border-left:80px solid transparent;border-right:80px solid transparent;border-bottom:42px solid #2b66c4}.blue-tent:after{content:"";position:absolute;left:50%;bottom:0;width:34px;height:48px;transform:translate(-50%);background:#0d2a55;border:2px solid #16407f}.blue-tent span{position:absolute;top:8px;left:0;right:0;text-align:center;font-family:var(--font-pix);font-size:8px;letter-spacing:1px;color:var(--sg-white);z-index:1}.tent-news{color:var(--neon);margin-bottom:4px}