@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;800&family=Rajdhani:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg: #05070b;--bg-panel: rgba(14, 19, 28, .7);--bg-panel-strong: rgba(10, 13, 20, .86);--line: rgba(255, 255, 255, .09);--text: #f3f7ff;--muted: #8f9db8;--accent: #6de9ff;--accent-2: #ff7337;--accent-3: #89ff93;--danger: #ff476d;--shadow: 0 20px 40px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(109,233,255,.15),transparent 28%),radial-gradient(circle at 80% 0%,rgba(255,115,55,.14),transparent 22%),linear-gradient(180deg,#07131f,#04070d 60%,#020409);font-family:Rajdhani,sans-serif;color:var(--text)}button,input,select{font:inherit}button{cursor:pointer;border:none;color:inherit}canvas#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;background:linear-gradient(180deg,#11212e,#26323d 30%,#13171b)}.overlay{position:fixed;inset:0;display:grid;place-items:center;z-index:10;pointer-events:none;opacity:0;transition:opacity .24s ease}.overlay.active,.overlay:not(.hidden){opacity:1;pointer-events:auto}.hidden{opacity:0!important;pointer-events:none!important}.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--bg-panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow)}.loading-panel,.pause-panel,.results-panel,.nickname-panel{width:min(560px,calc(100vw - 2rem));padding:2rem;border-radius:24px}.loading-panel h1,.brand-lockup h1,.screen-header h2,.pause-panel h2,.results-panel h2,.nickname-panel h2{margin:0;font-family:Orbitron,sans-serif;letter-spacing:.05em}.eyebrow{display:inline-flex;margin-bottom:.5rem;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.progress-track{height:.8rem;overflow:hidden;margin:1.25rem 0 .65rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d}.progress-fill{height:100%;width:2%;background:linear-gradient(90deg,var(--accent),#fff4b5);transition:width .22s ease}.menu-shell{display:grid;grid-template-columns:320px minmax(0,1fr);gap:1.25rem;width:min(1440px,calc(100vw - 2rem));height:min(920px,calc(100vh - 2rem))}.menu-sidebar,.menu-content{min-height:0}.menu-sidebar{border-radius:28px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.brand-lockup p,.menu-actions p,.feature-card span,.profile-card .label,.results-grid span{color:var(--muted)}.nav-links{display:grid;gap:.6rem;margin:1.5rem 0}.nav-link,.primary,.secondary{min-height:3rem;border-radius:16px;transition:transform .18s ease,background .18s ease,border-color .18s ease}.nav-link{border:1px solid var(--line);background:#ffffff08;color:var(--muted);text-align:left;padding:0 1rem}.nav-link.active,.nav-link:hover{color:var(--text);border-color:#6de9ff73;background:#6de9ff1f}.profile-card{display:grid;gap:.85rem;padding:1rem;border-radius:20px;border:1px solid var(--line);background:var(--bg-panel-strong)}.profile-card strong{display:block;font-size:1.35rem;font-family:Orbitron,sans-serif}.menu-content{position:relative;overflow:hidden;border-radius:28px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(109,233,255,.12),transparent 20%),radial-gradient(circle at bottom left,rgba(255,115,55,.12),transparent 28%),#050a11b8;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.screen{position:absolute;inset:0;display:none;flex-direction:column;padding:1.5rem;gap:1rem;overflow:auto}.screen.active{display:flex}.screen-header{display:flex;justify-content:space-between;align-items:end;gap:1rem}.stats-chip{padding:.9rem 1.2rem;border-radius:20px;border:1px solid var(--line);background:#ffffff08}.stats-chip strong{display:block;font-family:Orbitron,sans-serif}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.mode-card,.mission-card,.upgrade-card,.achievement-card,.feature-card{padding:1rem;border-radius:22px;border:1px solid var(--line);background:#ffffff0a}.mode-card{min-height:170px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .18s ease,border-color .18s ease,background .18s ease}.mode-card:hover,.mode-card.selected{transform:translateY(-3px);border-color:#6de9ff7a;background:#6de9ff1c}.mode-card h3,.garage-column h3,.pause-panel h2{margin:0 0 .65rem}.mode-meta{display:flex;gap:.5rem;flex-wrap:wrap}.chip{padding:.4rem .75rem;border-radius:999px;background:#ffffff12;color:var(--muted);font-size:.9rem}.menu-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-radius:22px}.menu-actions.stacked{flex-direction:column}.primary{background:linear-gradient(135deg,var(--accent),#26b7ff);color:#031420;font-weight:700;padding:0 1.4rem}.secondary{padding:0 1.1rem;background:#ffffff0d;color:var(--text);border:1px solid var(--line)}.primary:hover,.secondary:hover,.nav-link:hover{transform:translateY(-1px)}.primary:disabled,.secondary:disabled{cursor:not-allowed;opacity:.45;transform:none}.garage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.garage-column{border-radius:24px;padding:1rem}.list-stack{display:grid;gap:.8rem}.upgrade-card header,.mission-card header,.achievement-card header{display:flex;justify-content:space-between;align-items:start;gap:.75rem}.upgrade-card footer,.mission-card footer{margin-top:.8rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.control-group{display:grid;gap:.35rem;margin-bottom:.95rem}.control-group label,.label{color:var(--muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.control-group select,.control-group input[type=range]{width:100%}.control-group select,.control-group input[type=range],.control-group input[type=color]{min-height:2.6rem;padding:.3rem .65rem;border-radius:14px;border:1px solid var(--line);background:#080c12b3;color:var(--text)}.control-group input[type=color]{padding:.2rem}.feature-list{display:grid;gap:.8rem}.settings-reference{border-radius:22px;padding:1rem 1.1rem}.settings-reference h3{margin:0 0 .8rem}.control-reference{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.settings-actions{justify-content:end}.settings-actions>.hidden{display:none!important}.hud{position:fixed;inset:0;z-index:5;padding:1rem;display:grid;grid-template-rows:auto 1fr auto;gap:1rem}.hud.hidden{display:none}.hud-top,.hud-bottom{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.hud-pill,.control-hints,.instrument-cluster,.telemetry-panel,.status-panel,.event-feed,.mini-map{border-radius:18px;padding:.8rem 1rem}.hud-pill{min-width:150px;background:#060a1085;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hud-pill strong,.dial strong{display:block;font-family:Orbitron,sans-serif}.hud-side{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.hud-side.left{align-items:start}.hud-side.right{align-items:end}.instrument-cluster{display:flex;gap:1rem;background:#050a10a3}.dial{min-width:102px}.dial strong{font-size:2rem}.telemetry-panel,.status-panel,.event-feed,.mini-map,.control-hints{background:#060a1094;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.telemetry-panel,.status-panel,.event-feed{width:min(320px,36vw)}.metric-row,.status-bar{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.metric-row+.metric-row,.status-bar+.status-bar{margin-top:.7rem}.bar-track{flex:1;height:.65rem;overflow:hidden;border-radius:999px;background:#ffffff14}.bar-fill{height:100%;width:0%;transition:width .12s linear}.bar-fill.nitro{background:linear-gradient(90deg,#50c7ff,#72f2ff)}.bar-fill.damage{background:linear-gradient(90deg,#ffa17c,#ff4d7b)}.bar-fill.combo{background:linear-gradient(90deg,#ffbd63,#fff0a8)}.event-feed{display:grid;gap:.45rem;max-height:260px;overflow:auto}.event-item{padding:.55rem .7rem;border-radius:14px;background:#ffffff0d}.mini-map{width:220px;height:220px}.control-hints{display:flex;gap:1rem;flex-wrap:wrap}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0 1.5rem}.results-row{padding:.8rem;border-radius:16px;background:#ffffff0d}.nickname-panel p{color:var(--muted);margin:1rem 0}.nickname-panel input{width:100%;min-height:3.4rem;padding:.75rem 1rem;border-radius:16px;border:1px solid rgba(109,233,255,.34);outline:none;background:#04090fd6;color:var(--text);font-size:1.25rem;font-weight:700}.nickname-panel input:focus{border-color:#6de9ffbf;box-shadow:0 0 0 3px #6de9ff1f}.nickname-actions{justify-content:end;padding:1rem 0 0}.leaderboard-list{display:grid;gap:.75rem;max-width:980px}.leaderboard-row,.leaderboard-empty{border:1px solid var(--line);background:#ffffff0e;border-radius:18px}.leaderboard-row{display:grid;grid-template-columns:3rem minmax(0,1fr) minmax(140px,auto);gap:.85rem;align-items:center;padding:.85rem 1rem}.leaderboard-rank{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:#6de9ff24;color:var(--accent);font-family:Orbitron,sans-serif;font-weight:800}.leaderboard-main,.leaderboard-score{min-width:0;display:grid;gap:.15rem}.leaderboard-main span,.leaderboard-score span,.leaderboard-empty{color:var(--muted)}.leaderboard-main strong,.leaderboard-score strong{overflow-wrap:anywhere}.leaderboard-score{text-align:right}.leaderboard-empty{padding:1rem}#cockpit-overlay{position:fixed;inset:0;z-index:4;pointer-events:none}.windshield-glass{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 30%),radial-gradient(circle at center top,rgba(255,255,255,.12),transparent 40%);opacity:.45}.windshield-rain{position:absolute;inset:0;opacity:0;background-image:linear-gradient(180deg,rgba(255,255,255,.18),transparent),repeating-linear-gradient(110deg,transparent 0,transparent 28px,rgba(200,230,255,.24) 28px,rgba(200,230,255,.24) 30px);background-size:100% 100%,200px 200px}.windshield-crack{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 52% 37%,rgba(255,255,255,.28),transparent 2%),linear-gradient(50deg,transparent 49%,rgba(255,255,255,.36) 50%,transparent 51%),linear-gradient(140deg,transparent 48%,rgba(255,255,255,.3) 50%,transparent 52%),linear-gradient(80deg,transparent 49%,rgba(255,255,255,.24) 50%,transparent 51%);mix-blend-mode:screen}.touch-controls{position:fixed;inset:auto 0 1rem;z-index:6;padding:0 1rem;display:none;justify-content:space-between;pointer-events:none}.touch-controls button{width:4.4rem;height:4.4rem;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#070b11b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto}.touch-left,.touch-right{display:flex;gap:.7rem;align-items:end}.touch-controls.compact{inset:auto 0 .7rem;padding:0 .75rem}.touch-controls.compact .touch-left,.touch-controls.compact .touch-right{gap:.45rem}.touch-controls.compact button{width:3.6rem;height:3.6rem}@media(max-width:1100px){.menu-shell{grid-template-columns:1fr;height:calc(100vh - 1rem);width:calc(100vw - 1rem)}.menu-sidebar{padding:1rem;gap:1rem}.garage-grid{grid-template-columns:1fr}.telemetry-panel,.status-panel,.event-feed{width:min(280px,68vw)}}@media(max-width:900px){.hud{padding:.65rem}.hud-top,.hud-bottom{gap:.5rem}.hud-side{justify-content:end}.instrument-cluster{gap:.5rem}.dial{min-width:80px}.dial strong{font-size:1.55rem}.mini-map{width:170px;height:170px}.leaderboard-row{grid-template-columns:2.5rem minmax(0,1fr)}.leaderboard-score{grid-column:2;text-align:left}.touch-controls{display:flex}}
