:root{--bg: #07080c;--panel: rgba(8, 10, 14, .88);--border: rgba(255, 255, 255, .14);--text: #f4f5f7;--muted: #9aa3b2;--accent: #c8f542;--accent-dim: rgba(200, 245, 66, .25);--radar: #0a1210;--font: "Rajdhani", system-ui, sans-serif;--display: "Bebas Neue", Impact, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font)}#game-canvas{display:block;width:100%;height:100%}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:15;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.45) 100%),linear-gradient(180deg,rgba(0,0,0,.35) 0%,transparent 18%,transparent 78%,rgba(0,0,0,.4) 100%)}.fade{position:fixed;top:0;right:0;bottom:0;left:0;background:#07080c;pointer-events:none;opacity:1;transition:opacity 1.2s ease;z-index:40}.fade.hidden{opacity:0}.topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.9rem 1.15rem;pointer-events:none}.topbar>*{pointer-events:auto}.back-link{color:var(--muted);text-decoration:none;font-size:.95rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.back-link:hover{color:var(--accent)}.zone-chip{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.35rem 1.1rem .45rem;background:linear-gradient(180deg,#0000008c,#00000040);border:1px solid rgba(255,255,255,.12);border-radius:4px;min-width:160px}.zone-label{font-size:.62rem;letter-spacing:.22em;color:var(--accent);font-weight:700}.zone-name{font-family:var(--display);font-size:1.35rem;letter-spacing:.06em;line-height:1}.top-actions{display:flex;justify-content:flex-end;gap:.45rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;padding:0;border-radius:8px;border:1px solid var(--border);background:#00000073;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .15s,color .15s,background .15s}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.icon-btn.is-muted{color:#ff7a7a;border-color:#ff7a7a66}.icon-btn.is-fullscreen{color:var(--accent);border-color:var(--accent-dim)}.icon-btn .chrome-icon{width:1.15rem;height:1.15rem;display:block;pointer-events:none}#app:fullscreen,#app:-webkit-full-screen{width:100%;height:100%}.radar-wrap{position:fixed;left:1.25rem;bottom:1.25rem;z-index:20;width:170px;height:170px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px #c8f54259,0 0 0 6px #0000008c,0 12px 40px #00000080;background:var(--radar)}#radar{display:block;width:100%;height:100%}.radar-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 28px #000000a6}.speedo{position:fixed;right:1.35rem;bottom:1.2rem;z-index:20;width:150px;display:flex;flex-direction:column;align-items:center}.speedo-ring{width:132px;height:132px;transform:rotate(-90deg)}.speedo-track{fill:none;stroke:#ffffff1f;stroke-width:7}.speedo-arc{fill:none;stroke:var(--accent);stroke-width:7;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;filter:drop-shadow(0 0 6px rgba(200,245,66,.55));transition:stroke-dashoffset .08s linear}.speedo-readout{position:absolute;top:34px;display:flex;flex-direction:column;align-items:center;line-height:1}.speedo-readout strong{font-family:var(--display);font-size:3.2rem;letter-spacing:.02em;text-shadow:0 2px 18px rgba(0,0,0,.75)}.speedo-readout span{margin-top:-.2rem;font-size:.85rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.trip{margin-top:.15rem;display:flex;align-items:baseline;gap:.45rem;font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums;text-shadow:0 1px 8px rgba(0,0,0,.7)}.trip-label{font-size:.68rem;letter-spacing:.16em;color:var(--accent);font-weight:700}.hint{position:fixed;left:50%;bottom:1.35rem;transform:translate(-50%);z-index:20;color:#ffffff8c;font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.9;transition:opacity .6s ease;pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.8)}.hint.faded{opacity:0}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-content:center;gap:.6rem;background:#07080c;color:var(--muted);text-align:center}.loading-brand{font-family:var(--display);font-size:2.6rem;letter-spacing:.12em;color:var(--text)}.loading.hidden{display:none}.menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#0000009e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.menu.hidden{display:none}.menu-panel{width:min(420px,calc(100vw - 2rem));background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1.5rem 1.55rem 1.25rem;box-shadow:0 20px 60px #0000008c}.menu-panel h2{font-family:var(--display);font-size:2rem;letter-spacing:.12em;margin-bottom:1.1rem;color:var(--accent)}.row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem;font-size:.95rem;font-weight:600;color:var(--muted)}.row input[type=range]{width:140px;accent-color:var(--accent)}.row select{background:#12151c;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.4rem .55rem;font-family:inherit;font-weight:600}.menu-actions{margin-top:1.1rem;display:flex;justify-content:flex-end}.primary{background:var(--accent);color:#101208;font-family:inherit;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:none;border-radius:6px;padding:.65rem 1.2rem;cursor:pointer}.primary:hover{filter:brightness(1.06)}.menu-note{margin-top:.95rem;font-size:.8rem;color:var(--muted);line-height:1.4}@media (max-width: 720px){.hint{display:none}.radar-wrap{width:130px;height:130px;left:.75rem;bottom:.75rem}.speedo{right:.75rem;bottom:.75rem;width:120px}.speedo-ring{width:110px;height:110px}.speedo-readout{top:26px}.speedo-readout strong{font-size:2.5rem}.zone-chip{min-width:120px;padding:.25rem .7rem}.zone-name{font-size:1.05rem}}