:root{--ink-0:#070b13;--ink-1:#0d1522;--glass:#0b121ebd;--glass-strong:#0b121ee6;--edge:#94beff24;--edge-strong:#94beff47;--text:#eef3fa;--muted:#94a3b8;--faint:#5f6d80;--primary:#2ee6c5;--primary-2:#38bdf8;--signal:#ffd75e;--danger:#fb7185;--tone-good:var(--primary);--tone-bad:var(--danger);--tone-warning:var(--signal);--road:#fbbf24;--road-2:#f97316;--building:#fb7185;--building-2:#c026d3;--path:#4ade80;--path-2:#14b8a6;--utility:#a78bfa;--utility-2:#6366f1;--land:#e2b07a;--land-2:#b45f2a;--font-ui:"Sora", system-ui, sans-serif;--font-data:"IBM Plex Mono", ui-monospace, monospace;--font-display:"Unbounded", "Sora", sans-serif;--radius-panel:16px;--radius-control:10px;--shadow-panel:0 14px 40px #00000080, inset 0 1px 0 #ffffff0d;--blur:blur(16px) saturate(1.3);--gutter:14px}body{font-family:var(--font-ui);color:var(--text);font-size:13px;line-height:1.4}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input{font:inherit;color:var(--text);border-radius:var(--radius-control);border:1px solid var(--edge);background:#ffffff0a;padding:9px 12px;transition:border-color .15s,background .15s}input::placeholder{color:var(--faint)}input:hover{border-color:var(--edge-strong)}input:focus{border-color:var(--primary);background:#2ee6c50f;outline:none}input[type=number]{font-family:var(--font-data);font-weight:500}input:disabled{opacity:.6}iconify-icon{display:inline-block}:where(#buildHud,#systemBar) iconify-icon{color:var(--icon-color,currentColor);font-size:var(--icon-size,16px);display:block}kbd,.key{font:600 10px / 1 var(--font-data);border:1px solid var(--key-border,var(--edge));background:var(--key-background,#ffffff0f);color:var(--key-color,var(--muted));white-space:nowrap;border-bottom-width:2px;border-radius:5px;padding:3px 5px}.glass{background:var(--glass);border:1px solid var(--edge);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow-panel)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.primary,.secondary{border-radius:var(--radius-control);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.primary{color:#062a24;background:linear-gradient(135deg, var(--primary), var(--primary-2));box-shadow:0 8px 24px #2ee6c54d}.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 30px #2ee6c566}.primary:disabled{opacity:.55;box-shadow:none}.secondary{color:var(--text);border:1px solid var(--edge);background:#ffffff0f}.secondary:hover:not(:disabled){border-color:var(--edge-strong);background:#ffffff1a}.secondary:disabled{opacity:.55}.primary iconify-icon,.secondary iconify-icon{font-size:18px}#startScreen [hidden],.startStep[hidden]{display:none}#startScreen{z-index:20;color:var(--text);background:var(--ink-0);place-items:center;display:grid;position:fixed;inset:0;overflow:auto}#startScreen.hidden{display:none}.startBackdrop{background:radial-gradient(1200px 700px at 20% 30%, #2ee6c529, transparent 60%), radial-gradient(900px 600px at 85% 75%, #38bdf824, transparent 60%), linear-gradient(180deg, #0a1220, var(--ink-0));position:absolute;inset:0}.startBackdrop:after{content:"";background-image:linear-gradient(#94beff0d 1px,#0000 1px),linear-gradient(90deg,#94beff0d 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}.startLayout{grid-template-columns:minmax(0,1.1fr) minmax(320px,440px);align-items:center;gap:48px;width:min(1120px,100vw - 48px);padding:32px 0;animation:.5s ease-out both startFade;display:grid;position:relative}.startHero{flex-direction:column;gap:14px;min-width:0;display:flex}.eyebrow{font-family:var(--font-data);letter-spacing:.22em;text-transform:uppercase;color:var(--primary);font-size:11px;font-weight:600}.wordmark{font-family:var(--font-display);letter-spacing:-.02em;flex-direction:column;margin:0;font-size:clamp(34px,5vw,58px);line-height:1;display:flex}.wordmarkLogo{filter:drop-shadow(0 6px 24px #99eeff40);width:min(100%,460px);height:auto;display:block}.tagline{max-width:46ch;color:var(--muted);margin:0;font-size:15px;line-height:1.55}.globeStage{aspect-ratio:1;place-items:center;max-height:min(46vh,440px);margin-top:8px;display:grid;position:relative}#startGlobe{width:100%;max-width:440px;height:100%;max-height:440px;display:block}.globeCaption{color:var(--signal);font:500 12px var(--font-data);letter-spacing:.06em;white-space:nowrap;background:#ffd75e14;border:1px solid #ffd75e59;border-radius:999px;padding:4px 12px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.startPanel{background:var(--glass-strong);border-radius:20px;flex-direction:column;gap:14px;padding:26px;display:flex}.startPanel h2{letter-spacing:-.01em;margin:0 0 2px;font-size:17px;font-weight:700}.field{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.field input{box-sizing:border-box;width:100%}.fieldLabel{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.fieldRow{gap:8px;display:flex}.fieldRow>.field{flex:1}.quickPicks{flex-wrap:wrap;gap:6px;display:flex}.quickPick{border:1px solid var(--edge);color:var(--muted);background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:500;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.quickPick.ownSite{max-width:100%}.ownSite span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:180px;overflow:hidden}.ownSite iconify-icon{flex-shrink:0}.quickPick iconify-icon{color:var(--primary);font-size:15px}.quickPick:hover,.quickPick.active{color:var(--text);border-color:var(--edge-strong);background:#ffffff14}.quickPick.active{box-shadow:inset 0 0 0 1px var(--primary)}.steps{gap:6px;margin:0 0 4px;padding:0;list-style:none;display:flex}.steps li{border-radius:var(--radius-control);border:1px solid var(--edge);color:var(--faint);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex:1;align-items:center;gap:6px;padding:6px 8px;font-size:11px;font-weight:600;display:flex}.steps .stepNumber{width:18px;height:18px;font-family:var(--font-data);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.steps li.active{color:var(--text);border-color:var(--edge-strong);background:#ffffff0f}.steps li.active .stepNumber{color:#062a24;background:var(--primary)}.steps li.done{color:var(--muted)}.steps li.done .stepNumber{color:var(--primary)}.startStep{flex-direction:column;gap:14px;display:flex}.stepButtons{gap:8px;margin-top:4px;display:flex}.stepButtons .primary{flex:1;padding:13px 18px;font-size:15px}.linkButton{color:var(--primary);white-space:nowrap;font-size:12.5px;font-weight:600}.linkButton:hover{text-decoration:underline}.accountForm{flex-direction:column;gap:10px;display:flex}.accountTabs{border-radius:var(--radius-control);border:1px solid var(--edge);background:#ffffff0a;gap:4px;padding:3px;display:flex}.accountTab{color:var(--muted);border-radius:8px;flex:1;padding:7px 10px;font-size:12.5px;font-weight:600;transition:color .15s,background .15s}.accountTab.active{color:var(--text);box-shadow:inset 0 0 0 1px var(--edge-strong);background:#ffffff14}.googleSlot{color:var(--faint);justify-content:center;font-size:11px;display:flex}.googleSlot:empty{display:none}.orRule{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;font-size:11px;display:flex}.orRule:before,.orRule:after{content:"";background:var(--edge);flex:1;height:1px}.accountHint{color:var(--faint);font-size:11.5px;line-height:1.45}.accountStatus{min-height:0;color:var(--muted);font-size:12px}.accountStatus:empty{display:none}.accountStatus.error{color:var(--tone-bad)}.signedInCard{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.signedInCard .primary{align-self:stretch}.signedInText{font-size:14px;font-weight:600}.swatches{gap:8px;padding:4px 0;display:flex}.swatch{background:var(--swatch);width:24px;height:24px;box-shadow:0 0 0 1px var(--edge);border:2px solid #0000;border-radius:50%;transition:transform .15s}.swatch:hover{transform:scale(1.12)}.swatch.active{border-color:var(--text)}.profileStats,.homeRow{color:var(--muted);font-size:11.5px;line-height:1.45}.homeRow{cursor:pointer;align-items:center;gap:8px;display:flex}.homeRow input{width:16px;height:16px;accent-color:var(--primary);margin:0;padding:0}.homeRow iconify-icon{color:var(--primary);font-size:15px}.homeText{flex:1;min-width:0}#startStatus{min-height:18px;color:var(--muted);font-size:12.5px}#startStatus.error{color:var(--tone-bad)}.sources{color:var(--faint);font-size:11px;line-height:1.5}@keyframes startFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}#startScreen.loading #startButton iconify-icon{animation:1.2s linear infinite spin}#startSettings{top:var(--gutter);right:var(--gutter);z-index:21;color:var(--muted);background:var(--glass);border:1px solid var(--edge);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:color .15s;display:inline-flex;position:fixed}#startSettings:hover{color:var(--text)}#startSettings .startSettingsIcon{font-size:18px}#startScreen.hidden~#startSettings{display:none}@media (max-width:900px){.startLayout{grid-template-columns:1fr;gap:24px;width:calc(100vw - 32px)}.globeStage{max-height:36vh}}#buildHud [hidden],#topRight [hidden]{display:none!important}.toastHost{z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:96px;left:50%;transform:translate(-50%)}.toast{border-color:var(--edge-strong);border-radius:var(--radius-control);background:var(--glass-strong);color:var(--text);pointer-events:none;--icon-color:var(--tone-bad);align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.toast iconify-icon{color:var(--icon-color);font-size:16px}.hudSectionLabel{font:600 9.5px / 1 var(--font-data);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);white-space:nowrap}.dockLabel{font:600 8.5px / 1 var(--font-data);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}#telemetry{left:var(--gutter);top:var(--gutter);z-index:5;border-radius:var(--radius-panel);pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:none;position:fixed}body.inGame #telemetry{animation:.25s ease-out hudRise;display:flex}.compass{width:44px;height:44px;position:relative}.compass svg{width:100%;height:100%}.compassRing{fill:#ffffff0a;stroke:var(--edge-strong);stroke-width:1px}.compassTicks line{stroke:var(--faint);stroke-width:1.5px;stroke-linecap:round}.compassNeedle{transform-origin:20px 20px;transform:rotate(calc(-1 * var(--heading)));transition:transform .1s linear}.needleNorth{fill:var(--primary)}.needleSouth{fill:#eef3fa59}.compassLabel{font:600 9px var(--font-data);color:var(--muted);background:var(--ink-1);border-radius:3px;padding:0 3px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.readouts{flex-direction:column;gap:1px;display:flex}.readout{align-items:baseline;gap:8px;display:flex}.readout[hidden]{display:none}#cutReadout{color:var(--primary)}.readoutLabel{width:26px;font:600 10px / 1.5 var(--font-data);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.readoutValue{font:500 12px / 1.5 var(--font-data);font-variant-numeric:tabular-nums;white-space:pre}.copyLocation{pointer-events:auto;width:28px;height:28px;color:var(--faint);border-radius:8px;place-items:center;transition:color .15s,background .15s;display:grid}.copyLocation iconify-icon{font-size:16px}.copyLocation:hover{color:var(--text);background:#ffffff0f}.copyLocation.copied{color:var(--tone-good)}.identity{border-left:1px solid var(--edge);color:var(--text);white-space:nowrap;align-self:stretch;align-items:center;gap:5px;max-width:140px;padding-left:12px;font-size:11.5px;font-weight:600;display:flex}.identity span{text-overflow:ellipsis;overflow:hidden}.identity iconify-icon{color:var(--primary);font-size:15px}.identity.guest{color:var(--muted);font-weight:500}.identity.guest iconify-icon{color:var(--signal)}.presence{border-left:1px solid var(--edge);color:var(--muted);white-space:nowrap;align-self:stretch;align-items:center;gap:6px;padding-left:12px;font-size:11.5px;font-weight:500;display:flex}.presenceDot{background:var(--faint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #ffffff0d}.presence[data-state=online] .presenceDot{background:var(--tone-good);box-shadow:0 0 0 3px #2ee6c533}.presence[data-state=offline] .presenceDot{background:var(--tone-bad);box-shadow:0 0 0 3px #fb718533}.presence[data-state=connecting] .presenceDot{animation:1.2s ease-in-out infinite pulse}#locationSearch{left:50%;top:var(--gutter);z-index:5;flex-direction:column;align-items:center;gap:6px;display:none;position:fixed;transform:translate(-50%)}body.inGame #locationSearch{animation:.25s ease-out hudRise;display:flex}#locationSearch form{border-radius:999px;align-items:center;gap:4px;padding:5px 5px 5px 12px;display:flex}#locationSearch .searchIcon{color:var(--muted);font-size:18px}#locationSearch input{background:0 0;border:none;width:min(320px,50vw);padding:7px 8px}#locationSearch input:focus{background:0 0}#locationSearch button{color:#062a24;background:linear-gradient(135deg, var(--primary), var(--primary-2));border-radius:999px;align-items:center;gap:6px;padding:7px 14px 7px 10px;font-weight:600;transition:opacity .15s,transform .15s;display:inline-flex}#locationSearch button:hover:not(:disabled){transform:translateY(-1px)}#locationSearch button:disabled{opacity:.5}#locationSearch button iconify-icon{font-size:18px}#locationStatus{max-width:min(480px,80vw);color:var(--muted);text-align:center;background:#070b1399;border-radius:999px;padding:3px 12px;font-size:12px;animation:.2s ease-out hudRise}#locationStatus:empty{display:none}#topRight{right:var(--gutter);top:var(--gutter);z-index:6;pointer-events:none;flex-direction:column;align-items:stretch;gap:8px;width:320px;display:flex;position:fixed}#systemBar{pointer-events:auto;border-radius:999px;align-self:flex-end;gap:2px;padding:4px;display:none}body.inGame #systemBar{animation:.25s ease-out hudRise;display:flex}.systemButton{--icon-size:17px;--icon-color:var(--primary);height:32px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 8px 0 10px;font-size:12px;font-weight:600;transition:color .15s,background .15s;display:inline-flex;position:relative}.systemButton:hover{color:var(--text);background:#ffffff0f}.systemButton.active{color:var(--text);background:color-mix(in srgb, var(--primary) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 50%, transparent)}#weatherHud{border-radius:var(--radius-panel);pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:8px;min-width:212px;padding:10px 12px;display:none}body.inGame #weatherHud{animation:.25s ease-out hudRise;display:flex}#weatherHud .weatherMain{align-items:center;gap:10px;display:flex}#weatherHud .weatherIcon{color:var(--signal);filter:drop-shadow(0 0 10px #ffd75e4d);font-size:36px}#weatherHud[data-condition=rain] .weatherIcon,#weatherHud[data-condition=drizzle] .weatherIcon{color:var(--primary-2);filter:drop-shadow(0 0 10px #38bdf859)}#weatherHud[data-condition=snow] .weatherIcon{color:#e0f2fe;filter:none}#weatherHud[data-condition=fog] .weatherIcon,#weatherHud[data-condition=overcast] .weatherIcon{color:#cbd5e1;filter:none}#weatherHud[data-condition=thunderstorm] .weatherIcon{color:#fde68a}#weatherHud .weatherClock{font:600 26px / 1 var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:-.02em}#weatherHud .weatherCondition{color:var(--muted);margin-top:4px;font-size:12px;font-weight:500}#weatherHud .weatherDetails{flex-wrap:wrap;gap:4px;display:flex}#weatherHud .weatherDetails .chip{border:1px solid var(--edge);font:500 11px var(--font-data);font-variant-numeric:tabular-nums;background:#ffffff0d;border-radius:999px;align-items:center;gap:4px;padding:3px 8px 3px 6px;display:inline-flex}#weatherHud .weatherDetails .chip:has(span:empty){display:none}#weatherHud .weatherFooter{color:var(--faint);justify-content:space-between;gap:10px;font-size:11px;display:flex}#weatherHud .weatherFooter span:empty{display:none}#helpPanel{pointer-events:auto;z-index:2;width:min(580px, calc(100vw - 2 * var(--gutter)));border-radius:var(--radius-panel);background:var(--glass-strong);-webkit-user-select:none;user-select:none;max-height:calc(100vh - 80px);padding:10px 14px 12px;font-size:11.5px;display:none;position:absolute;top:50px;right:0;overflow-y:auto}body.inGame #helpPanel.open{animation:.2s ease-out hudRise;display:block}#helpPanel .helpHeader{align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}#helpPanel .helpHeader>iconify-icon{color:var(--primary);font-size:18px}#helpPanel .helpClose{width:26px;height:26px;color:var(--muted);border-radius:8px;place-items:center;margin-left:auto;display:grid}#helpPanel .helpClose:hover{color:var(--text);background:#ffffff0f}#helpPanel .helpSection{grid-template-columns:1fr auto;align-items:center;gap:5px 10px;display:grid}#helpPanel .helpSections{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 20px;display:grid}#helpPanel .helpColumn{flex-direction:column;gap:12px;display:flex}#helpPanel .helpTitle{font:600 10px var(--font-data);letter-spacing:.14em;text-transform:uppercase;color:var(--primary);grid-column:1/-1;margin-bottom:2px}#helpPanel .helpAction{color:var(--muted)}#helpPanel .helpKeys{flex-wrap:wrap;justify-content:flex-end;gap:3px;display:flex}#helpPanel .helpTip{border-top:1px solid var(--edge);color:var(--faint);margin-top:10px;padding-top:10px;line-height:1.5}#prompt{height:34px;-webkit-backdrop-filter:var(--blur);color:var(--signal);pointer-events:none;white-space:nowrap;background:#070b13c7;border:1px solid #ffd75e4d;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;animation:.18s ease-out hudRise;display:flex}#prompt:before{content:"";background:var(--signal);width:6px;height:6px;box-shadow:0 0 8px var(--signal);border-radius:50%}#prompt:empty{display:none}#minimapFrame{right:var(--gutter);bottom:var(--gutter);z-index:5;border-radius:var(--radius-panel);pointer-events:none;padding:5px;display:none;position:fixed}body.inGame #minimapFrame{animation:.25s ease-out hudRise;display:block}#minimap{background:var(--ink-1);width:220px;height:220px;box-shadow:inset 0 0 0 1px var(--edge);border-radius:12px;display:block}@keyframes hudRise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}body.inGame #locationSearch{animation-name:hudRiseCentered}@keyframes hudRiseCentered{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}#weatherHud .weatherDetails .chip iconify-icon{color:var(--muted);font-size:13px}@media (max-width:900px){#weatherHud{min-width:0}}.statsOverlay{left:var(--gutter);z-index:30;border-radius:var(--radius-control);color:var(--text);font:500 11px / 1.45 var(--font-data);white-space:pre;pointer-events:none;-webkit-user-select:none;user-select:none;padding:6px 10px;position:fixed;bottom:140px}#buildHud{--accent-a:var(--primary);--accent-b:var(--primary-2);left:50%;bottom:var(--gutter);z-index:5;max-width:calc(100vw - 2 * var(--gutter));-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:8px;font-size:12px;display:none;position:fixed;transform:translate(-50%)}body.inGame #buildHud{animation:.25s ease-out hudRise;display:flex}#buildHud[data-mode=road],#buildHud .tool[data-mode=road]{--accent-a:var(--road);--accent-b:var(--road-2)}#buildHud[data-mode=passengerWay],#buildHud .tool[data-mode=passengerWay]{--accent-a:var(--path);--accent-b:var(--path-2)}#buildHud[data-mode=utility],#buildHud .tool[data-mode=utility]{--accent-a:var(--utility);--accent-b:var(--utility-2)}#buildHud[data-mode=building],#buildHud .tool[data-mode=building]{--accent-a:var(--building);--accent-b:var(--building-2)}#buildHud[data-mode=terrain],#buildHud .tool[data-mode=terrain]{--accent-a:var(--land);--accent-b:var(--land-2)}#buildHud .tool[data-view=pipes]{--accent-a:var(--utility);--accent-b:var(--utility-2)}#buildHud .tool[data-mode=navigate]{--accent-a:var(--primary);--accent-b:var(--primary-2)}#buildHud button:focus-visible{outline:2px solid var(--accent-a);outline-offset:2px}#buildHud .buildContext{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}#buildHud .contextChip{--icon-size:16px;height:34px;font:600 12px var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:.03em;white-space:nowrap;-webkit-backdrop-filter:var(--blur);border-radius:999px;align-items:center;gap:6px;padding:0 12px;animation:.18s ease-out hudRise;display:flex}#buildHud .tape{border:1px dashed color-mix(in srgb, var(--accent-a) 70%, transparent);background:color-mix(in srgb, var(--accent-a) 12%, var(--glass));color:var(--accent-a)}#buildHud .cost{--icon-color:var(--primary);border:1px solid var(--edge);background:var(--glass);color:var(--text)}#buildHud .buildActions{border-radius:999px;align-items:center;gap:2px;padding:3px;animation:.18s ease-out hudRise;display:flex}#buildHud .buildActions .option{--icon-size:16px;--icon-color:var(--muted);height:28px;color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 8px 0 10px;font-weight:600;transition:color .15s,background .15s;display:flex}#buildHud .buildActions .option:hover{background:#ffffff12}#buildHud .buildActions .dangerAction:hover{--icon-color:var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, transparent)}#buildHud .buildActions .primaryAction{--icon-color:#071018;--key-color:#071018;--key-border:#00000040;--key-background:#ffffff59;color:#071018;background:linear-gradient(135deg, var(--accent-a), var(--accent-b))}#buildHud .buildActions .primaryAction:hover{filter:brightness(1.08);background:linear-gradient(135deg, var(--accent-a), var(--accent-b))}#buildHud .buildPanel{box-shadow:var(--shadow-panel), inset 0 2px 0 color-mix(in srgb, var(--accent-a) 55%, transparent);border-radius:18px;flex-direction:column;padding:8px 10px;display:flex}#buildHud .panelRow.catalog{animation:.18s ease-out hudRise}#buildHud .modeSettings{display:contents}#buildHud .panelRow{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;display:flex}#buildHud .panelRow.settings{border-top:1px solid var(--edge);margin-top:8px;padding-top:8px}#buildHud .hudSection{align-items:center;gap:10px;display:flex}#buildHud .hudSectionBody{align-items:center;gap:6px;display:flex}#buildHud .catalog{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}#buildHud .catalog .option{--icon-size:22px;min-width:82px;color:var(--muted);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:7px 8px 6px;transition:color .15s,background .15s;display:flex}#buildHud .catalog .option:hover{color:var(--text);background:#ffffff0f}#buildHud .catalog .optionLabel{white-space:nowrap;font-weight:600}#buildHud .catalog .optionDetail{color:var(--faint);font:500 10px var(--font-data);white-space:nowrap}#buildHud .catalog .option.active{--icon-color:var(--accent-a);color:var(--text);background:color-mix(in srgb, var(--accent-a) 16%, transparent);box-shadow:inset 0 0 0 1px var(--accent-a)}#buildHud .catalog .option.active .optionDetail{color:var(--muted)}#buildHud .catalogTabs{border-right:1px solid var(--edge);flex-direction:column;gap:2px;padding-right:10px;display:flex}#buildHud .catalogTab{--icon-size:15px;color:var(--muted);border-radius:8px;align-items:center;gap:7px;padding:4px 10px 4px 8px;font-size:11.5px;font-weight:600;transition:color .15s,background .15s;display:flex}#buildHud .catalogTab:hover{color:var(--text);background:#ffffff0f}#buildHud .catalogTab.active{--icon-color:var(--accent-a);color:var(--text);background:color-mix(in srgb, var(--accent-a) 16%, transparent)}#buildHud .segmented{border:1px solid var(--edge);background:#ffffff08;border-radius:10px;gap:2px;padding:2px;transition:opacity .15s;display:inline-flex}#buildHud .segmented.dimmed{opacity:.45}#buildHud .segment,#buildHud .toggle{--icon-size:15px;height:26px;color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:0 9px;font-weight:600;transition:color .15s,background .15s;display:inline-flex}#buildHud .segment:hover,#buildHud .toggle:hover{color:var(--text);background:#ffffff0f}#buildHud .segment.active{--icon-color:var(--accent-a);color:var(--text);background:color-mix(in srgb, var(--accent-a) 20%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-a) 70%, transparent)}#buildHud .toggle{border:1px solid var(--edge);border-radius:10px;height:30px;padding:0 6px 0 9px}#buildHud .toggle.active{--icon-color:var(--accent-a);color:var(--text);border-color:var(--accent-a);background:color-mix(in srgb, var(--accent-a) 16%, transparent)}#buildHud .stepper{border:1px solid var(--edge);background:#ffffff08;border-radius:10px;align-items:center;gap:2px;padding:2px;display:inline-flex}#buildHud .stepperButton{width:26px;height:26px;color:var(--muted);border-radius:8px;place-items:center;font-size:15px;transition:color .15s,background .15s;display:grid}#buildHud .stepperButton:hover{color:var(--text);background:#ffffff14}#buildHud .stepperValue{text-align:center;min-width:50px;font:600 12px var(--font-data);font-variant-numeric:tabular-nums}#buildHud .stepper.dimmed{opacity:.45}#buildHud .stepperValue.raised{color:var(--primary-2)}#buildHud .stepperValue.lowered{color:var(--danger)}#buildHud .trafficValue{border-left:1px solid var(--edge);font:500 11px var(--font-data);font-variant-numeric:tabular-nums;color:var(--muted);padding:0 8px}#buildHud .dock{border-radius:20px;padding:6px 4px 5px;display:flex}#buildHud .dockGroup{flex-direction:column;align-items:center;gap:4px;padding:0 4px;display:flex}#buildHud .dockGroup+.dockGroup{border-left:1px solid var(--edge)}#buildHud .dockTools{gap:4px;display:flex}#buildHud .tool{--icon-size:22px;--icon-color:color-mix(in srgb, var(--accent-a) 75%, var(--muted));width:78px;color:var(--muted);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:9px 6px 7px;transition:color .15s,background .15s,transform .15s;display:flex;position:relative}#buildHud .tool:hover{color:var(--text);background:#ffffff0f}#buildHud .tool .toolLabel{letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:600}#buildHud .tool .key{padding:2px 4px;font-size:9px;position:absolute;top:5px;right:5px}#buildHud .tool.active{--icon-color:#071018;--key-color:#071018;--key-border:#00000040;--key-background:#ffffff59;color:#071018;background:linear-gradient(135deg, var(--accent-a), var(--accent-b));box-shadow:0 6px 22px color-mix(in srgb, var(--accent-a) 45%, transparent);transform:translateY(-2px)}body.inGame #buildHud{animation-name:hudRiseCentered}#driveHud{left:50%;bottom:var(--gutter);z-index:5;width:max-content;max-width:calc(100vw - 2 * var(--gutter));border-radius:var(--radius-panel);pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:none;position:fixed;transform:translate(-50%)}body.inGame.driving #driveHud{animation:.25s ease-out hudRiseCentered;display:flex}body.inGame.driving #buildHud{display:none}.driveReadouts{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;display:flex}.driveSpeedometer{align-items:baseline;gap:6px;min-width:92px;display:flex}.driveSpeed{min-width:2.2em;font:600 26px / 1 var(--font-data);font-variant-numeric:tabular-nums;text-align:right;color:var(--signal)}.driveUnit{font:600 9.5px / 1 var(--font-data);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.driveChip{--icon-color:var(--primary);height:28px;box-shadow:inset 0 0 0 1px var(--edge);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:flex}.driveChip iconify-icon{color:var(--icon-color);font-size:16px}.driveHints{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:4px 12px;display:flex}.driveHint{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.driveEnergy{--icon-color:var(--signal);--energy-color:var(--signal);white-space:nowrap;align-items:center;gap:8px;display:flex}.driveEnergy.low,.driveEnergy.flipped,.driveEnergy.wrecked{--icon-color:var(--danger);--energy-color:var(--danger)}.driveEnergy iconify-icon{color:var(--icon-color);font-size:16px}.driveEnergyBar{width:120px;height:8px;box-shadow:inset 0 0 0 1px var(--edge);border-radius:999px;overflow:hidden}.driveEnergy.wrecked .driveEnergyBar{display:none}.driveEnergyFill{border-radius:inherit;background:var(--energy-color);width:100%;height:100%;transition:width .15s ease-out}.driveEnergyText{min-width:2.2em;font:600 13px / 1 var(--font-data);font-variant-numeric:tabular-nums;color:var(--energy-color)}.driveVehicle{--icon-color:var(--signal)}.driveWeapons{align-items:center;gap:10px;display:flex}.driveWeapon{--weapon-color:var(--primary);white-space:nowrap;color:var(--text);align-items:center;gap:8px;font-weight:600;display:flex}.driveWeapon.stowed{--weapon-color:var(--muted);color:var(--muted);font-weight:500}.driveWeapon.hot{--weapon-color:var(--signal)}.driveWeapon.overheated{--weapon-color:var(--danger);color:var(--danger)}.driveWeaponName{align-items:center;gap:6px;display:flex}.driveWeaponName iconify-icon{color:var(--weapon-color);font-size:16px}.driveWeapon.stowed .driveWeaponName span{display:none}.driveWeaponBar{width:64px;height:8px;box-shadow:inset 0 0 0 1px var(--edge);border-radius:999px;overflow:hidden}.driveWeapon.stowed .driveWeaponBar{width:32px}.driveWeaponFill{border-radius:inherit;background:var(--weapon-color);width:0;height:100%}.driveSpecial{--special-color:var(--muted);white-space:nowrap;color:var(--special-color);align-items:center;gap:8px;font-weight:600;display:flex}.driveSpecial.ready{--special-color:var(--primary)}.driveSpecial.active{--special-color:var(--signal)}.driveSpecialBar{width:64px;height:8px;box-shadow:inset 0 0 0 1px var(--edge);border-radius:999px;overflow:hidden}.driveSpecialFill{border-radius:inherit;background:var(--special-color);width:0;height:100%}.driveScore{--icon-color:var(--muted);font:600 13px / 1 var(--font-data);font-variant-numeric:tabular-nums}.driveScoreKills{color:var(--signal)}.driveScoreDeaths{color:var(--danger)}#driveOpponents{left:var(--gutter);z-index:5;border-radius:var(--radius-panel);pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:6px;width:220px;padding:10px 12px;font-size:12px;display:none;position:fixed;top:50%;transform:translateY(-50%)}body.inGame.driving #driveOpponents.shown{display:flex}.opponentHeader,.opponentRow{grid-template-columns:18px 1fr 26px 26px;align-items:center;gap:8px;display:grid}.opponentHeader{color:var(--faint);font:600 9.5px / 1 var(--font-data);letter-spacing:.14em;text-transform:uppercase}.opponentTitle{grid-column:1/3}.opponentHeader iconify-icon{justify-self:end;font-size:14px}.opponentVehicle{--icon-color:var(--muted);color:var(--icon-color);font-size:18px}.opponentDriver{flex-direction:column;gap:4px;min-width:0;display:flex}.opponentName{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:600;overflow:hidden}.opponentRow.own .opponentName{color:var(--primary)}.opponentRow.wrecked{opacity:.5}.opponentEnergy{background:#ffffff14;border-radius:999px;height:4px;overflow:hidden}.opponentEnergyFill{border-radius:inherit;background:var(--signal);height:100%}.opponentCount{font:600 13px / 1 var(--font-data);font-variant-numeric:tabular-nums;color:var(--text);justify-self:end}#vehiclePicker .dialogCard.vehicleCard{width:min(1080px,100%)}.vehicleChoices{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.vehicleChoice{--icon-color:var(--muted);border:1px solid var(--edge);color:var(--text);text-align:left;cursor:pointer;background:#ffffff08;border-radius:12px;flex-direction:column;gap:8px;padding:12px;transition:border-color .15s,background .15s;display:flex}.vehicleChoice:hover,.vehicleChoice.active{--icon-color:var(--primary);border-color:var(--primary);background:#ffffff12}.vehicleChoice:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.vehicleHead{font:700 14px var(--font-display);align-items:center;gap:10px;display:flex}.vehicleHead iconify-icon{color:var(--icon-color);font-size:30px}.vehicleTagline{min-height:2.6em;color:var(--muted);font-size:11.5px;line-height:1.3}.vehicleRatings{color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:5px 8px;font-size:11px;display:grid}.vehicleRatingBar{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.vehicleRatingFill{border-radius:inherit;background:var(--signal);height:100%}.vehicleSpecial{border-top:1px solid var(--edge);color:var(--muted);flex-direction:column;gap:3px;padding-top:8px;font-size:11.5px;line-height:1.3;display:flex}.vehicleSpecialName{--icon-color:var(--primary);color:var(--text);align-items:center;gap:6px;font-weight:600;display:flex}.vehicleWeapons{--icon-color:var(--signal);color:var(--text);flex-wrap:wrap;gap:4px 12px;font-size:11.5px;display:flex}.vehicleWeapon{align-items:center;gap:5px;display:flex}.vehicleWeapon iconify-icon{color:var(--icon-color);font-size:14px}.vehicleSpecialName iconify-icon{color:var(--icon-color);font-size:15px}.vehicleHints{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:12px;display:flex}#budgetHud{border-radius:var(--radius-panel);pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;padding:10px 12px;display:none}body.inGame #budgetHud{animation:.25s ease-out hudRise;display:flex}#budgetHud .budgetMain{align-items:center;gap:8px;display:flex}#budgetHud .budgetIcon{color:var(--primary);font-size:20px}#budgetHud .budgetBalance{align-items:baseline;gap:5px;display:flex}#budgetHud .budgetValue{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:20px;font-weight:600}#budgetHud .budgetUnit{letter-spacing:.14em;color:var(--faint);font-size:10.5px}#budgetHud.debt .budgetValue{color:var(--tone-warning)}#budgetHud.broke .budgetValue{color:var(--tone-bad)}#budgetHud .budgetNet{font:600 11px var(--font-data);font-variant-numeric:tabular-nums;color:var(--primary)}#budgetHud .budgetNet.negative{color:var(--tone-bad)}#budgetHud .cityDay{white-space:nowrap;font:600 10px var(--font-data);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-left:auto}#budgetHud .cityToggle{pointer-events:auto;width:24px;height:24px;color:var(--muted);border-radius:7px;place-items:center;font-size:17px;transition:color .15s,background .15s,transform .2s;display:grid}#budgetHud .cityToggle:hover{color:var(--text);background:#ffffff12}#budgetHud .cityToggle.open{transform:rotate(180deg)}#budgetHud .budgetNotice{color:var(--muted);margin-top:4px;font-size:12px}#budgetHud .budgetNotice:empty{display:none}#budgetHud .budgetNotice .warning{color:var(--tone-bad)}#budgetHud .cityHint{color:var(--tone-warning);align-items:center;gap:6px;margin-top:6px;font-size:11.5px;display:flex}#budgetHud .cityHintIcon{flex:none;font-size:15px}#budgetHud .cityGrid{border-top:1px solid var(--edge);grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px;padding-top:8px;display:grid}#budgetHud .cityFigure{background:#ffffff08;border-radius:8px;align-items:center;gap:6px;min-width:0;padding:5px 6px;display:flex}#budgetHud .cityIcon{color:var(--muted);flex:none;font-size:15px}#budgetHud .cityText{flex-direction:column;min-width:0;display:flex}#budgetHud .cityValue{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}#budgetHud .cityLabel{font:600 8.5px / 1.3 var(--font-data);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);white-space:nowrap}#budgetHud .cityFigure.warning{background:color-mix(in srgb, var(--tone-bad) 12%, transparent)}#budgetHud .cityFigure.warning .cityIcon,#budgetHud .cityFigure.warning .cityValue{color:var(--tone-bad)}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker){z-index:30;padding:var(--gutter);place-items:center;display:grid;position:fixed;inset:0}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker)[hidden]{display:none}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogBackdrop{-webkit-backdrop-filter:blur(3px);background:#04070c8c;position:absolute;inset:0}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogCard{width:min(560px,100%);max-height:calc(100vh - 2 * var(--gutter));border-radius:var(--radius-panel);background:var(--glass-strong);outline:none;flex-direction:column;gap:14px;padding:18px 20px 16px;animation:.18s ease-out dialogIn;display:flex;position:relative;overflow-y:auto}@keyframes dialogIn{0%{opacity:0;transform:translateY(8px)scale(.98)}}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogHeader{justify-content:space-between;align-items:center;display:flex}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogTitle{font:700 15px var(--font-display);letter-spacing:.02em;align-items:center;gap:10px;margin:0;display:flex}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogTitleIcon{color:var(--primary);font-size:20px}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogClose{width:32px;height:32px;color:var(--muted);border-radius:8px;place-items:center;font-size:18px;transition:color .15s,background .15s;display:grid}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogClose:hover{color:var(--text);background:#ffffff0f}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogTabs{border:1px solid var(--edge);background:#ffffff0a;border-radius:12px;gap:4px;padding:4px;display:flex}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogTab{color:var(--muted);border-radius:9px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 10px;font-weight:600;transition:color .15s,background .15s;display:flex}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogTabIcon{font-size:18px}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogTab:hover{color:var(--text)}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogTab.active{color:var(--text);background:#2ee6c51f;box-shadow:inset 0 0 0 1px #2ee6c573}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogTab.active .dialogTabIcon{color:var(--primary)}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogSection{flex-direction:column;gap:10px;display:flex}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogSection[hidden]{display:none}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogRow{grid-template-columns:150px 1fr;align-items:center;gap:12px;min-height:36px;display:grid}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogRow.volumeRow{grid-template-columns:150px auto 1fr 44px}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogLabel{color:var(--text);white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:flex}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogLabelIcon{color:var(--muted);font-size:18px}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogValue{text-align:right;font:600 12px var(--font-data);font-variant-numeric:tabular-nums;color:var(--muted)}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .settingsSlider{--fill:50%;appearance:none;background:linear-gradient(90deg, var(--primary) var(--fill), #ffffff1a var(--fill));cursor:pointer;border:none;border-radius:999px;width:100%;height:6px;padding:0}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .settingsSlider:hover,:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .settingsSlider:focus{background:linear-gradient(90deg, var(--primary) var(--fill), #ffffff24 var(--fill))}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .settingsSlider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 3px #2ee6c559}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .settingsSlider::-moz-range-thumb{background:var(--text);border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 3px #2ee6c559}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .volumeRow.muted .settingsSlider{opacity:.4}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .switch{width:36px;height:20px;box-shadow:inset 0 0 0 1px var(--edge);background:#ffffff1f;border-radius:999px;flex:none;transition:background .15s;position:relative}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .switch:after{content:"";background:var(--muted);border-radius:50%;width:14px;height:14px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .switch.on,:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .settingsEffect.on .switch{background:#2ee6c58c}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .switch.on:after,:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .settingsEffect.on .switch:after{background:#fff;transform:translate(16px)}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogSegmented{flex-wrap:wrap;gap:4px;display:flex}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogChoice{color:var(--muted);border:1px solid var(--edge);background:#ffffff0a;border-radius:8px;align-items:baseline;gap:5px;padding:6px 11px;font-weight:600;transition:color .15s,background .15s,border-color .15s;display:inline-flex}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogChoice:hover{color:var(--text);border-color:var(--edge-strong)}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogChoice.active{color:var(--text);background:#2ee6c51f;border-color:#2ee6c599}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogChoiceDetail{font:500 10.5px var(--font-data);color:var(--faint)}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogRow .settingsCustom{color:var(--signal);grid-column:2;margin-top:-6px;font-size:11.5px}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogRow .settingsCustom[hidden]{display:none}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogSubtitle{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:600}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .settingsEffects{grid-template-columns:1fr 1fr;gap:6px;display:grid}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .settingsEffect{border-radius:var(--radius-control);text-align:left;border:1px solid var(--edge);background:#ffffff0a;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;transition:border-color .15s;display:flex}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .settingsEffect:hover{border-color:var(--edge-strong)}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .settingsEffectText{flex-direction:column;gap:1px;display:flex}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .settingsEffectLabel{font-weight:600}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .settingsEffectDetail{color:var(--faint);font-size:11.5px}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogNote{color:var(--muted);margin:2px 0 0;font-size:12px}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .settingsFooter{border-top:1px solid var(--edge);color:var(--faint);justify-content:space-between;align-items:center;gap:12px;padding-top:10px;font-size:11.5px;display:flex}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .settingsHint{align-items:center;gap:6px;display:inline-flex}@media (max-width:600px){:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogRow,#settingsPanel .dialogRow.volumeRow{grid-template-columns:1fr auto}:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogRow .dialogSegmented,:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogRow .diplomacyNumber,:is(#settingsPanel,#diplomacyPanel,#vehiclePicker) .dialogRow .diplomacySelect,#settingsPanel .dialogRow .settingsSlider{grid-column:1/-1}#settingsPanel .dialogRow .settingsCustom{grid-column:1/-1;margin-top:0}#settingsPanel .dialogRow.volumeRow .dialogValue{grid-area:1/2;display:none}#settingsPanel .settingsEffects{grid-template-columns:1fr}#settingsPanel .settingsHint{display:none}}.diplomacyBadge{min-width:18px;height:18px;font:700 11px var(--font-data);color:var(--ink-0);background:var(--signal);border-radius:999px;place-items:center;padding:0 5px;display:grid;position:absolute;top:-6px;right:-6px}.diplomacyBadge[hidden]{display:none}#diplomacyNotices{pointer-events:auto;flex-direction:column;align-self:flex-end;align-items:flex-end;gap:6px;max-width:340px;display:flex}.diplomacyNotice{border-radius:var(--radius-control);background:var(--glass-strong);border:1px solid var(--edge);box-shadow:var(--shadow-panel);align-items:flex-start;gap:8px;padding:8px 12px;font-size:12px;animation:.18s ease-out dialogIn;display:flex}.diplomacyNoticeIcon{color:var(--muted);flex:none;font-size:16px}.diplomacyNotice.good .diplomacyNoticeIcon{color:var(--tone-good)}.diplomacyNotice.bad .diplomacyNoticeIcon{color:var(--tone-bad)}#diplomacyPanel .diplomacyCard{width:min(640px,100%)}#diplomacyPanel .diplomacyStock{font:500 11.5px var(--font-data);color:var(--muted);flex-wrap:wrap;gap:4px 14px;display:flex}#diplomacyPanel .warning{color:var(--tone-warning)}#diplomacyPanel .diplomacyCity{border-radius:var(--radius-control);border:1px solid var(--edge);background:#ffffff08;flex-direction:column;gap:8px;padding:12px 14px;display:flex}#diplomacyPanel .diplomacyCityHead{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#diplomacyPanel .diplomacyDot{border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #ffffff1f}#diplomacyPanel .diplomacyName{font-weight:700}#diplomacyPanel .diplomacyOnline{color:var(--faint);font-size:11px}#diplomacyPanel .diplomacyOnline.on{color:var(--tone-good)}#diplomacyPanel .diplomacyFacts{font:500 11.5px var(--font-data);color:var(--muted);margin-left:auto}#diplomacyPanel .diplomacyRelation{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}#diplomacyPanel .diplomacyChip{letter-spacing:.04em;text-transform:uppercase;border:1px solid;border-radius:999px;flex:none;padding:2px 9px;font-size:11px;font-weight:700}#diplomacyPanel .diplomacyChip.hostile{color:var(--tone-bad)}#diplomacyPanel .diplomacyChip.neutral{color:var(--muted)}#diplomacyPanel .diplomacyChip.friendly{color:var(--primary-2)}#diplomacyPanel .diplomacyChip.allied{color:var(--tone-good)}#diplomacyPanel .diplomacyStanceRow{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}#diplomacyPanel .diplomacyLabel{font-size:12px;font-weight:600}#diplomacyPanel .diplomacyTheirs{color:var(--faint);font-size:11.5px}#diplomacyPanel .dialogChoice.stance-hostile.active{background:#fb718524;border-color:#fb718599}#diplomacyPanel .diplomacyMeetings{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:12px;display:flex}#diplomacyPanel .diplomacyMeetings.faint{color:var(--faint)}#diplomacyPanel .diplomacyFigure{align-items:center;gap:5px;display:inline-flex}#diplomacyPanel .diplomacyActions{flex-wrap:wrap;gap:6px;display:flex}#diplomacyPanel .diplomacyButton{color:var(--muted);border:1px solid var(--edge);background:#ffffff0a;border-radius:8px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s;display:inline-flex}#diplomacyPanel .diplomacyButton:hover{color:var(--text);border-color:var(--edge-strong)}#diplomacyPanel .diplomacyButton.primary{color:var(--ink-0);background:var(--primary);border-color:var(--primary)}#diplomacyPanel .diplomacyButton.small{padding:4px 9px}#diplomacyPanel .diplomacyGift{align-items:center;gap:8px;display:flex}#diplomacyPanel .diplomacyNumber,#diplomacyPanel .diplomacySelect{width:140px;padding:6px 10px}#diplomacyPanel .diplomacySelect{font:inherit;color:var(--text);border-radius:var(--radius-control);border:1px solid var(--edge);background:var(--ink-1)}#diplomacyPanel .diplomacyProposal{border-radius:var(--radius-control);border:1px solid var(--edge);background:#2ee6c50a;flex-direction:column;gap:8px;padding:12px 14px;display:flex}#diplomacyPanel .diplomacyProposal .dialogRow{grid-template-columns:120px 1fr;min-height:30px}#diplomacyPanel .diplomacyProposal>.diplomacyButton{align-self:flex-end}#diplomacyPanel .diplomacySummary{color:var(--muted);font-size:12px}#diplomacyPanel .diplomacyContract{border-radius:var(--radius-control);border:1px solid var(--edge);background:#ffffff08;align-items:center;gap:10px;padding:9px 12px;display:flex}#diplomacyPanel .diplomacyContract.ended{opacity:.6}#diplomacyPanel .diplomacyContractIcon{color:var(--primary);flex:none;font-size:18px}#diplomacyPanel .diplomacyContractText{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}#diplomacyPanel .diplomacyContractTerms{font-weight:600}#diplomacyPanel .diplomacyContractStatus{color:var(--faint);font-size:11.5px}#diplomacyPanel .diplomacyContractActions{gap:6px;display:flex}@media (max-width:600px){#diplomacyPanel .diplomacyFacts{width:100%;margin-left:0}#diplomacyPanel .diplomacyContract{flex-wrap:wrap}#diplomacyPanel .diplomacyProposal .dialogRow{grid-template-columns:1fr}}