:root{--bg: #05040f;--cyan: #37f2d6;--violet: #8b5cf6;--pink: #ff4d6d;--amber: #ffb703;--ink: #e8f1ff;--ink-dim: #9fb4c9;--panel: rgba(8, 10, 22, .55);--panel-border: rgba(255, 255, 255, .14);--font-display: "Orbitron", "Trebuchet MS", "Segoe UI", sans-serif;--font-body: "Rajdhani", "Segoe UI", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font-body);user-select:none;-webkit-user-select:none}.app{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.app canvas{display:block;touch-action:none}.keycap{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;margin:0 3px;border-radius:8px;background:linear-gradient(#3a3a58,#1e1e36);border:1px solid rgba(255,255,255,.28);box-shadow:0 4px #0e0e1e,inset 0 1px #ffffff38;font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--ink);letter-spacing:1px}.keycap.wide{min-width:58px;font-size:12px}.keycap.boost{color:var(--cyan);border-color:var(--cyan);box-shadow:0 4px #0e0e1e,0 0 12px #37f2d659}.keycap.brake{color:var(--pink);border-color:var(--pink);box-shadow:0 4px #0e0e1e,0 0 12px #ff4d6d59}.keycap.lane{color:var(--amber);border-color:var(--amber);box-shadow:0 4px #0e0e1e,0 0 12px #ffb70359}.keycap.nitro{color:var(--violet);border-color:var(--violet);box-shadow:0 4px #0e0e1e,0 0 12px #8b5cf666}.menu-btn{position:relative;pointer-events:auto;cursor:pointer;border:none;border-radius:999px;padding:16px 46px;font-family:var(--font-display);font-size:16px;font-weight:800;letter-spacing:4px;text-transform:uppercase;color:#04121a;background:linear-gradient(90deg,var(--cyan),#4ad9ff);box-shadow:0 8px 28px #37f2d652,0 0 #37f2d699;transition:transform .12s ease,box-shadow .2s ease,filter .2s ease;animation:btn-pulse 2.2s ease-in-out infinite}.menu-btn:hover{transform:translateY(-2px) scale(1.03);filter:brightness(1.1);box-shadow:0 14px 36px #37f2d68c;animation:none}.menu-btn:active{transform:translateY(1px) scale(.98);filter:brightness(.95)}.menu-btn:focus-visible{outline:2px solid #fff;outline-offset:4px}.menu-btn.danger{color:#22060c;background:linear-gradient(90deg,var(--pink),#ff8b5c);box-shadow:0 8px 28px #ff4d6d52}.menu-btn.danger:hover{box-shadow:0 14px 36px #ff4d6d8c}.menu-btn.ghost{color:var(--ink);background:#ffffff0f;border:1px solid rgba(255,255,255,.25);box-shadow:none;animation:none}.menu-btn.ghost:hover{background:#ffffff1f;box-shadow:0 8px 24px #8b5cf659}@keyframes btn-pulse{0%,to{box-shadow:0 8px 28px #37f2d652,0 0 #37f2d680}50%{box-shadow:0 8px 28px #37f2d652,0 0 0 12px #37f2d600}}.car-icon{transition:opacity .25s,filter .25s,transform .25s}.car-icon.alive{color:var(--pink);filter:drop-shadow(0 0 8px rgba(255,77,109,.7))}.car-icon.lost{color:#fff;opacity:.16;transform:scale(.9)}.hud{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:calc(18px + env(safe-area-inset-top,0px)) calc(24px + env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) calc(24px + env(safe-area-inset-left,0px));pointer-events:none;text-shadow:0 2px 6px rgba(0,0,0,.75);z-index:5}.hud-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.hud-top{align-items:flex-start;animation:hud-drop .55s cubic-bezier(.2,.8,.2,1) both}.hud-bottom{animation:hud-rise .55s .1s cubic-bezier(.2,.8,.2,1) both}@keyframes hud-drop{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:none}}@keyframes hud-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.hud-label{display:block;font-family:var(--font-display);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--ink-dim)}.hud-value{font-family:var(--font-display);font-size:30px;font-weight:800;line-height:1.05;letter-spacing:1px}.hud-card{background:var(--panel);border:1px solid var(--panel-border);border-left:3px solid var(--cyan);border-radius:10px;padding:10px 16px;min-width:150px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.level-badge{display:flex;align-items:center;gap:12px;padding:8px 18px 8px 10px;background:linear-gradient(135deg,#8b5cf659,#080a1699);border:1px solid rgba(139,92,246,.6);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.badge-num{font-family:var(--font-display);font-size:34px;font-weight:900;color:#fff;text-shadow:0 0 14px rgba(139,92,246,.9)}.badge-text{display:flex;flex-direction:column}.badge-name{font-size:17px;font-weight:700;letter-spacing:1px}.hud-center{display:flex;flex-direction:column;align-items:center;gap:8px}.wind{display:flex;align-items:center;gap:10px;padding:6px 14px;background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.wind .hud-label{margin-right:2px}.wind-row{display:flex;align-items:center;gap:8px}.wind-arrow{font-size:14px;color:var(--ink-dim);transition:color .2s,transform .2s}.wind.left .wind-arrow,.wind.right .wind-arrow{color:#bfe0ff;text-shadow:0 0 10px rgba(191,224,255,.8)}.wind.left .wind-arrow{animation:wind-nudge-l .8s ease-in-out infinite alternate}.wind.right .wind-arrow{animation:wind-nudge-r .8s ease-in-out infinite alternate}@keyframes wind-nudge-l{0%{transform:translate(0)}to{transform:translate(-4px)}}@keyframes wind-nudge-r{0%{transform:translate(0)}to{transform:translate(4px)}}.wind-bars{display:flex;gap:3px}.wind-bars i{display:block;width:6px;height:12px;border-radius:2px;background:#ffffff1f;transition:background .15s,box-shadow .15s}.wind-bars i.on{background:#bfe0ff;box-shadow:0 0 8px #bfe0ffcc}.mute-btn{pointer-events:auto;cursor:pointer;width:44px;height:44px;border-radius:50%;border:1px solid var(--panel-border);background:var(--panel);color:var(--cyan);display:grid;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .12s,box-shadow .2s,color .2s}.mute-btn:hover{transform:scale(1.08);box-shadow:0 0 16px #37f2d666}.mute-btn.muted{color:var(--pink)}.boost-flag{align-self:center;font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:5px;color:var(--cyan);text-shadow:0 0 16px rgba(55,242,214,.9);opacity:0;transform:translateY(-10px);transition:opacity .18s,transform .18s}.boost-flag.on{opacity:1;transform:none;animation:boost-pulse .45s infinite alternate}@keyframes boost-pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.brake-flag{align-self:center;margin-top:4px;font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:5px;color:var(--pink);text-shadow:0 0 12px rgba(255,77,109,.9);opacity:0;transition:opacity .15s}.brake-flag.on{opacity:1}.lives{display:flex;flex-direction:column;gap:6px;min-width:150px}.lives-row{display:flex;gap:8px}.track{flex:1;max-width:520px;margin:0 8px 6px}.track-labels{display:flex;justify-content:space-between;font-family:var(--font-display);font-size:10px;letter-spacing:2.5px;color:var(--ink-dim);margin-bottom:8px}.track-distance{color:var(--ink);font-size:12px}.track-bar{position:relative;height:10px;border-radius:999px;background:#ffffff1a;border:1px solid var(--panel-border);overflow:visible}.track-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 12px #37f2d699;transition:width .12s linear}.track-marker{position:absolute;top:50%;transform:translate(-50%,-62%);color:var(--cyan);filter:drop-shadow(0 0 6px rgba(55,242,214,.9));transition:left .12s linear}.track-flag{position:absolute;right:-2px;top:-8px;width:8px;height:26px;background:repeating-conic-gradient(#fff 0,#fff 25%,#111 0,#111 50%) 0 0 / 8px 8px;border-radius:2px}.dash-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.nitro{width:210px;padding:8px 12px 10px;background:var(--panel);border:1px solid var(--panel-border);border-right:3px solid var(--violet);border-radius:10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:box-shadow .25s,border-color .25s}.nitro-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.nitro-hint{font-family:var(--font-display);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-dim);transition:color .2s}.nitro-bar{display:flex;gap:3px}.nitro-seg{flex:1;height:12px;background:#ffffff14;border-radius:2px;overflow:hidden;transform:skew(-14deg)}.nitro-seg-fill{height:100%;width:100%;transform-origin:left;background:linear-gradient(90deg,#4a7dff,var(--violet));transition:transform .08s linear}.nitro.ready .nitro-hint{color:var(--ink)}.nitro.full{border-right-color:var(--cyan);animation:nitro-glow 1.1s ease-in-out infinite alternate}.nitro.full .nitro-seg-fill{background:linear-gradient(90deg,var(--cyan),var(--violet))}.nitro.full .nitro-hint{color:var(--cyan);text-shadow:0 0 10px rgba(55,242,214,.8)}@keyframes nitro-glow{0%{box-shadow:0 0 #37f2d600}to{box-shadow:0 0 22px #37f2d68c}}.nitro.active{border-right-color:#ff7a1a;box-shadow:0 0 26px #ff7a1a99}.nitro.active .nitro-seg-fill{background:linear-gradient(90deg,#ffffff,#ff7a1a 40%,var(--pink))}.nitro.active .nitro-hint{color:#ff9a4a;text-shadow:0 0 10px rgba(255,122,26,.9);animation:boost-pulse .3s infinite alternate}.speedo{position:relative;width:190px;height:150px}.speedo-svg{width:100%;height:100%;overflow:visible}.speedo-track{fill:none;stroke:#ffffff1f;stroke-width:12;stroke-linecap:round}.speedo-fill{fill:none;stroke:url(#speedoGrad);stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset .1s linear;filter:drop-shadow(0 0 6px rgba(55,242,214,.55))}.speedo-tick{stroke:#ffffff59;stroke-width:1.5}.speedo-tick.major{stroke:#fffc;stroke-width:2.5}.speedo-needle line{stroke:var(--pink);stroke-width:3;stroke-linecap:round}.speedo-needle circle{fill:#fff;stroke:var(--pink);stroke-width:3}.speedo-needle{transition:transform .1s linear;filter:drop-shadow(0 0 6px rgba(255,77,109,.8))}.speedo-readout{position:absolute;left:50%;bottom:6px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.speedo-kmh{font-family:var(--font-display);font-size:34px;font-weight:900;line-height:1;letter-spacing:1px}.speedo-unit{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--ink-dim)}.speedo.boost .speedo-kmh{color:var(--cyan);text-shadow:0 0 16px rgba(55,242,214,.9)}.speed-lines{position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.45) 0deg .6deg,transparent .6deg 5deg);-webkit-mask:radial-gradient(ellipse at center,transparent 36%,#000 78%);mask:radial-gradient(ellipse at center,transparent 36%,#000 78%);mix-blend-mode:screen;opacity:0;transition:opacity .25s;animation:speed-spin 1.6s linear infinite}@keyframes speed-spin{0%{transform:rotate(0)}to{transform:rotate(5deg)}}.speed-lines.hot{background:repeating-conic-gradient(from 0deg,rgba(255,190,120,.7) 0deg .8deg,transparent .8deg 3.2deg);-webkit-mask:radial-gradient(ellipse at center,transparent 28%,#000 70%);mask:radial-gradient(ellipse at center,transparent 28%,#000 70%);animation-duration:.5s}.crash-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,#ff002800 35%,#ff0028bf);animation:crash-fade .5s ease-out forwards}@keyframes crash-fade{0%{opacity:1}to{opacity:0}}@media (max-width: 760px){.hud{padding:calc(12px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px))}.hud-value{font-size:22px}.badge-num{font-size:26px}.speedo{width:140px;height:112px}.speedo-kmh{font-size:24px}.nitro{width:150px}.nitro-hint{display:none}.track-labels span:first-child,.track-labels span:last-child{display:none}.lives{min-width:0}}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;z-index:10;overflow:hidden;animation:screen-in .35s ease-out both}@keyframes screen-in{0%{opacity:0}to{opacity:1}}.screen-content{position:relative;display:flex;flex-direction:column;align-items:center;max-width:680px;width:100%;animation:content-in .5s .05s cubic-bezier(.2,.8,.2,1) both}@keyframes content-in{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}.start-screen{background:radial-gradient(ellipse at 50% 30%,#18163cb3,#03030ae6)}.bg-layer{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none}.bg-grid{background-image:linear-gradient(rgba(139,92,246,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.16) 1px,transparent 1px);background-size:64px 64px;transform:perspective(600px) rotateX(60deg);transform-origin:50% 100%;animation:grid-scroll 3s linear infinite;mask-image:linear-gradient(to top,#000 20%,transparent 90%);-webkit-mask-image:linear-gradient(to top,#000 20%,transparent 90%)}@keyframes grid-scroll{0%{background-position:0 0}to{background-position:0 64px}}.bg-stripes{background:repeating-linear-gradient(115deg,transparent 0 140px,rgba(55,242,214,.05) 140px 160px);animation:stripes-drift 9s linear infinite}@keyframes stripes-drift{0%{transform:translate(0)}to{transform:translate(-320px)}}.bg-glow{background:radial-gradient(circle at 30% 20%,rgba(255,77,109,.22),transparent 40%),radial-gradient(circle at 75% 70%,rgba(55,242,214,.18),transparent 45%);animation:glow-breathe 6s ease-in-out infinite alternate}@keyframes glow-breathe{0%{transform:scale(1) translate(0)}to{transform:scale(1.08) translate(-2%,2%)}}.logo{display:flex;flex-direction:column;line-height:.92;font-family:var(--font-display);font-weight:900;font-size:clamp(56px,11vw,112px);letter-spacing:12px;text-transform:uppercase;margin-bottom:10px}.logo-line{background:linear-gradient(90deg,#fff,#cfe8ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(55,242,214,.45))}.logo-line.accent{background:linear-gradient(90deg,var(--cyan),var(--violet) 55%,var(--pink));-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 22px rgba(139,92,246,.7));animation:logo-flicker 5s infinite}@keyframes logo-flicker{0%,92%,to{opacity:1}93%{opacity:.55}95%{opacity:1}97%{opacity:.7}}.tagline{font-family:var(--font-display);color:var(--ink-dim);letter-spacing:4px;font-size:12px;text-transform:uppercase;margin-bottom:22px}.tagline .keycap{height:28px;min-width:32px;font-size:11px;vertical-align:middle}.card{background:#0a0c1ab3;border:1px solid var(--panel-border);border-radius:14px;padding:20px 28px;margin-bottom:22px;width:100%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.clusters{display:flex;justify-content:center;gap:56px;margin-bottom:14px}.key-cluster{display:flex;flex-direction:column;align-items:center}.cluster-grid{display:grid;grid-template-columns:repeat(3,48px);grid-auto-rows:44px;gap:6px;justify-items:center;align-items:center}.cluster-title{margin-top:8px;font-family:var(--font-display);font-size:10px;letter-spacing:3px;color:var(--ink-dim);text-transform:uppercase}.legend{display:flex;flex-direction:column;gap:6px;align-items:center}.legend-row{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:14px;width:340px}.legend-keys{text-align:right}.legend-keys .keycap{height:28px;min-width:32px;font-size:11px}.legend-desc{text-align:left;font-size:15px;letter-spacing:1px;color:var(--ink)}.pickup-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:14px;padding-top:12px;border-top:1px solid var(--panel-border);font-size:14px;letter-spacing:1px;color:var(--ink-dim)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}.dot.coin{background:#ffd23f;box-shadow:0 0 8px #ffd23f}.dot.boost{background:var(--cyan);box-shadow:0 0 8px var(--cyan);transform:rotate(45deg);border-radius:2px}.dot.life{background:var(--pink);box-shadow:0 0 8px var(--pink)}.dot.nitro{background:#4a7dff;box-shadow:0 0 8px var(--violet);border-radius:3px;width:8px;height:12px}.hint{margin-top:18px;font-size:12px;letter-spacing:2px;color:#7f92a6;text-transform:uppercase}.dark-screen{background:#03030cc7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.screen-kicker{font-family:var(--font-display);font-size:12px;letter-spacing:6px;text-transform:uppercase;color:var(--ink-dim);margin-bottom:6px}.screen-kicker.danger{color:var(--pink)}.screen-kicker.success{color:var(--cyan)}.screen-title{font-family:var(--font-display);font-size:clamp(30px,6vw,56px);font-weight:900;letter-spacing:6px;text-transform:uppercase;margin-bottom:22px}.screen-title.danger{color:var(--pink);text-shadow:0 0 28px rgba(255,77,109,.7)}.screen-title.success{background:linear-gradient(90deg,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(55,242,214,.55))}.stats-card{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;padding:22px 30px}.stat{display:flex;flex-direction:column;align-items:center;min-width:140px}.stat-label{font-family:var(--font-display);font-size:10px;letter-spacing:3px;color:var(--ink-dim);text-transform:uppercase;margin-bottom:6px}.stat-value{font-family:var(--font-display);font-size:34px;font-weight:800}.stat-dim{color:var(--ink-dim);font-size:20px}.lives-inline{display:flex;gap:6px;align-items:center;min-height:40px}.blurb{color:var(--ink-dim);letter-spacing:1px;font-size:16px;margin-bottom:16px}.btn-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.link-btn{margin-top:14px;background:none;border:none;color:var(--ink-dim);font:inherit;font-size:12px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;text-decoration:underline dotted}.link-btn:hover{color:var(--pink)}.levelselect-screen .screen-content{max-width:720px}.levelselect-screen .screen-title{margin-bottom:10px}.level-map{position:relative;margin:6px auto 18px}.level-path{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.path-seg{fill:none;stroke:#ffffff24;stroke-width:6;stroke-linecap:round;stroke-dasharray:10 12}.path-seg.lit{stroke:url(#none);stroke:var(--cyan);stroke-dasharray:none;filter:drop-shadow(0 0 8px rgba(55,242,214,.7));opacity:.85}.lvl-node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:14px;padding:0;background:none;border:none;color:var(--ink);font:inherit;cursor:pointer;text-align:left;transition:transform .15s ease,filter .15s ease}.lvl-node.right{flex-direction:row-reverse;text-align:right}.lvl-node:not(:disabled):hover{transform:translate(-50%,-50%) scale(1.06);filter:brightness(1.12)}.lvl-node:not(:disabled):active{transform:translate(-50%,-50%) scale(.98)}.lvl-node:disabled{cursor:not-allowed}.lvl-node:focus-visible .lvl-swatch{outline:2px solid #fff;outline-offset:3px}.lvl-swatch{position:relative;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;border:3px solid rgba(255,255,255,.35);box-shadow:0 8px 22px #00000073,inset 0 0 22px #00000059;font-family:var(--font-display);font-weight:900;font-size:26px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.7);flex:none}.lvl-label{display:flex;flex-direction:column;gap:2px;min-width:150px}.lvl-name{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:1px}.lvl-meta{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-dim)}.lvl-node.cleared .lvl-swatch{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 18px #37f2d673,inset 0 0 22px #00000059}.lvl-node.cleared .lvl-meta{color:var(--cyan)}.lvl-node.current .lvl-swatch{border-color:#fff;animation:node-glow 1.4s ease-in-out infinite alternate}.lvl-node.current .lvl-name{color:#fff;text-shadow:0 0 12px rgba(139,92,246,.9)}.lvl-node.current .lvl-meta{color:var(--violet)}@keyframes node-glow{0%{box-shadow:0 0 10px #8b5cf680,0 0 #8b5cf680,inset 0 0 22px #00000059}to{box-shadow:0 0 26px #8b5cf6f2,0 0 0 10px #8b5cf600,inset 0 0 22px #00000059}}.lvl-node.locked{opacity:.45}.lvl-node.locked .lvl-swatch{filter:grayscale(1) brightness(.7);color:#fffc;border-color:#fff3}@media (max-width: 520px){.level-map{transform:scale(.72);transform-origin:top center;margin-bottom:-60px}}@media (max-width: 640px){.clusters{gap:20px}.legend-row{width:100%;grid-template-columns:100px 1fr}.stats-card{gap:18px}}.touch-controls{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6}.touch-cluster{position:absolute;display:flex;gap:12px;animation:hud-rise .45s .15s cubic-bezier(.2,.8,.2,1) both}.touch-cluster.left{left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(max(26vh,190px) + env(safe-area-inset-bottom,0px))}.touch-cluster.right{right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(max(30vh,200px) + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:flex-end}.touch-btn{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:68px;height:68px;border-radius:50%;border:2px solid var(--panel-border);background:var(--panel);color:var(--ink);font-family:var(--font-display);font-size:24px;font-weight:800;line-height:1;display:grid;place-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 6px 18px #00000073;text-shadow:0 0 10px currentColor;transition:transform .08s,box-shadow .12s,background .12s,opacity .2s}.touch-btn.pressed{transform:scale(.9)}.touch-btn.lane{color:var(--amber);border-color:#ffb7038c}.touch-btn.lane.pressed{background:#ffb70359;box-shadow:0 0 22px #ffb70399}.touch-btn.throttle{color:var(--cyan);border-color:#37f2d68c}.touch-btn.throttle.pressed{background:#37f2d652;box-shadow:0 0 22px #37f2d6a6}.touch-btn.brake{color:var(--pink);border-color:#ff4d6d8c}.touch-btn.brake.pressed{background:#ff4d6d52;box-shadow:0 0 22px #ff4d6da6}.touch-btn.nitro{font-size:10px;letter-spacing:2px;color:var(--violet);border-color:#8b5cf699}.touch-btn.nitro.spent{opacity:.45}.touch-btn.nitro.ready{color:var(--cyan);border-color:var(--cyan);animation:nitro-glow 1.1s ease-in-out infinite alternate}.touch-btn.nitro.ready.pressed{background:#37f2d652}.touch-btn.nitro.active{color:#ff9a4a;border-color:#ff7a1a;box-shadow:0 0 22px #ff7a1a99;animation:none}.hud-actions{display:flex;gap:10px;align-items:center}.pause-btn{pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;width:44px;height:44px;border-radius:50%;border:1px solid var(--panel-border);background:var(--panel);color:var(--ink);display:grid;place-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .12s,box-shadow .2s}.pause-btn:active{transform:scale(.92)}.pause-btn svg{display:block}.touch-legend .legend-desc{font-size:14px}@media (max-width: 760px){.hud-actions{flex-direction:column;align-items:flex-end}.hud-card.score-card{min-width:110px;padding:8px 12px}}@media (max-height: 440px){.touch-cluster{gap:10px}.touch-cluster.left{bottom:calc(76px + env(safe-area-inset-bottom,0px))}.touch-cluster.right{right:calc(240px + env(safe-area-inset-right,0px));bottom:calc(76px + env(safe-area-inset-bottom,0px))}.touch-btn{width:56px;height:56px;font-size:20px}.touch-btn.nitro{font-size:9px;letter-spacing:1.5px}}