*{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow:hidden;font-family:Arial,sans-serif;color:#fff}#game-canvas{display:block;width:100vw;height:100vh}.hidden{display:none!important}#loading-screen,#menu-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#050510,#1a0a2e,#0a1a3e);display:flex;align-items:center;justify-content:center;z-index:100}.loading-content,.menu-content{text-align:center}.loading-content h1,.menu-content h1{font-size:clamp(2rem,6vw,5rem);font-weight:900;letter-spacing:.3em;color:#ff6b00;text-shadow:0 0 30px #ff6b00,0 0 80px #ff3300;margin-bottom:.25em}.loading-content h2{font-size:clamp(1rem,3vw,2rem);letter-spacing:.5em;color:#fff;margin-bottom:2rem}.loading-bar{width:min(400px,80vw);height:4px;background:#ffffff26;border-radius:2px;margin:0 auto}.loading-fill{height:100%;background:linear-gradient(90deg,#ff6b00,#f30);border-radius:2px;width:0%;transition:width .3s ease}.menu-btn{display:block;width:min(280px,80vw);margin:1rem auto;padding:1rem 2rem;background:linear-gradient(135deg,#ff6b00,#c30);color:#fff;border:none;font-size:1.1rem;font-weight:700;letter-spacing:.15em;cursor:pointer;clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);transition:transform .15s,box-shadow .15s}.menu-btn.secondary{background:linear-gradient(135deg,#334,#223);border:1px solid #ff6b0055}.menu-btn:hover{transform:scale(1.05);box-shadow:0 0 25px #ff6b0080}.menu-btn:focus-visible{outline:2px solid #ff6b00;outline-offset:3px}#menu-screen{z-index:90}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.hud-menu-btn{position:absolute;top:12px;left:12px;pointer-events:auto;background:#00000080;color:#fff;border:1px solid rgba(255,255,255,.3);padding:6px 12px;font-size:12px;font-family:inherit;letter-spacing:.1em;cursor:pointer;border-radius:4px}.hud-menu-btn:hover{background:#000000bf;border-color:#ff6b0099}.hud-menu-btn:focus-visible{outline:2px solid #ff6b00;outline-offset:2px}#speedometer{position:absolute;bottom:30px;right:30px;text-align:center;background:#000000a6;border:1px solid rgba(255,107,0,.4);padding:15px 25px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#speed-value{font-size:3.5rem;font-weight:900;color:#ff6b00;line-height:1}#speed-unit{font-size:.75rem;letter-spacing:.2em;color:#fff9}#lap-info{position:absolute;top:20px;left:50%;transform:translate(-50%);text-align:center;background:#000000a6;border:1px solid rgba(255,107,0,.4);padding:10px 24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#lap-count{font-size:.85rem;font-weight:700;letter-spacing:.2em;color:#ffffffb3}#lap-time{font-size:1.6rem;font-weight:900;color:#ff6b00}#controls-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:.7rem;color:#ffffff59;letter-spacing:.1em}#lap-notification{position:fixed;top:30%;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;font-size:1.4rem;font-weight:700;padding:.6rem 1.4rem;border-radius:6px;pointer-events:none;transition:opacity .3s;z-index:20}#lap-notification.hidden{display:none}#race-complete{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;display:flex;align-items:center;justify-content:center;z-index:80}.race-complete-content{text-align:center}.race-complete-content h2{font-size:3.5rem;font-weight:900;color:#ff6b00;text-shadow:0 0 40px #ff6b00;margin-bottom:1rem}#final-time{font-size:2rem;margin-bottom:.5rem;color:#fff}#lap-splits{margin:.5rem auto 1rem;width:min(260px,80vw)}.lap-split-row{display:flex;justify-content:space-between;gap:1.5rem;padding:.2rem 0;font-size:.85rem;color:#ffffff8c}.lap-split-label{font-weight:700;letter-spacing:.15em}.lap-split-time{font-weight:700}.best-split{color:#fc0}#best-lap-time{font-size:.9rem;color:#ffffff80;margin-bottom:.25rem}#personal-best-comparison{font-size:1rem;color:#ffffff8c;margin-bottom:1.5rem;min-height:1.2em}#personal-best-comparison.new-best{color:#fc0;font-weight:700;font-size:1.3rem;letter-spacing:.05em}.coins-earned{font-size:1.2rem;margin-bottom:2rem;color:#fc0;font-weight:700;letter-spacing:.1em;min-height:1.5em}#garage-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#050510,#1a0a2e,#0a1a3e);z-index:95;overflow-y:auto}.garage-overlay{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.garage-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;flex-wrap:wrap}.garage-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:900;letter-spacing:.3em;color:#ff6b00;text-shadow:0 0 20px #ff6b00;margin:0;flex:1}.coin-display{font-size:1.1rem;font-weight:700;letter-spacing:.1em;color:#fc0;background:#00000080;border:1px solid rgba(255,204,0,.4);padding:.5rem 1.2rem}.coin-icon{color:#fc0}.garage-back-btn{margin:0!important;width:auto!important}.car-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 600px){.car-grid{grid-template-columns:1fr}}.car-card{background:#0a0a1ed9;border:1px solid rgba(255,107,0,.2);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:border-color .2s,box-shadow .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.car-card.selected{border-color:#ff6b00;box-shadow:0 0 20px #ff6b004d}.car-card.locked{opacity:.75}.car-color-swatch{width:100%;height:60px;border-radius:2px;box-shadow:0 2px 8px #00000080}.car-name{font-size:1.2rem;font-weight:900;letter-spacing:.2em;color:#fff}.car-stats{display:flex;flex-direction:column;gap:.5rem}.stat-row{display:flex;align-items:center;gap:.75rem}.stat-label{font-size:.65rem;letter-spacing:.15em;color:#ffffff80;width:40px;flex-shrink:0}.stat-bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px}.stat-fill{height:100%;background:linear-gradient(90deg,#ff6b00,#f30);border-radius:2px}.car-action-btn{margin:0!important;width:100%!important;clip-path:none!important}.unlock-btn{font-size:.9rem!important}.unlock-btn:disabled{opacity:.5;cursor:default}.track-carousel{margin-top:1.5rem;width:min(420px,92vw)}.track-carousel-label{font-size:.65rem;letter-spacing:.3em;color:#fff6;margin-bottom:.75rem;text-align:center}.track-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.track-card{background:#0a0a1ecc;border:2px solid rgba(255,107,0,.15);cursor:pointer;padding:.5rem;transition:border-color .2s,box-shadow .2s;display:flex;flex-direction:column;gap:.4rem}.track-card:hover{border-color:#ff6b0080}.track-card.selected{border-color:#ff6b00;box-shadow:0 0 14px #ff6b0066}.track-card:focus-visible{outline:2px solid #ff6b00;outline-offset:2px}.track-swatch{width:100%;height:40px;border-radius:1px}.track-name{font-size:.6rem;font-weight:900;letter-spacing:.12em;color:#fff;text-align:center}.track-difficulty{font-size:.55rem;font-weight:700;letter-spacing:.15em;text-align:center;padding:.1rem 0}.track-difficulty.easy{color:#4f8}.track-difficulty.medium{color:#fc0}.track-difficulty.hard{color:#f44}.track-best-time{display:block;font-size:.75rem;color:gold;margin-top:4px;min-height:1em;text-align:center}#touch-controls{display:none}@media (pointer: coarse){#touch-controls{display:flex;align-items:flex-end;justify-content:space-between;position:fixed;bottom:0;left:0;right:0;padding:16px 20px 20px;z-index:9;pointer-events:none}.tc-dpad{position:relative;width:180px;height:180px;pointer-events:none;flex-shrink:0}.tc-btn{position:absolute;width:60px;height:60px;background:#ffffff1f;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:1.4rem;border-radius:8px;cursor:pointer;pointer-events:all;touch-action:none;user-select:none;-webkit-user-select:none;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent;transition:background .08s}.tc-btn:active,.tc-btn.pressed{background:#ff6b0073;border-color:#ff6b00b3}.tc-up{top:0;left:60px}.tc-left{top:60px;left:0}.tc-right{top:60px;left:120px}.tc-down{top:120px;left:60px}.tc-brake{position:fixed;bottom:150px;right:30px;width:90px;height:90px;font-size:.8rem;font-weight:900;letter-spacing:.12em;border-radius:50%;background:#c8141459;border-color:#ff50508c;pointer-events:all;touch-action:none;user-select:none;-webkit-user-select:none;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent;transition:background .08s}.tc-brake:active{background:#dc1e1e99}.tc-reset{position:fixed;bottom:260px;right:30px;width:70px;height:70px;font-size:.65rem;font-weight:900;letter-spacing:.1em;border-radius:50%;background:#1e64c859;border-color:#50a0ff8c;pointer-events:all;touch-action:none;user-select:none;-webkit-user-select:none;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent;transition:background .08s}.tc-reset:active{background:#1e50dc99}#controls-hint{display:none}}#race-countdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8rem;font-weight:900;color:#fff;text-shadow:0 0 30px rgba(255,200,0,.9),0 0 60px rgba(255,100,0,.6);z-index:200;pointer-events:none;font-family:inherit;letter-spacing:.05em}#race-countdown.hidden{display:none}