:root{color:#f4efe4;--panel:#12141adb;--line:#e8d6aa47;--gold:#e09b2d;--r:#5cb85c;--c:#4a90d9;--i:#e0b53a;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:#1b1e24;height:100%;margin:0;overflow:hidden}#app{height:100%;position:relative}#stage{z-index:0;position:absolute;inset:0}#stage canvas{width:100%;height:100%;display:block}#hud{z-index:2;pointer-events:none;position:absolute;inset:0}#hud button,#hud .dock,#hud .panel,#hud .broke,#hud .hitch-banner,#hud .alerts,#hud .minimap{pointer-events:auto}.topbar{z-index:6;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute;top:12px;left:12px;right:12px}.topbar h1{letter-spacing:.02em;margin:0;font-size:1.15rem}.objective{color:#c8c0b2;max-width:42rem;margin:4px 0 0;font-size:.86rem}.stats{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.cash{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:1.35rem;font-weight:700}.cash.neg{color:#ff8b7a}.speeds{gap:4px;display:flex}.speeds button,.dock button,.panel button,.broke button{background:var(--panel);color:#f4efe4;border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:8px 10px}.speeds button.on,.tabs button.on,.tools button.on,.buy.on,.fleet-list button.on,.car-buy button.on,.panel button.on{border-color:var(--gold);color:var(--gold)}.fleet-list .loss{color:#ff9b8a}.fleet-list .gain{color:#8fd6a0}.list-note{color:#c8c0b2;margin:0 0 4px;font-size:.7rem}.dock{z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;width:auto;max-height:42vh;padding:8px;display:flex;position:absolute;inset:auto 8px 8px;overflow:hidden}.tabs{flex:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.tabs button{text-align:center;flex-direction:column;align-items:center;gap:0;padding:6px 8px;display:flex}.tabs em{color:#c8c0b2;letter-spacing:.06em;text-transform:uppercase;font-size:.65rem;font-style:normal}.tabs strong{font-size:.82rem;display:block}.tabs button[data-tab=zones].on{border-color:var(--r)}.tabs button[data-tab=civic].on{border-color:#4aa0d4}.tabs button[data-tab=properties].on{border-color:var(--gold)}.tabs button[data-tab=network].on{border-color:#9aa0a8}.tabs button[data-tab=fleet].on{border-color:#7eb6d9}.subgroups{flex-wrap:wrap;gap:4px;display:flex}.subgroups button{padding:4px 8px;font-size:.75rem}.rci{gap:6px;margin-top:6px;display:flex}.rci-pill{background:var(--panel);border:1px solid var(--line);color:inherit;cursor:default;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;display:flex}.rci-pill em{font-size:.78rem;font-style:normal;font-weight:700}.rci-bar{background:#00000059;border-radius:4px;width:44px;height:6px;display:inline-block;overflow:hidden}.rci-bar i{background:var(--gold);height:100%;display:block}.rci-pill strong{color:#c8c0b2;font-size:.68rem;font-weight:500}.alerts{z-index:7;background:var(--panel);border:1px solid var(--line);pointer-events:auto;border-radius:10px;width:260px;max-height:40vh;padding:8px;position:absolute;top:64px;right:300px;overflow:auto}.alerts h3{justify-content:space-between;align-items:center;gap:8px;margin:0 0 6px;font-size:.85rem;display:flex}.alerts h3 button{color:#c8c0b2;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:1rem;line-height:1}.alerts h3 button:hover{color:var(--gold)}.alerts button{text-align:left;width:100%;margin-bottom:4px;font-size:.78rem;display:block}.minimap{z-index:6;border:1px solid var(--line);pointer-events:auto;cursor:pointer;background:#1b1e24;border-radius:8px;width:140px;height:140px;position:absolute;bottom:calc(34vh + 16px);left:12px}.dock{max-height:34vh}.dock[data-hud-tab=inspect]{max-height:40vh}.dock-body{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex;overflow:auto}.tools{flex-flow:wrap;gap:4px;display:flex}#hud .hidden{display:none}.tools button{text-align:left;align-items:center;gap:8px;width:auto;min-width:10rem;display:flex}.tools strong{font-size:.86rem;display:block}.tools button>span span{color:#c8c0b2;font-size:.7rem}.chip{border-radius:3px;flex:0 0 12px;width:12px;height:12px;box-shadow:0 0 0 1px #00000059}.chip.R{background:var(--r)}.chip.C{background:var(--c)}.chip.I{background:var(--i)}.tab-hint{color:#c8c0b2;margin:0;font-size:.72rem;line-height:1.35}.tab-extra{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.tab-extra .car-buy{flex-flow:wrap}.tab-extra .car-buy button{width:auto;min-width:8rem}.fleet-block h3{margin:0 0 6px;font-size:.82rem}.fleet-block p{color:#c8c0b2;margin:6px 0 0;font-size:.72rem}.fleet-block.muted{opacity:.85}.fleet-block.muted button{cursor:not-allowed;opacity:.7}.buy,.fleet-block .buy{text-align:left;width:100%}.fleet-list{flex-direction:column;gap:4px;margin-top:6px;display:flex}.fleet-list button{text-align:left;width:100%}.fleet-list span{color:#c8c0b2;font-size:.72rem;display:block}#confirm-buy{width:100%;margin-top:6px}.legend{display:none}.legend span{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:4px 7px}.legend strong{display:block}.legend i{color:var(--gold);font-style:normal}.legend em{opacity:.7;font-style:normal}.cam-hint{display:none}.panel{z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:10px;width:280px;max-height:calc(58vh - 100px);padding:10px 12px;font-size:.85rem;position:absolute;top:86px;right:12px;overflow:auto}.panel h3{margin:0 0 8px;font-size:.95rem}.panel p{color:#d4ccc0;margin:0 0 8px}.panel ul{margin:0;padding-left:16px}.panel li{margin:0 0 4px}.panel button{margin-top:6px;margin-right:6px}.panel li button{margin-top:0;padding:4px 8px;font-size:.72rem}.panel ul.stored{columns:2;margin:0 0 8px;padding:0;font-size:.78rem;list-style:none}.panel ul.stored li{color:#d4ccc0}.bar{background:#00000059;border-radius:4px;height:8px;margin:0 0 8px;overflow:hidden}.bar i{background:var(--gold);width:0;height:100%;display:block}.car-buy{flex-direction:column;gap:4px;margin-top:8px;display:flex}.look-grid{align-items:stretch;gap:8px;width:100%;padding-bottom:4px;display:flex;overflow:auto hidden}.look-card{border:1px solid var(--line);background:#0000002e;border-radius:8px;flex:0 0 210px;padding:6px 8px;overflow-y:auto}.look-card h4{text-transform:uppercase;letter-spacing:.06em;color:#c8c0b2;margin:0 0 5px;font-size:.7rem}.look-card p{color:#d4ccc0;margin:0 0 5px;font-size:.74rem}.look-card .row{flex-wrap:wrap;gap:4px;margin-bottom:5px;display:flex}.look-card button{padding:4px 7px;font-size:.72rem}.look-card ul{flex-direction:column;gap:3px;margin:0 0 5px;padding:0;list-style:none;display:flex}.look-card li button{text-align:left;width:100%}.graph-block{border-top:1px solid var(--line);width:100%;margin-top:8px;padding-top:6px}.graph-block h3{margin:0 0 4px;font-size:.85rem}.graph-block ul{flex-direction:column;gap:3px;margin:0 0 6px;padding:0;list-style:none;display:flex}.car-buy button.locked,.look-card button.locked{opacity:.55}.look-card input{background:var(--panel);color:#f4efe4;border:1px solid var(--line);border-radius:8px;flex:8rem;min-width:0;padding:4px 7px;font-size:.72rem}.look-card a{color:var(--gold)}.toast{background:var(--panel);border:1px solid var(--line);pointer-events:none;border-radius:8px;padding:8px 14px;position:absolute;top:72px;bottom:auto;left:50%;transform:translate(-50%)}.broke{background:#08080c8c;place-items:center;display:grid;position:absolute;inset:0}.broke div{border:1px solid var(--line);background:#1c1f27;border-radius:12px;width:min(420px,92vw);padding:20px}.broke h2{margin:0 0 8px}.broke button{margin-top:10px;margin-right:8px}.hitch-banner{z-index:9;color:#ffd6d6;background:#4a1f1f;border:1px solid #c45b5b;border-radius:8px;max-width:min(520px,92vw);margin:0;padding:8px 12px;font-size:.8rem;position:absolute;top:112px;bottom:auto;left:50%;transform:translate(-50%)}@media (width<=820px){.dock{max-height:36vh;bottom:8px;left:8px;right:8px}.tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.tabs strong{font-size:.72rem;display:block}.tools button{width:auto;min-width:7.5rem}.panel{width:min(240px,48vw);max-height:calc(62vh - 80px);top:64px;right:8px}.legend,.objective{display:none}.topbar{left:8px;right:8px}.minimap{width:96px;height:96px;bottom:calc(38vh + 12px)}.alerts{width:min(240px,70vw);max-height:32vh;top:auto;bottom:calc(38vh + 12px);right:8px}.rci{flex-wrap:wrap}}