:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f1df;background:#10262d;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #132c33;--panel: #e9dfc5;--paper: #f6edda;--muted: #65767a;--teal: #176e68;--teal-deep: #105650;--sun: #f1bd4b;--coral: #db654e;--line: #d9ddcf;--shadow: 0 18px 46px rgb(8 19 20 / 38%)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden}button,input{font:inherit}button{min-width:44px;min-height:44px}button:focus-visible,input:focus-visible{outline:3px solid #f3c75e;outline-offset:2px}.game-shell{min-height:100dvh;background:#152629;color:var(--ink);padding-bottom:calc(66px + env(safe-area-inset-bottom))}.topbar{height:60px;padding:0 14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff8dc;background:linear-gradient(180deg,#22383b,#10282e);border-bottom:3px solid #d99f31;box-shadow:0 4px 16px #00000061}.wordmark{display:flex;align-items:center;gap:9px;letter-spacing:.03em}.wordmark>span,.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:2px solid #f3c55a;color:#f3c55a;transform:rotate(45deg);font-weight:900}.wordmark>span{font-size:0}.wordmark>span:after{content:"";width:12px;height:12px;border-right:5px solid currentColor;border-bottom:5px solid currentColor}.wordmark strong{font-size:1.06rem}.topbar__region{text-align:center;line-height:1.1}.topbar__region small{display:block;color:#8db0af;font-size:.62rem;letter-spacing:.14em}.topbar__region b{font-size:.8rem}.icon-button{justify-self:end;border:0;color:#f3c55a;background:transparent;font-size:.8rem}.workspace{min-height:calc(100dvh - 126px);display:grid}.map-stage{position:relative;min-height:58dvh;overflow:hidden;background:#10282e;isolation:isolate}.map-stage:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 64px #04101266}.build-map{position:absolute!important;z-index:0;top:0;right:0;bottom:0;left:0}.build-map canvas{display:block;width:100%;height:100%;touch-action:none;image-rendering:pixelated}.view-switch{position:absolute;z-index:4;top:10px;left:50%;display:flex;padding:3px;border:1px solid #c99434;border-radius:4px;transform:translate(-50%);background:#0d262beb;box-shadow:0 4px 14px #00000059}.view-switch button{min-height:38px;padding:0 14px;border:0;border-radius:2px;color:#d8e4db;background:transparent;font-family:ui-monospace,Consolas,monospace;font-size:.7rem;font-weight:900;text-transform:uppercase}.view-switch button.is-active{color:#142d33;background:#f0c15c}.map-world-label{position:absolute;z-index:4;top:11px;left:10px;display:none;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgb(236 191 78 / 72%);color:#f3c65c;background:#0a1e22e5;box-shadow:0 4px 14px #0000004d;font-family:ui-monospace,Consolas,monospace;font-size:.62rem;font-weight:900;letter-spacing:.08em}.map-world-label span{width:7px;height:7px;border-radius:50%;background:#62d28d;box-shadow:0 0 0 3px #62d28d2e}.map-world-label b{color:#fff2c8}.map-hud{position:absolute;z-index:3;right:10px;bottom:10px;left:10px;display:grid;grid-template-columns:1.4fr 1fr 1fr;overflow:hidden;border:2px solid #2e4547;border-bottom-color:#c99535;border-radius:3px;color:#f9f6e6;background:#0a1e22f0;box-shadow:0 8px 24px #00000057}.map-hud article{min-width:0;padding:8px 9px;border-right:1px solid rgb(255 255 255 / 12%)}.map-hud article:last-child{border-right:0}.map-hud small,.map-hud b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-hud small{margin-bottom:2px;color:#95b3ae;font-size:.55rem;letter-spacing:.1em}.map-hud b{font-size:.72rem}.map-help{display:none;position:absolute;z-index:3;right:12px;bottom:82px;padding:5px 8px;color:#f5e9c2;background:#0a1e22cc;font-family:ui-monospace,Consolas,monospace;font-size:.6rem}.map-popover{position:absolute;z-index:5;top:58px;left:10px;width:min(250px,calc(100% - 20px));padding:12px 38px 12px 14px;border:1px solid rgb(255 255 255 / 20%);border-radius:9px;color:#f8f4e5;background:#0f2e35f0;box-shadow:var(--shadow)}.map-popover__close{position:absolute;top:2px;right:3px;border:0;color:#fff;background:transparent;font-size:1.4rem}.map-popover small,.map-popover b{display:block}.map-popover small{color:#f0bd4c;font-size:.58rem;letter-spacing:.11em}.map-popover b{margin-top:2px}.map-popover p{margin:4px 0 0;color:#bcd0c9;font-size:.78rem;line-height:1.4}.map-popover .map-popover__owner{margin-top:8px;padding-top:7px;border-top:1px solid rgb(255 255 255 / 14%);color:#e5d8aa}.map-popover__owner strong{color:#fff4ce}.industry-stats{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:1px;margin:9px 0 0;overflow:hidden;border:1px solid rgb(255 255 255 / 14%);border-radius:3px;background:#ffffff17}.industry-stats div{min-width:0;padding:6px}.industry-stats dt{color:#9ebbb5;font-size:.52rem;letter-spacing:.08em;text-transform:uppercase}.industry-stats dd{overflow:hidden;margin:2px 0 0;color:#fff3c9;font-size:.64rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.map-popover__purchase{width:100%;margin-top:10px;padding:7px 9px;font-size:.67rem;line-height:1.25}.landmark-list{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:64px 12px 88px;color:#f8f4e5;background:linear-gradient(160deg,#173941,#214c50)}.landmark-list h2{margin:0 0 9px;font-size:1rem}.landmark-list>button{width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;margin:0 0 6px;padding:9px 10px;border:1px solid rgb(255 255 255 / 13%);border-radius:8px;color:inherit;text-align:left;background:#0a23288c}.landmark-list b,.landmark-list small{display:block}.landmark-list small{margin-top:2px;color:#afc7c1}.landmark-icon{width:26px;height:26px;border:3px solid #f0bd4c;border-radius:50%;box-shadow:inset 0 0 0 4px #183840}.landmark-icon--forest{border-color:#66b779}.landmark-icon--fuel{border-color:#dc6952}.landmark-icon--warehouse{border-radius:3px}.command-panel{padding:12px;border-top:3px solid #bd8730;background:linear-gradient(180deg,#203638,#142729)}.start-card,.contract-card,.empty-card{max-width:680px;margin:0 auto;padding:16px;border:2px solid #304b4d;border-radius:4px;color:var(--ink);background:linear-gradient(135deg,#faf1dc,var(--paper));box-shadow:0 10px 28px #00000047}.start-card h2,.contract-card h2,.empty-card h2{margin:8px 0 5px;font-family:ui-monospace,Consolas,monospace;font-size:1.18rem;line-height:1.12}.start-card p,.empty-card p{color:#52666a;font-size:.88rem;line-height:1.45}.start-card label{display:block;margin:15px 0 5px;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.start-card input{width:100%;height:48px;padding:0 12px;border:1px solid #aebbb4;border-radius:7px;color:var(--ink);background:#fff}.role-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.role-picker button{min-width:0;padding:7px 5px;border:1px solid #9caaa6;border-radius:4px;color:#375054;background:#f0ebda;font-family:ui-monospace,Consolas,monospace;font-size:.7rem;font-weight:900}.role-picker button.is-selected{border-color:#146a64;color:#fff;background:#176e68;box-shadow:inset 0 -3px #00000029}.role-description{display:block;min-height:32px;margin-top:6px;color:#627579;font-size:.7rem;line-height:1.35}.legal-note{display:block;margin-top:9px;color:#718084;text-align:center;font-size:.68rem}.status-pill{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;color:#385057;background:#e7ebe3;font-size:.63rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.status-pill--good{color:#15624e;background:#d9eee0}.status-pill--warn{color:#895a0b;background:#f9e7ba}.contract-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.contract-switcher{margin:-5px 0 11px;padding-bottom:9px;border-bottom:1px solid var(--line)}.contract-switcher>small{display:block;margin-bottom:5px;color:#738185;font-size:.56rem;font-weight:900;letter-spacing:.12em}.contract-switcher>div{display:flex;gap:5px;overflow-x:auto;padding:2px}.contract-switcher button{flex:0 0 min(230px,82%);min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;border:1px solid #bdc7bd;border-radius:4px;color:#314a4e;text-align:left;background:#f0ecdd}.contract-switcher button.is-selected{border-color:#176e68;box-shadow:inset 0 0 0 2px #176e68;background:#e2efe6}.contract-switcher button span,.contract-switcher button b,.contract-switcher button small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contract-switcher button b{font-size:.67rem}.contract-switcher button small{margin-top:2px;color:#718184;font-size:.56rem}.contract-switcher button strong{color:#16705a;font-size:.67rem;white-space:nowrap}.contract-card__top small,.vehicle-row small{color:#738185;font-size:.58rem;font-weight:800;letter-spacing:.12em}.contract-card__top h2{margin-top:2px}.issuer{margin:3px 0 12px;color:#697a7d;font-size:.75rem}.route-line{position:relative;display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:55px;padding:8px 0;font-size:.75rem;font-weight:700}.route-line:before{content:"";position:absolute;z-index:0;top:26px;right:13%;left:13%;border-top:2px dashed #9caeaa}.route-line>*{position:relative;z-index:1}.route-line span{max-width:35%;display:flex;align-items:center;gap:5px;background:var(--paper)}.route-line span:last-child{text-align:right}.route-line i{flex:0 0 auto;width:11px;height:11px;border:3px solid #23736c;border-radius:50%;background:var(--paper)}.route-line b{padding:3px 6px;border-radius:8px;color:#5a6d70;background:var(--paper);font-size:.65rem}.contract-stats{display:grid;grid-template-columns:1.3fr 1fr 1fr;margin:0;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contract-stats div{padding:0 8px;border-right:1px solid var(--line)}.contract-stats div:first-child{padding-left:0}.contract-stats div:last-child{padding-right:0;border:0}.contract-stats dt{color:#7b898a;font-size:.62rem}.contract-stats dd{margin:3px 0 0;font-size:.76rem;font-weight:800}.contract-stats .reward{color:#16705a}.vehicle-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;margin:11px 0;padding:8px;border-radius:8px;background:#eff0e7}.vehicle-row b,.vehicle-row small{display:block}.vehicle-row b{font-size:.8rem}.vehicle-glyph{display:grid;place-items:center;width:36px;height:34px;border-radius:6px;color:#fff;background:#d7624e}.fleet-picker{margin:11px 0}.fleet-picker>small{display:block;margin-bottom:6px;color:#738185;font-size:.58rem;font-weight:800;letter-spacing:.12em}.contract-network-note{margin:0 0 7px;padding:7px 8px;border-left:3px solid #d4a43c;color:#52666a;background:#f8eac6;font-size:.67rem;line-height:1.35}.fleet-picker>div{display:grid;gap:6px;max-height:190px;overflow-y:auto}.fleet-picker button{width:100%;min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px;border:1px solid #bdc7bd;border-radius:5px;color:var(--ink);text-align:left;background:#eff0e7}.fleet-picker button.is-selected{border-color:#176e68;box-shadow:inset 0 0 0 2px #176e68;background:#e1eee5}.fleet-picker button:disabled{opacity:.6}.fleet-picker button b,.fleet-picker button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fleet-picker button b{font-size:.76rem}.fleet-picker button small{margin-top:2px;color:#6c7d7d;font-size:.62rem}.success-note{margin-top:12px;padding:11px;border-left:4px solid #2c8b69;color:#185943;background:#e0f0e5;font-size:.8rem;font-weight:700}.empty-card{text-align:center}.empty-card>span{color:#d5a83e;font-size:2rem}.button{min-height:46px;padding:0 16px;border:1px solid #80601f;border-radius:3px;font-family:ui-monospace,Consolas,monospace;font-weight:900;text-transform:uppercase;cursor:pointer}.button:disabled{cursor:wait;opacity:.55}.button--primary{color:#102f33;background:var(--sun);box-shadow:inset 0 -3px #7b530a3b}.button--primary:hover:not(:disabled){background:#ffd16a}.button--secondary{border:1px solid #9eaeaa;color:#24484c;background:transparent}.button--full{width:100%;margin-top:11px}.bottom-nav{position:fixed;z-index:20;right:0;bottom:0;left:0;height:calc(66px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);border-top:2px solid #b9852f;background:#13292d;box-shadow:0 -5px 20px #00000059}.bottom-nav button{min-width:0;border:0;color:#9db4ae;background:transparent;font-size:.62rem;font-weight:800}.bottom-nav span{display:block;height:22px;color:#486367;font-size:1rem}.bottom-nav button.is-active{color:#12665f;box-shadow:inset 0 3px #e6b343}.bottom-nav button.is-active span{color:#12665f}.connection-banner,.error-banner{position:relative;z-index:12;min-height:38px;display:flex;align-items:center;justify-content:center;padding:7px 12px;color:#432e06;background:#f3cd73;font-size:.76rem;font-weight:750}.error-banner{justify-content:space-between;gap:10px;color:#fff;background:#a9473d}.error-banner button{min-height:32px;border:1px solid rgb(255 255 255 / 60%);border-radius:5px;color:#fff;background:transparent}.center-state{min-height:100dvh;display:grid;place-content:center;justify-items:center;padding:28px;color:#f6f1df;text-align:center;background:radial-gradient(circle at 50% 28%,#24555a,#10262d 68%)}.center-state .brand-mark{width:54px;height:54px;margin-bottom:10px;transform:rotate(0)}.center-state h1{margin:10px 0 5px;font-family:Georgia,serif}.center-state p{max-width:340px;color:#b9ceca;line-height:1.5}.brand-mark--warn{border-color:#db654e;color:#db654e}.loading-track{width:180px;height:4px;overflow:hidden;border-radius:4px;background:#ffffff24}.loading-track span{display:block;width:45%;height:100%;background:#f0bd4c;animation:loading 1s infinite ease-in-out alternate}.network-note{font-size:.78rem}@keyframes loading{to{transform:translate(122%)}}@media(min-width:720px){.game-shell{padding-bottom:0}.topbar{height:68px;padding:0 22px}.workspace{height:calc(100dvh - 68px);min-height:620px;grid-template-columns:minmax(0,1fr) 390px}.map-stage{min-height:100%}.command-panel{display:grid;align-content:center;overflow-y:auto;padding:22px;border-top:0;border-left:3px solid #bd8730}.start-card,.contract-card,.empty-card{padding:22px}.bottom-nav{position:absolute;top:68px;right:auto;bottom:auto;left:0;width:70px;height:calc(100dvh - 68px);grid-template-columns:1fr;grid-template-rows:repeat(5,68px);padding:0;border:0;border-right:1px solid rgb(255 255 255 / 13%);background:#0e2a30eb;box-shadow:none}.bottom-nav button{color:#adc1bc}.bottom-nav button.is-active{color:#f4ca68;box-shadow:inset 3px 0 #f4ca68}.bottom-nav button.is-active span{color:#f4ca68}.map-hud{left:82px;max-width:460px}.map-popover{left:82px}.map-world-label{left:82px;display:flex}.map-help{display:block}.build-toolbar,.build-map-help{left:82px!important;max-width:calc(100% - 94px)!important}}@media(min-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 430px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}