*{margin:0;padding:0;box-sizing:border-box}html,body{position:fixed;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body{background:#000008;font-family:Orbitron,monospace,sans-serif}canvas#game-canvas{display:block;width:100vw;height:100vh;touch-action:none}#hud{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.hud-score{position:absolute;top:20px;right:30px;font-size:42px;font-weight:900;color:#0ff;text-shadow:0 0 7px #00ffff,0 0 10px #00ffff,0 0 21px #00ffff,0 0 42px #0fa}.hud-distance{position:absolute;top:25px;left:30px;font-size:20px;font-weight:700;color:#39ff14;text-shadow:0 0 5px #39ff14,0 0 10px #39ff14}.hud-speed{position:absolute;bottom:30px;left:30px;width:200px}.speed-label{font-size:12px;color:#f60;margin-bottom:5px;text-shadow:0 0 5px #ff6600}.speed-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;border:1px solid rgba(255,102,0,.3)}.speed-fill{height:100%;width:50%;background:linear-gradient(90deg,#f60,#f0f);border-radius:4px;transition:width .1s;box-shadow:0 0 10px #f60}.hud-combo{position:absolute;top:80px;left:50%;transform:translate(-50%);font-size:48px;font-weight:900;color:#f60;text-shadow:0 0 10px #ff6600,0 0 20px #ff6600,0 0 40px #ff6600;display:none}.hud-trick{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:36px;font-weight:700;color:#39ff14;text-shadow:0 0 7px #39ff14,0 0 15px #39ff14,0 0 30px #39ff14;opacity:0;pointer-events:none}.hud-trick.trick-animate{animation:trickPop 1.5s ease-out forwards}.hud-trick.crash{color:#f33;text-shadow:0 0 7px #ff3333,0 0 15px #ff3333,0 0 30px #ff3333}@keyframes trickPop{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}40%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-80%) scale(1)}}#title-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:20;background:#000008b3}.title-content{text-align:center}.title-glow{font-size:80px;font-weight:900;color:#0ff;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 40px #00ffff,0 0 80px #00ffff,0 0 120px #0fa;margin-bottom:20px;animation:titlePulse 2s ease-in-out infinite}@keyframes titlePulse{0%,to{text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 40px #00ffff,0 0 80px #00ffff}50%{text-shadow:0 0 15px #00ffff,0 0 30px #00ffff,0 0 60px #00ffff,0 0 100px #00ffff,0 0 150px #0fa}}.title-sub{font-size:18px;color:#f0f;text-shadow:0 0 10px #ff00ff;margin-bottom:40px}.title-controls{font-size:14px;color:#fff9;line-height:2;margin-bottom:40px}.title-controls .key{display:inline-block;background:#00ffff26;border:1px solid rgba(0,255,255,.3);border-radius:4px;padding:2px 8px;color:#0ff;font-size:12px;margin-right:8px;min-width:60px;text-align:center}.title-start{font-size:22px;color:#39ff14;text-shadow:0 0 10px #39ff14,0 0 20px #39ff14}.blink{animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}#pause-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:25;background:#000008cc}.pause-content{text-align:center}.pause-title{font-size:64px;font-weight:900;color:#ff1493;text-shadow:0 0 10px #ff1493,0 0 20px #ff1493,0 0 40px #ff1493,0 0 80px #ff1493;margin-bottom:20px;animation:titlePulse 2s ease-in-out infinite}.pause-hint{font-size:16px;color:#ffffff80;animation:blink 1.5s ease-in-out infinite}#vehicle-select{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:22;background:#000008d9}.vs-content{text-align:center;max-width:820px;width:90%}.vs-title{font-size:42px;font-weight:900;color:#0ff;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 40px #00ffff;margin-bottom:28px;animation:titlePulse 2s ease-in-out infinite}.vs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.vs-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px 14px 12px;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s;text-align:left}.vs-card:hover{border-color:var(--card-color, #00ffff);box-shadow:0 0 12px var(--card-color, #00ffff);transform:scale(1.03)}.vs-card.vs-selected{border-color:var(--card-color, #00ffff);box-shadow:0 0 10px var(--card-color, #00ffff),0 0 25px var(--card-color, #00ffff),inset 0 0 15px #00ffff0f;transform:scale(1.05)}.vs-name{font-size:20px;font-weight:900;margin-bottom:3px}.vs-desc{font-size:11px;color:#ffffff73;margin-bottom:10px}.vs-stats{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}.vs-stat-row{display:flex;align-items:center;gap:6px}.vs-stat-label{font-size:9px;font-weight:700;color:#ffffff80;width:28px;flex-shrink:0}.vs-stat-track{flex:1;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden}.vs-stat-fill{height:100%;border-radius:3px;transition:width .3s}.vs-multiplier{font-size:13px;font-weight:700;text-align:center}.vs-hint{font-size:14px;color:#fff6}#touch-controls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none}.touch-btn{pointer-events:auto;position:absolute;border:2px solid rgba(0,255,255,.3);border-radius:50%;background:#00ffff14;color:#fff9;font-size:.6rem;font-family:Orbitron,sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:transform .06s,background .06s,border-color .06s,box-shadow .06s}.touch-btn.pressed{transform:scale(.92)}.touch-brake{bottom:calc(20px + env(safe-area-inset-bottom,0px));left:16px;width:76px;height:76px;font-size:1.6rem;border-color:#f606;background:#ff660014}.touch-brake.pressed{border-color:#ff6600e6;background:#ff660040;box-shadow:0 0 18px #f606}.touch-accel{bottom:calc(20px + env(safe-area-inset-bottom,0px));right:16px;width:76px;height:76px;font-size:1.6rem;border-color:#39ff1466;background:#39ff1414}.touch-accel.pressed{border-color:#39ff14e6;background:#39ff1440;box-shadow:0 0 18px #39ff1466}.touch-jump{bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:82px;height:82px;font-size:.7rem;border-color:#00ffff80;background:#00ffff1a}.touch-jump.pressed{border-color:#00ffffe6;background:#00ffff4d;box-shadow:0 0 22px #00ffff80;transform:translate(-50%) scale(.92)}.touch-flip-fwd{right:16px;bottom:calc(116px + env(safe-area-inset-bottom,0px));width:62px;height:62px;border-color:#f0f6;background:#ff00ff0f}.touch-flip-fwd.pressed{border-color:#ff00ffe6;background:#ff00ff40;box-shadow:0 0 14px #f0f6}.touch-flip-back{left:16px;bottom:calc(116px + env(safe-area-inset-bottom,0px));width:62px;height:62px;border-color:#f0f6;background:#ff00ff0f}.touch-flip-back.pressed{border-color:#ff00ffe6;background:#ff00ff40;box-shadow:0 0 14px #f0f6}.touch-roll-left{left:16px;bottom:calc(192px + env(safe-area-inset-bottom,0px));width:56px;height:56px;font-size:1.2rem;border-color:#00ffff59;background:#00ffff0f}.touch-roll-left.pressed{border-color:#00ffffe6;background:#00ffff40;box-shadow:0 0 14px #0ff6}.touch-roll-right{right:16px;bottom:calc(192px + env(safe-area-inset-bottom,0px));width:56px;height:56px;font-size:1.2rem;border-color:#00ffff59;background:#00ffff0f}.touch-roll-right.pressed{border-color:#00ffffe6;background:#00ffff40;box-shadow:0 0 14px #0ff6}.touch-pause{top:calc(12px + env(safe-area-inset-top,0px));right:12px;width:44px;height:44px;font-size:.8rem;border-color:#ffffff26;background:#ffffff0d}.pause-touch-btns{display:none;flex-direction:column;gap:12px;align-items:center;margin-top:24px}.touch-pause-btn{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;padding:14px 28px;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff14;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:180px}.touch-pause-btn:active{background:#fff3}.pause-resume-btn{border-color:#00ffff80;color:#0ff}.pause-quit-btn{border-color:#ff333380;color:#f33}.pause-keyboard{display:block}@media (hover: hover) and (pointer: fine){#touch-controls,.pause-touch-btns{display:none!important}.pause-keyboard{display:block!important}}@media (hover: none),(pointer: coarse){.pause-touch-btns{display:flex!important}.pause-keyboard{display:none!important}}@media (max-width: 600px){.title-glow{font-size:36px}.title-sub{font-size:12px}.title-controls{display:none}.title-start{font-size:14px}.pause-title{font-size:36px}.hud-score{font-size:24px;top:12px;right:16px}.hud-distance{font-size:14px;top:14px;left:16px}.hud-speed{bottom:100px;left:16px;width:140px}.hud-combo{font-size:30px;top:55px}.hud-trick{font-size:22px}.vs-title{font-size:22px;margin-bottom:16px}.vs-grid{grid-template-columns:repeat(2,1fr);gap:8px}.vs-card{padding:10px 8px 8px}.vs-name{font-size:14px}.vs-desc{font-size:9px}.vs-multiplier,.vs-hint{font-size:10px}}