html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0a0e14;font-family:system-ui,-apple-system,Segoe UI,sans-serif}canvas{display:block}#hud{position:fixed;top:16px;left:16px;color:#f5f7fa;text-shadow:0 1px 3px rgba(0,0,0,.6);z-index:10;pointer-events:none}#speed{font-size:28px;font-weight:600;font-variant-numeric:tabular-nums}#nearby{margin-top:4px;font-size:16px;min-height:1.4em}#earnings-hud{position:fixed;top:16px;right:16px;z-index:10;color:#f5f7fa;text-align:right;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none}#earnings{font-size:26px;font-weight:700;color:#7ee08a}#rank{margin-top:4px;font-size:13px;font-weight:600;color:#ffd76a}#deliveries{margin-top:2px;font-size:13px;opacity:.8}#garage-btn{position:fixed;bottom:16px;right:16px;z-index:10;display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;color:#f5f7fa;background:#141820bf;border:1px solid rgba(255,255,255,.25);border-radius:999px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#garage-btn:hover{background:#202630d9}#garage-btn.hidden{display:none}#garage-btn .key-hint{padding:1px 6px;border-radius:4px;background:#ffffff2e;font-size:11px}#delivery-hud{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:2px;color:#f5f7fa;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none}#direction-arrow{font-size:22px;color:#ffd76a;transition:transform .1s linear;line-height:1}#objective{font-size:15px;font-weight:600;max-width:320px}#distance{font-size:12px;opacity:.75}#toast{position:fixed;top:90px;left:50%;transform:translate(-50%);z-index:10;color:#101418;background:#ffd76a;padding:8px 18px;border-radius:999px;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .25s ease}#toast.visible{opacity:1}#credits{position:fixed;bottom:10px;left:16px;z-index:10;color:#f5f7fa;font-size:11px;opacity:.55;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:#f5f7fa;background:#0a0e14b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay.hidden{display:none}.overlay h1{margin:0;font-size:42px;letter-spacing:.02em}.overlay p{margin:0;font-size:16px;opacity:.85;max-width:26em}.overlay .controls-hint{margin-top:18px;font-size:13px;opacity:.6}.overlay button{margin-top:8px;padding:12px 32px;font-size:18px;font-weight:600;color:#101418;background:#ffd76a;border:none;border-radius:999px;cursor:pointer;transition:transform .15s ease,background .15s ease}.overlay button:hover{background:#ffe08a;transform:scale(1.04)}#garage-subtitle{font-size:14px;opacity:.75}#vehicle-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;width:min(900px,92vw);max-height:55vh;overflow-y:auto;padding:4px;margin-top:6px}.vehicle-card{display:flex;flex-direction:column;gap:6px;padding:14px;text-align:left;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:12px}.vehicle-card.is-selected{border-color:#ffd76a;background:#ffd76a1f}.vehicle-card .vehicle-name{font-size:17px;font-weight:700}.vehicle-card .vehicle-tagline{min-height:2.4em;font-size:12px;opacity:.7}.vehicle-card .vehicle-stats{display:flex;gap:10px;font-size:12px;opacity:.85}.vehicle-card button{margin-top:auto;padding:8px 14px;font-size:13px;font-weight:600;color:#f5f7fa;background:#ffffff26;border:none;border-radius:999px;cursor:pointer}.vehicle-card button.buy{color:#101418;background:#ffd76a}.vehicle-card button.is-selected-btn{color:#101418;background:#7ee08a;cursor:default}.vehicle-card button:disabled{color:#f5f7fa66;background:#ffffff14;cursor:not-allowed}