:root{--vc-bg: #0a0e18;--vc-panel: #121a2a;--vc-border: #2a3a55;--vc-text: #e8f0ff;--vc-muted: #8aa0c4;--vc-accent: #5ec4ff;--vc-warn: #ff8866}.velocity-circuit,.vc-game-shell{min-height:100%;background:var(--vc-bg);color:var(--vc-text);font-family:system-ui,sans-serif}.vc-shell{max-width:720px;margin:0 auto;padding:1.5rem}.vc-header{margin-bottom:1.5rem}.vc-title{margin:0;font-size:1.75rem;letter-spacing:.04em}.vc-tagline{margin:.35rem 0 0;color:var(--vc-muted)}.vc-field{display:grid;gap:.35rem;margin-bottom:1rem;font-weight:600}.vc-field input,.vc-join-panel input{padding:.5rem .65rem;border-radius:8px;border:1px solid var(--vc-border);background:var(--vc-panel);color:var(--vc-text)}.vc-vehicles{border:1px solid var(--vc-border);border-radius:12px;padding:.75rem 1rem 1rem;margin-bottom:1.25rem}.vc-vehicle-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.vc-vehicle-btn{border:1px solid var(--vc-border);background:var(--vc-panel);color:var(--vc-text);border-radius:10px;padding:.65rem;text-align:left;cursor:pointer}.vc-vehicle-btn strong{display:block}.vc-vehicle-btn span{font-size:.75rem;color:var(--vc-muted);text-transform:uppercase}.vc-vehicle-btn--active{border-color:var(--vc-accent);box-shadow:0 0 0 1px var(--vc-accent)}.vc-menu{display:grid;gap:.65rem}.vc-btn{border:1px solid var(--vc-border);background:var(--vc-panel);color:var(--vc-text);border-radius:12px;padding:.85rem 1rem;text-align:left;cursor:pointer}.vc-btn small{display:block;margin-top:.25rem;color:var(--vc-muted);font-size:.85rem}.vc-btn--primary{border-color:var(--vc-accent);background:#5ec4ff1f}.vc-btn--ghost{background:transparent}.vc-join-panel{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;margin-top:1.25rem}.vc-error{color:var(--vc-warn)}.vc-hint{margin-top:1.5rem;color:var(--vc-muted);font-size:.9rem}.vc-room-code{font-size:2rem;letter-spacing:.2em;font-family:monospace;margin:.5rem 0}.vc-player-list{list-style:none;padding:0;margin:1rem 0}.vc-gameplay{display:flex;flex-direction:column;width:100%;height:100%;min-height:100vh;background:#000}.vc-hud-bar{display:flex;align-items:center;gap:1rem;padding:.35rem .75rem;background:#000000a6;z-index:2}.vc-hud-title{font-weight:700;letter-spacing:.06em}.vc-hud-ping{color:var(--vc-muted);font-size:.85rem}.vc-viewport{flex:1;min-height:0;width:100%}.vc-viewport canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated}.vc-track-setup{max-width:none}.vc-track-header{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.vc-track-actions{display:flex;gap:.5rem;margin-left:auto}.vc-track-layout{display:grid;gap:1rem;grid-template-columns:minmax(180px,240px) 1fr}.vc-track-tools{display:grid;gap:.5rem;align-content:start}.vc-track-tools label{display:grid;gap:.25rem;font-size:.85rem;font-weight:600}.vc-tool-label{margin:.5rem 0 0;font-size:.8rem;color:var(--vc-muted);text-transform:uppercase;letter-spacing:.06em}.vc-tool-btn{border:1px solid var(--vc-border);background:var(--vc-panel);color:var(--vc-text);border-radius:8px;padding:.45rem .65rem;text-align:left;cursor:pointer;font-size:.9rem}.vc-tool-btn--active{border-color:var(--vc-accent);background:#5ec4ff1f}.vc-track-canvas-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.vc-track-canvas{width:min(100%,640px);height:auto;border:1px solid var(--vc-border);border-radius:8px;cursor:crosshair;image-rendering:pixelated}.vc-vehicle-list{list-style:none;padding:0;margin:.5rem 0 0;font-size:.85rem;color:var(--vc-muted)}.vc-vehicle-list li{margin-bottom:.25rem}@media (max-width: 768px){.vc-track-layout{grid-template-columns:1fr}}