:root{--cyan:#19e8ff;--magenta:#ff2fd6;--amber:#ffd21a;--panel:#080616b8;--panel-border:#50dcff40;--text:#ecf3ff;--text-dim:#9fb0cc;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{background:#0b0716;height:100%;margin:0;padding:0;overflow:hidden}#app{position:fixed;inset:0}#game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hud{pointer-events:none;z-index:10;color:var(--text);-webkit-user-select:none;user-select:none;font-family:Rajdhani,Segoe UI,sans-serif;position:absolute;inset:0}.hud button{pointer-events:auto}.hud-tl{top:calc(10px + var(--safe-t));left:calc(14px + var(--safe-l));align-items:center;gap:12px;display:flex;position:absolute}.pos-badge{background:var(--panel);border:1px solid var(--panel-border);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);align-items:baseline;gap:2px;padding:6px 16px 8px 14px;display:flex}.pos-num{color:var(--cyan);text-shadow:0 0 14px #19e8ff99;font-family:Orbitron,monospace;font-size:30px;font-style:italic;font-weight:900}.pos-den{color:var(--text-dim);font-size:16px;font-weight:600}.lap-pill{background:var(--panel);border:1px solid var(--panel-border);letter-spacing:.1em;text-align:center;border-radius:3px;min-width:96px;padding:8px 14px;font-family:Orbitron,monospace;font-size:15px;font-weight:700}.hud-tc{top:calc(8px + var(--safe-t));text-align:center;min-width:220px;position:absolute;left:50%;transform:translate(-50%)}.time-cur{font-variant-numeric:tabular-nums;text-shadow:0 2px 10px #000c;font-family:Orbitron,monospace;font-size:26px;font-weight:700}.time-best{letter-spacing:.14em;color:var(--text-dim);font-size:14px;font-weight:600}.cp-toast{letter-spacing:.12em;color:var(--amber);opacity:0;text-shadow:0 0 12px #ffd21a80;margin-top:6px;font-family:Orbitron,monospace;font-size:17px;font-weight:700;transition:opacity .25s,transform .25s;transform:translateY(-6px)}.cp-toast.show{opacity:1;transform:translateY(0)}.cp-toast .good{color:#3dff9a}.cp-toast .bad{color:#ff5a5a}.hud-tr{top:calc(10px + var(--safe-t));right:calc(14px + var(--safe-r));align-items:flex-start;gap:12px;display:flex;position:absolute}.score-wrap{background:var(--panel);border:1px solid var(--panel-border);text-align:right;clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px);min-width:130px;padding:6px 14px 8px 18px}.score-label{letter-spacing:.22em;color:var(--text-dim);font-size:11px;display:block}.score-num{font-variant-numeric:tabular-nums;color:var(--amber);text-shadow:0 0 12px #ffd21a59;font-family:Orbitron,monospace;font-size:22px;font-weight:700}.sys-btns{flex-direction:column;gap:8px;display:flex}.sys-btn{border:1px solid var(--panel-border);background:var(--panel);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:6px;font-size:17px}.sys-btn:hover{border-color:var(--cyan)}.hud-bl{bottom:calc(16px + var(--safe-b));left:calc(16px + var(--safe-l));position:absolute}.minimap{width:clamp(110px,16vw,160px);height:clamp(110px,16vw,160px)}.hud-br{bottom:calc(12px + var(--safe-b));right:calc(14px + var(--safe-r));text-align:center;position:absolute}.speedo{width:clamp(140px,21vw,200px);height:clamp(140px,21vw,200px);display:block}.boost-label{letter-spacing:.3em;color:var(--text-dim);opacity:.55;margin-top:-6px;font-family:Orbitron,monospace;font-size:13px;font-weight:700;transition:all .15s}.boost-label.active{color:var(--magenta);opacity:1;text-shadow:0 0 14px #ff2fd6cc;animation:.4s infinite alternate boostPulse}@keyframes boostPulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.drift-popup{text-align:center;opacity:0;transition:opacity .18s,transform .18s;position:absolute;bottom:34%;right:16%;transform:translateY(14px)scale(.85)rotate(-4deg)}.drift-popup.show{opacity:1;transform:translateY(0)scale(1)rotate(-4deg)}.drift-popup.bank{opacity:0;transition:all .6s ease-in;transform:translate(30px,-120px)scale(.6)rotate(-4deg)}.drift-word{letter-spacing:.26em;color:var(--cyan);text-shadow:0 0 16px #19e8ffb3;font-family:Orbitron,monospace;font-size:21px;font-style:italic;font-weight:900}.drift-pts{color:#fff;text-shadow:0 0 18px #ff2fd6cc;font-variant-numeric:tabular-nums;font-family:Orbitron,monospace;font-size:34px;font-style:italic;font-weight:900}.drift-combo{color:var(--magenta);text-shadow:0 0 12px #ff2fd6b3;font-family:Orbitron,monospace;font-size:19px;font-weight:700}.drift-popup[data-combo="3"] .drift-combo,.drift-popup[data-combo="4"] .drift-combo{color:var(--amber)}.drift-popup[data-combo="5"] .drift-combo{color:#ff5a5a;font-size:24px}.banner{opacity:0;letter-spacing:.18em;white-space:nowrap;background:linear-gradient(100deg, var(--cyan), var(--magenta));color:#0000;filter:drop-shadow(0 0 22px #19e8ff80);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace;font-size:clamp(34px,6vw,64px);font-style:italic;font-weight:900;transition:opacity .2s,transform .25s;position:absolute;top:21%;left:50%;transform:translate(-50%)scale(.7)}.banner.show{opacity:1;transform:translate(-50%)scale(1)}.banner.finish{background:linear-gradient(100deg, var(--amber), var(--magenta));-webkit-background-clip:text;background-clip:text}.countdown{color:var(--text);opacity:0;pointer-events:none;text-shadow:0 0 36px #19e8ffcc,0 4px 18px #000000b3;font-family:Orbitron,monospace;font-size:clamp(72px,14vw,150px);font-style:italic;font-weight:900;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.countdown.pop{animation:.85s ease-out forwards cdPop}.countdown.go{color:#3dff9a;text-shadow:0 0 42px #3dff9ae6}@keyframes cdPop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.7)}18%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.92)}}.touch-controls{display:none}.hud.touch .touch-controls{display:block}.hud.touch .hud-bl{bottom:calc(150px + var(--safe-b))}.hud.touch .minimap{width:96px;height:96px}.tbtn{pointer-events:auto;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);touch-action:none;-webkit-tap-highlight-color:transparent;border-radius:12px;font-family:Orbitron,monospace;font-weight:700}.tbtn.held{border-color:var(--cyan);background:#19e8ff40}.steer-cluster{bottom:calc(18px + var(--safe-b));left:calc(14px + var(--safe-l));gap:12px;display:flex;position:absolute}.steer-l,.steer-r{width:84px;height:96px;font-size:30px}.action-cluster{bottom:calc(18px + var(--safe-b));right:calc(14px + var(--safe-r));grid-template-rows:56px 96px;grid-template-columns:86px 86px;gap:10px;display:grid;position:absolute}.act-drift{background:#19e8ff1f;grid-area:1/1/3;font-size:15px}.act-boost{background:#ff2fd624;grid-area:1/2;font-size:13px}.act-gas{background:#3dff9a1a;grid-area:2/2;font-size:15px}.act-brake{background:#ff5a5a1f;width:76px;height:56px;font-size:12px;position:absolute;bottom:0;right:196px}.hud.touch .hud-br{bottom:calc(186px + var(--safe-b))}.hud.touch .speedo{width:124px;height:124px}.hud.touch .drift-popup{bottom:42%;right:50%;transform:translate(50%)translateY(14px)scale(.85)rotate(-4deg)}.hud.touch .drift-popup.show{transform:translate(50%)scale(1)rotate(-4deg)}.overlay{pointer-events:auto;z-index:20;background:radial-gradient(#100a26d1,#05030ef0);flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .3s;display:flex;position:absolute;inset:0}.overlay.hidden{display:none}.logo-img{filter:drop-shadow(0 0 28px #7d4dff73);width:min(440px,78vw)}.logo-img.small{width:min(260px,60vw)}.loading-text{letter-spacing:.3em;color:var(--text-dim);font-family:Orbitron,monospace;font-size:14px;animation:1.2s infinite alternate loadingBlink}@keyframes loadingBlink{0%{opacity:.5}to{opacity:1}}.controls-hint{text-align:center;color:var(--text-dim);font-size:16px;line-height:1.8}.controls-hint b{color:var(--cyan);font-family:Orbitron,monospace;font-size:13px}.hud.touch .controls-hint{display:none}.start-tip{color:var(--text-dim);letter-spacing:.08em;font-size:14px}.primary-btn{letter-spacing:.14em;color:#04121a;background:linear-gradient(100deg, var(--cyan), #7d4dff);cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);border:none;min-height:52px;padding:15px 44px;font-family:Orbitron,monospace;font-size:19px;font-style:italic;font-weight:900;box-shadow:0 0 26px #19e8ff73}.primary-btn:hover{filter:brightness(1.15)}.ghost-btn{letter-spacing:.12em;color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:0 0;border-radius:4px;min-height:46px;padding:12px 28px;font-family:Orbitron,monospace;font-size:14px;font-weight:700}.ghost-btn:hover{border-color:var(--cyan);color:var(--cyan)}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;flex-direction:column;align-items:center;gap:14px;min-width:min(420px,86vw);padding:34px 44px;display:flex}.panel-title{letter-spacing:.22em;font-family:Orbitron,monospace;font-size:30px;font-style:italic;font-weight:900}.finish-title{letter-spacing:.16em;color:var(--cyan);text-shadow:0 0 22px #19e8ff99;font-family:Orbitron,monospace;font-size:clamp(30px,5vw,44px);font-style:italic;font-weight:900}.finish-title.gold{color:var(--amber);text-shadow:0 0 26px #ffd21ab3}.finish-stats{flex-direction:column;gap:8px;width:100%;display:flex}.stat{color:var(--text-dim);letter-spacing:.1em;justify-content:space-between;gap:30px;font-size:16px;display:flex}.stat b{color:var(--text);font-variant-numeric:tabular-nums;font-family:Orbitron,monospace}.stat.total{border-top:1px solid var(--panel-border);padding-top:10px}.stat.total b{color:var(--amber)}.debug-overlay{z-index:30;color:#8f8;pointer-events:none;white-space:pre;background:#000000b3;border-radius:4px;padding:8px 10px;font:11px/1.5 monospace;position:absolute;top:40%;left:10px}@media (width<=640px){.hud-tc{top:calc(54px + var(--safe-t));min-width:150px}.time-cur{font-size:19px}.time-best{font-size:11px}.pos-num{font-size:22px}.score-wrap{min-width:96px;padding:4px 10px 6px 14px}.score-num{font-size:17px}.sys-btn{width:38px;height:38px}.lap-pill{min-width:72px;padding:7px 10px;font-size:12px}.banner{top:30%}}