*{box-sizing:border-box;margin:0;padding:0}body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000;font-family:system-ui,Nunito,sans-serif;overflow:hidden}#game-canvas{width:100vw;height:100vh;display:block}#ui-root{pointer-events:none;z-index:200;position:fixed;inset:0}.hud-panel{color:#fff;letter-spacing:.03em;background:#0000008c;border-radius:10px;padding:6px 14px;font-size:1rem;font-weight:600;position:absolute}.hud-timer{min-width:80px;top:14px;left:14px}.hud-collisions{top:14px;right:14px}.hud-speed{text-align:center;min-width:80px;bottom:14px;left:50%;transform:translate(-50%)}.gear-column{pointer-events:auto;flex-direction:column;gap:3px;display:none;position:absolute;bottom:14px;right:14px}.gear-item{color:#ffffff47;cursor:pointer;-webkit-user-select:none;user-select:none;background:#00000080;border:1px solid #ffffff14;border-radius:7px;justify-content:center;align-items:center;width:42px;height:38px;font-family:Courier New,monospace;font-size:1.15rem;font-weight:700;transition:color .12s,background .12s,border-color .12s;display:flex;position:relative}.gear-item:hover{color:#ffffff8c}.gear-item.active[data-gear=P]{color:#aaa;background:#000000b3;border-color:#aaaaaa73}.gear-item.active[data-gear=R]{color:#f5a623;background:#000000b3;border-color:#f5a6238c}.gear-item.active[data-gear=N]{color:#aaa;background:#000000b3;border-color:#aaaaaa73}.gear-item.active[data-gear=D]{color:#7ee8a2;background:#000000b3;border-color:#7ee8a28c}.mirror-border{pointer-events:none;border:2px solid #ffffff80;border-radius:4px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.side-mirror-border{pointer-events:none;border:2px solid #ffffff73;border-radius:4px 4px 8px 8px;width:150px;height:80px;display:none;position:absolute;bottom:22%}.left-mirror{left:12px}.right-mirror{right:12px}.steering-wheel{transform-origin:50%;pointer-events:none;width:180px;height:180px;display:none;position:absolute;bottom:-70px;left:calc(50% - 90px)}.backup-border{pointer-events:none;border:2px solid #ffc800b3;border-radius:4px;display:none;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.backup-border.visible{display:block}.backup-guide{pointer-events:none;position:absolute;inset:0}.ebrake-light{text-align:center;letter-spacing:.04em;color:#fff3;pointer-events:none;background:#00000080;border:1px solid #ffffff14;border-radius:7px;width:42px;padding:4px 0;font-family:Courier New,monospace;font-size:.6rem;font-weight:700;transition:color .15s,border-color .15s,background .15s;position:absolute;bottom:185px;right:14px}.ebrake-light.engaged{color:#f44;background:#50000099;border-color:#ff4444b3}.minimap-border{pointer-events:none;border:2px solid #fff6;border-radius:4px;width:200px;height:200px;display:none;position:absolute;top:14px;left:14px}.overlay{pointer-events:auto;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.overlay.hidden{display:none}.card{color:#fff;text-align:center;background:#14161ceb;border:1px solid #ffffff1f;border-radius:16px;width:90vw;max-width:480px;padding:36px 44px}.card h1{color:#c8e45c;margin-bottom:8px;font-size:2rem}.card h2{color:#c8e45c;margin-bottom:12px;font-size:1.4rem}.card p{color:#ffffffd1;margin-bottom:20px;font-size:.95rem;line-height:1.6}.card .key{background:#ffffff1f;border-radius:5px;padding:1px 8px;font-family:monospace;font-size:.9em;display:inline-block}.btn-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px;display:flex}.btn{color:#fff;cursor:pointer;pointer-events:auto;background:#ffffff1a;border:2px solid #ffffff73;border-radius:9px;padding:.55em 1.4em;font-family:inherit;font-size:1rem;font-weight:600;transition:background .15s,border-color .15s}.btn:hover,.btn:focus-visible{background:#ffffff38;border-color:#fffc;outline:none}.btn.primary:focus-visible{background:#c8e45c61;border-color:#c8e45c;outline:none}.btn.primary{color:#c8e45c;background:#c8e45c2e;border-color:#c8e45c}.btn.primary:hover{background:#c8e45c52}.title-screen .card h1{letter-spacing:.06em;margin-bottom:4px;font-size:2.6rem}.title-screen .subtitle{color:#ffffff80;margin-bottom:32px;font-size:.9rem}.stat-row{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:6px 0;font-size:.95rem;display:flex}.stat-row:last-of-type{border-bottom:none}.stat-label{color:#fff9}.stat-value{font-weight:700}.grade{margin:16px 0 24px;font-size:1.6rem;font-weight:700}.grade.perfect{color:#c8e45c}.grade.good{color:#7ee8a2}.grade.rough{color:#f5a623}.win-flash{pointer-events:none;opacity:0;background:#c8e45c26;transition:opacity .4s;position:absolute;inset:0}.demo-indicator{color:#c8e45c;letter-spacing:.05em;pointer-events:none;background:#c8e45c2e;border:1px solid #c8e45ca6;border-radius:99px;padding:5px 14px;font-family:Courier New,monospace;font-size:.72rem;font-weight:700;display:none;position:absolute;top:14px;left:50%;transform:translate(-50%)}.demo-indicator.active{display:block}.demo-step{color:#fff;letter-spacing:.02em;pointer-events:none;white-space:nowrap;background:#0a0c10c7;border:1px solid #c8e45c59;border-radius:99px;padding:8px 18px;font-family:system-ui,sans-serif;font-size:.95rem;font-weight:600;display:none;position:absolute;top:50px;left:50%;transform:translate(-50%)}.demo-step.active{display:block}.vignette{pointer-events:none;border-radius:0;transition:box-shadow .6s ease-out;position:absolute;inset:0;box-shadow:inset 0 0 80px 40px #dc323200}.vignette.flash{transition:box-shadow .2s ease-in;box-shadow:inset 0 0 80px 40px #dc3232b3}.title-cat{object-fit:contain;filter:drop-shadow(0 0 10px #c8e45c8c)drop-shadow(0 0 22px #c8e45c40);background:radial-gradient(circle,#c8e45c38 30%,#0000 72%);border-radius:50%;width:90px;height:90px;margin-bottom:12px;margin-left:auto;margin-right:auto;display:block}.gear-key-hint{color:#ffffff47;pointer-events:none;font-family:system-ui,sans-serif;font-size:.52rem;font-weight:400;line-height:1;position:absolute;top:3px;right:4px}.ebrake-key-hint{color:#ffffff38;margin-top:1px;font-size:.65rem;display:block}.ebrake-light.engaged .ebrake-key-hint{color:#ff646499}.controls-legend{pointer-events:none;background:#00000073;border:1px solid #ffffff14;border-radius:9px;padding:7px 11px;display:none;position:absolute;bottom:14px;left:14px}.cl-row{color:#ffffff80;white-space:nowrap;font-size:.66rem;line-height:1.7}.controls-legend kbd{color:#ffffffbf;background:#ffffff1f;border:1px solid #ffffff38;border-radius:4px;padding:0 4px;font-family:Courier New,monospace;font-size:.65rem;line-height:1.4;display:inline-block}@media (height<=500px){.title-cat{width:48px;height:48px;margin-bottom:6px}.card{padding:18px 28px}.card h2{margin-bottom:8px}.card p{margin-bottom:12px;font-size:.88rem;line-height:1.5}.title-screen .card h1{margin-bottom:2px;font-size:2rem}.title-screen .subtitle{margin-bottom:14px;font-size:.82rem}.btn-row{margin-top:14px!important}.overlay{align-items:flex-start;padding:8px 0}.hud-collisions{right:148px}.hud-speed{left:calc(50% - 74px)}}.mc-portrait{z-index:500;background:#0a0c10f7;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.mc-pressing{transition:transform 50ms,background 50ms,border-color 50ms;transform:scale(.9);background:#ffffff47!important;border-color:#ffffffe6!important}.mc-left{z-index:100;flex-direction:column;align-items:flex-start;gap:10px;display:none;position:fixed;bottom:20px;left:0}.mc-right{z-index:100;flex-direction:column;align-items:stretch;gap:6px;width:128px;display:none;position:fixed;bottom:20px;right:0}.mc-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;background:#00000094;border:2px solid #ffffff47;border-radius:14px;justify-content:center;align-items:center;font-family:system-ui,sans-serif;font-weight:700;transition:background 80ms,border-color 80ms;display:flex}.mc-btn:active{filter:brightness(1.25)}.mc-steer{border-radius:50%;width:76px;height:76px;font-size:2rem}.mc-gas{background:#003700a6;border-color:#50d2508c;height:76px;font-size:1.7rem}.mc-brake{background:#410000a6;border-color:#d250508c;height:76px;font-size:1.7rem}.mc-gear-row{gap:4px;display:flex}.mc-gear-btn{border-radius:9px;flex:1;height:38px;font-family:Courier New,monospace;font-size:.95rem}.mc-gear-btn.mc-gear-active{color:#c8e45c;background:#000000c7;border-color:#c8e45cbf}.mc-bottom-row{gap:6px;display:flex}.mc-pause-btn{flex:1;height:42px;font-size:1.05rem}.mc-ebrake-btn{letter-spacing:.06em;flex:2;height:42px;font-size:.72rem}.mc-ebrake-btn.mc-ebrake-on{color:#f44;background:#500000b3;border-color:#ff4444bf}