:root{--glass: rgba(16,19,26,.58);--line: rgba(255,255,255,.16);--txt: #f4f2ee;--muted: rgba(244,242,238,.68);--accent: #e8743a;--ok: #6fd07a;--warn: #ffb347;--err: #ff6b6b}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1c222b;color:var(--txt);font-family:Avenir Next,Helvetica Neue,Segoe UI,Arial,sans-serif}#app canvas{display:block}.glass{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:14px}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:13px;line-height:1.45}button{font:inherit;font-weight:600;color:var(--txt);background:#ffffff1f;border:1px solid var(--line);border-radius:10px;padding:9px 14px;cursor:pointer}button:hover{background:#fff3}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:transparent;color:#fff}button.wide{width:100%;margin-top:10px}button.ghost{background:transparent;width:100%;margin-top:10px}input,select{font:inherit;color:var(--txt);background:#00000059;border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:100%}label{display:block;margin:14px 0 6px;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}#menu{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#3b4a5c,#12161c);z-index:20;overflow:auto;padding:16px}.menu-card{width:min(560px,100%);padding:28px}.menu-card h1{margin:0;font-size:34px;letter-spacing:2px}.look-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0}.look-row span{width:90px;font-size:13px;color:var(--muted)}.swatch{min-width:30px;height:30px;padding:0 8px;border-radius:8px;font-size:12px}.swatch.on{outline:2px solid #fff;outline-offset:1px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}#hud{position:fixed;inset:0;pointer-events:none;z-index:10;text-shadow:0 1px 2px rgba(0,0,0,.4)}#hud .panel,#hud .qte,#hud .chat-input,#hud button{pointer-events:auto}.hud-stats{position:absolute;top:18px;left:18px;display:flex;gap:8px;flex-wrap:wrap;max-width:60vw}.chip{padding:8px 13px;font-weight:700;font-size:15px}.chip small{display:block;font-size:10px;letter-spacing:.9px;text-transform:uppercase;color:var(--muted);font-weight:700}.chip.warn span{color:var(--warn)}.hud-job{position:absolute;top:18px;right:18px;width:300px;padding:13px 16px}.hud-job b{display:block;margin-bottom:4px}.hud-job p{margin:0;font-size:14px;line-height:1.4}.hud-job small{display:block;margin-top:8px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.8px}.timer{font-size:32px;font-weight:800;font-variant-numeric:tabular-nums}.timer.warn{color:var(--warn)}.hud-notes{position:absolute;top:90px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;width:min(560px,90vw)}.note{padding:10px 16px;font-size:15px;font-weight:600;transition:opacity .5s,transform .5s}.note.ok{border-color:#6fd07a99}.note.warn{border-color:#ffb347b3}.note.err{border-color:#ff6b6bb3}.note.out{opacity:0;transform:translateY(-8px)}.hud-prompt{position:absolute;bottom:64px;left:50%;transform:translate(-50%);padding:10px 16px;font-weight:600;display:flex;align-items:center;gap:10px}.key{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:7px;background:#fff;color:#1c1c1c;font-weight:800;text-shadow:none}.hud-car{position:absolute;bottom:24px;right:236px;padding:12px 16px;width:200px}.hud-car .speed{font-size:40px;font-weight:800;font-variant-numeric:tabular-nums}.hud-car small{color:var(--muted);font-size:12px}.fuel{height:8px;background:#ffffff26;border-radius:5px;margin-top:6px;overflow:hidden}.fuel i{display:block;height:100%;background:var(--ok)}.fuel i.low{background:var(--err)}.flat{margin-top:8px;color:var(--err);font-weight:800;letter-spacing:1px}.hud-chat{position:absolute;left:18px;bottom:18px;width:min(420px,60vw)}.chat-log{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.chat-line{font-size:14px;background:#00000059;padding:4px 9px;border-radius:8px;transition:opacity 1s;align-self:flex-start}.chat-line.fade{opacity:0}.chat-input{display:none}.chat-input.open{display:block}.hud-mini{position:absolute;right:18px;bottom:18px;width:200px;height:200px;border-radius:50%;box-shadow:0 6px 24px #00000059}.panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,92vw);max-height:86vh;overflow:auto;padding:22px}.panel h2{margin:0 0 6px}.panel h3{margin:16px 0 4px;font-size:14px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.panel.map-panel{width:min(1100px,96vw)}.bigmap{width:100%;height:auto;border-radius:10px}.items{display:flex;flex-direction:column;gap:8px;margin-top:10px}.item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff0f;border-radius:10px}.item span:first-child{flex:1}.price{color:var(--muted);font-variant-numeric:tabular-nums}.qte{position:absolute;bottom:120px;left:50%;transform:translate(-50%);width:min(460px,92vw);padding:16px 20px;text-align:center}.qte p{margin:4px 0}.qte .bar{position:relative;height:18px;border-radius:10px;background:#ffffff29;margin-top:10px;overflow:hidden}.qte .green{position:absolute;top:0;bottom:0;background:var(--ok);border-radius:10px}.qte .needle{position:absolute;top:-2px;bottom:-2px;width:4px;margin-left:-2px;background:#fff;box-shadow:0 0 10px #fff}.debug{position:absolute;top:90px;right:18px;width:300px;padding:12px 14px}@media (max-width: 760px){.hud-job{top:auto;bottom:230px;right:12px;width:220px}.hud-mini{width:140px;height:140px}.hud-car{right:170px}}#vig{position:fixed;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at 50% 48%,transparent 62%,rgba(10,8,6,.32) 100%)}.legal a{color:var(--muted)}.legal a:hover{color:var(--txt)}.hud-legal{position:absolute;left:18px;top:74px;font-size:11px;opacity:.55;pointer-events:auto}.hud-legal a{color:#fff}