:root{--bg: #0f1419;--bg-elev: #1a2129;--fg: #e6edf3;--fg-muted: #8b949e;--accent: #f7c948;--accent-strong: #e0a800;--border: #30363d;--danger: #f85149;--success: #3fb950}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--bg-elev);border-bottom:1px solid var(--border)}.brand{font-weight:700;color:var(--accent);text-decoration:none;font-size:1.25rem}.app-main{flex:1;padding:2rem;max-width:960px;margin:0 auto;width:100%}.app-footer{padding:1rem 2rem;text-align:center;color:var(--fg-muted);border-top:1px solid var(--border)}.hero h1{font-size:2.5rem;margin-bottom:1rem;color:var(--accent)}.hero p{font-size:1.1rem;margin-bottom:1rem}.cta{display:inline-block;padding:.75rem 1.5rem;background:var(--accent);color:var(--bg);font-weight:600;text-decoration:none;border-radius:6px;transition:background .2s}.cta:hover{background:var(--accent-strong)}.status{margin-top:2rem;display:flex;gap:.75rem;align-items:center}.badge{display:inline-block;padding:.25rem .75rem;background:var(--accent);color:var(--bg);border-radius:12px;font-size:.85rem;font-weight:600}.muted{color:var(--fg-muted)}.placeholder{padding:2rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;text-align:center}.form-page{max-width:400px;margin:2rem auto;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:2rem}.form-page h2{margin-top:0}.field{display:block;margin-bottom:1rem}.field span{display:block;margin-bottom:.35rem;color:var(--fg-muted);font-size:.9rem}.field input{width:100%;padding:.6rem .75rem;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:6px;font-size:1rem}.field input:focus{outline:2px solid var(--accent);outline-offset:-1px}.error{padding:.6rem .75rem;margin-bottom:1rem;background:#f8514926;border:1px solid var(--danger);border-radius:6px;color:var(--danger);font-size:.9rem}.btn-primary,.btn-secondary{padding:.6rem 1.25rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--fg);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.link-button{background:none;border:none;color:var(--fg);font:inherit;cursor:pointer;margin-left:1.5rem}.link-button:hover{color:var(--accent)}.app-header nav a{margin-left:1.5rem;color:var(--fg);text-decoration:none}.app-header nav a:hover,.app-header nav a.active{color:var(--accent)}.profile-page h2{margin-top:0}.profile-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin:1rem 0;display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.5rem}.profile-card dt{color:var(--fg-muted)}.profile-card dd{margin:0}.tracks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.track-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.track-card h3{margin:0}.track-city{color:var(--accent);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.track-desc{color:var(--fg-muted);flex:1}.track-meta{color:var(--fg-muted);font-size:.85rem}.track-error{padding:1rem;background:var(--bg-elev);border:1px solid var(--danger);border-radius:8px;color:var(--danger)}.empty-state{padding:2rem;text-align:center;color:var(--fg-muted);background:var(--bg-elev);border:1px dashed var(--border);border-radius:8px}.play-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--bg)}.game-canvas{display:block;width:100%;height:100%}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:1rem 1.25rem;font-variant-numeric:tabular-nums}.hud-top,.hud-bottom{display:flex;justify-content:space-between;align-items:flex-start}.hud-timer{font-size:2rem;font-weight:700;color:var(--accent);text-shadow:0 2px 8px rgba(0,0,0,.8)}.hud-laps{font-size:1.25rem;font-weight:600;background:#0f1419b3;padding:.35rem .9rem;border-radius:8px}.hud-best{background:#0f1419b3;padding:.3rem .8rem;border-radius:8px;font-size:.95rem}.hud-track{color:var(--fg-muted);font-size:.9rem}.hud-countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:7rem;font-weight:800;color:var(--accent);text-shadow:0 4px 24px rgba(0,0,0,.9);animation:countdown-pop 1s ease-out infinite}@keyframes countdown-pop{0%{transform:scale(1.4);opacity:1}to{transform:scale(.9);opacity:.6}}.hud-offtrack{position:absolute;top:30%;left:50%;transform:translate(-50%);background:#f7c948eb;color:var(--bg);font-weight:700;padding:.6rem 1.4rem;border-radius:8px;animation:blink .6s step-end infinite}@keyframes blink{50%{opacity:.4}}.hud-paused{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f1419d9;pointer-events:auto}.hud-paused h3{font-size:3rem;margin:0;color:var(--accent)}.hud-finished{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#0f1419e6;pointer-events:auto;text-align:center}.hud-finished h2{font-size:2.5rem;margin:0;color:var(--accent)}.finish-stats{display:grid;grid-template-columns:auto auto;gap:.4rem 1.5rem;background:var(--bg-elev);border:1px solid var(--border);padding:1.25rem 2rem;border-radius:8px}.finish-stats dt{color:var(--fg-muted);text-align:right}.finish-stats dd{margin:0;font-weight:700;font-size:1.15rem;text-align:left;font-variant-numeric:tabular-nums}.finish-saved{color:var(--success)}.finish-error{color:var(--danger)}.finish-actions{display:flex;gap:.75rem}.placeholder h2{margin-top:0}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;background:var(--bg-elev);padding:.1rem .4rem;border-radius:3px;font-size:.9em}.lb-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.lb-table{width:100%;border-collapse:collapse;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;overflow:hidden}.lb-table th,.lb-table td{padding:.6rem .9rem;text-align:left;border-bottom:1px solid var(--border)}.lb-table thead th{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:#ffffff05}.lb-table tbody tr:last-child td{border-bottom:none}.lb-rank{width:2.5rem;font-weight:700}.lb-time{font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.lb-date{color:var(--muted);font-size:.9em}.lb-me{background:#f7c94814;outline:1px solid rgba(247,201,72,.35)}.finish-rank{font-size:1.2rem;font-weight:800;color:var(--accent);margin:.25rem 0}.track-actions{display:flex;align-items:center;gap:.9rem}.link-muted{color:var(--muted);font-size:.9rem;text-decoration:underline}.link-muted:hover{color:var(--text)}