:root{--bg:#16190f;--panel:#1c1f16f0;--edge:#4a4c3a;--text:#d6d0b8;--dim:#8a8670;--accent:#c2b280;--olive:#556b2f;--bad:#c0584a;--warn:#c9a24a;--term:#9fdc8a}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:13px/1.35 Segoe UI,Roboto,Arial,sans-serif;overflow:hidden}canvas#map{cursor:crosshair;position:fixed;inset:0}.dim{color:var(--dim)}.bad{color:var(--bad)}.warn{color:var(--warn)}b{color:#ece6cb}h2{letter-spacing:1px;color:var(--accent);margin:0 0 8px;font-family:Courier New,monospace;font-size:16px}h3{color:#ece6cb;margin:0 0 2px;font-size:17px}.sub{color:var(--accent);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--edge);margin:10px 0 4px;font:700 11px Courier New,monospace}.btn{color:var(--text);cursor:pointer;text-transform:uppercase;background:#3a3d2c;border:1px solid #5c5e48;padding:5px 10px;font:12px Courier New,monospace}.btn:hover{background:#4b4f38}.btn.primary{background:var(--olive);color:#f1ecd2;border-color:#8a9a5c;font-weight:700}.btn.sm{margin:1px;padding:2px 6px;font-size:11px}.chip{background:#2a2d20;border:1px solid #3f4232;align-items:center;gap:4px;margin:2px 2px 0 0;padding:1px 6px;font-size:12px;display:inline-flex}.chip a{cursor:pointer}.tag{border-left:3px solid var(--accent);background:#2c3022;margin:4px 0;padding:3px 6px;font-size:12px}.tag.shield{color:#a9d2df;border-color:#78b4c8}.tag.warn{border-color:var(--warn)}input,select{color:var(--text);font:inherit;background:#23261b;border:1px solid #555842;padding:3px 5px}#top{z-index:5;white-space:nowrap;background:linear-gradient(#22261a,#1b1e14);border-bottom:2px solid #3f4232;align-items:center;gap:14px;height:48px;padding:0 10px;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}#top .nation{align-items:center;gap:8px;min-width:230px;display:flex}#top .nation .dim{font-size:11px}#top .res{flex-direction:column;font-size:12px;display:flex}#top .res .lbl{text-transform:uppercase;color:var(--dim);font:10px Courier New,monospace}#top .res.alert b{color:var(--bad);animation:1s infinite blink}#top .cd{color:var(--warn);font-size:10px}#top .speeds{margin-left:auto}.spd{color:var(--text);cursor:pointer;background:#2a2d20;border:1px solid #4a4c3a;padding:3px 7px}.spd.on{background:var(--olive)}@keyframes blink{50%{opacity:.45}}#nav{z-index:4;flex-direction:column;gap:4px;display:flex;position:fixed;top:58px;left:8px}#nav .btn{text-align:left;width:110px}#mail-badge{background:var(--bad);color:#fff;border-radius:8px;padding:0 5px;font-size:10px}#mail-badge:empty{display:none}#region{background:var(--panel);border:1px solid var(--edge);z-index:4;width:340px;max-height:calc(100vh - 230px);padding:10px;position:fixed;top:58px;right:8px;overflow-y:auto}#region .hint{color:var(--dim)}.grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.tile{color:var(--text);cursor:pointer;text-align:center;background:#26291d;border:1px solid #44473a;flex-direction:column;align-items:center;padding:4px 2px;font-size:11px;display:flex}.tile:hover{background:#343828}.tile.on{border-color:var(--accent)}.tile.locked{opacity:.45}.tile small{color:var(--dim);font-size:9px}.blist .bitem{align-items:center;gap:6px;padding:2px 0;display:flex}.blist .bitem div{flex:1}.swatch{width:60px;height:18px;display:flex}.swatch i{flex:1}#selection{background:var(--panel);border:1px solid var(--edge);z-index:4;min-height:60px;padding:8px;position:fixed;bottom:8px;left:130px;right:360px}.selrow{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.sep{width:12px}#log{border:1px solid var(--edge);z-index:4;background:#0f110bd9;width:340px;height:150px;padding:6px;font:11px Courier New,monospace;position:fixed;bottom:8px;right:8px;overflow:hidden}#modal{z-index:10;background:#00000080;display:none;position:fixed;inset:0}#modal.open{justify-content:center;align-items:center;display:flex}.modal-box{background:#1e2117;border:1px solid #5c5e48;width:min(1000px,94vw);max-height:86vh;padding:16px 18px;position:relative;overflow:auto;box-shadow:0 10px 40px #000}.close{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:18px;position:absolute;top:8px;right:10px}table{border-collapse:collapse;width:100%;margin:6px 0}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #33362a;padding:4px 6px}th{color:var(--accent);text-transform:uppercase;font:11px Courier New,monospace}.pitch{color:#b9b49a;max-width:220px;font-style:italic}.risk{color:#e2b7ae;background:#3a1f1a;border:1px solid #7a3a33;margin:6px 0;padding:8px;font-size:12px}.ipo label{margin-right:8px}.shiftbar{margin:6px 0;display:flex}.shiftbar span{text-align:center;flex:1;padding:2px 0;font-size:10px}.dayh{background:#4d4a33}.nighth{background:#23283a}.shiftbar .now{outline:2px solid var(--accent)}.modal-box.terminal{color:var(--term);background:#050805;border-color:#2c4a2c;font-family:Courier New,monospace}.terminal .dim{color:#4f7a4a}.term-head{letter-spacing:1px;text-shadow:0 0 4px #3f7a3a;border-bottom:1px dashed #2c4a2c;margin-bottom:8px;padding-bottom:6px}.mailwrap{gap:10px;height:60vh;display:flex}.maillist{border-right:1px dashed #2c4a2c;width:38%;overflow-y:auto}.mailitem{cursor:pointer;border-bottom:1px solid #0f1f0f;padding:5px}.mailitem.unread{color:#d6ffc6;font-weight:700}.mailitem.on{background:#102010}.mailitem .subj{font-size:12px}.mailbody{flex:1;overflow-y:auto}.mailbody pre{white-space:pre-wrap;font:inherit;text-shadow:0 0 3px #2f6a2a}.terminal .btn{color:var(--term);background:#0d1a0d;border-color:#2c4a2c}#toast{border:1px solid var(--accent);z-index:150;opacity:0;pointer-events:none;background:#2c3022;padding:6px 14px;transition:opacity .2s;position:fixed;top:60px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#toast.bad{border-color:var(--bad);color:#f0c0b8}.creation{background:repeating-linear-gradient(45deg,#ffffff04 0 6px,#0000 6px 12px),radial-gradient(at 30% 20%,#3a3f2a,#12140d 70%);justify-content:center;align-items:flex-start;padding:30px 10px;display:flex;position:fixed;inset:0;overflow:auto}.creation-card{background:#181b12f5;border:1px solid #5c5e48;width:min(980px,100%);padding:20px 24px;box-shadow:0 0 60px #000}.brand{margin-bottom:4px;font-size:34px}.brand small{color:var(--dim);font-size:13px}.stencil{letter-spacing:6px;color:var(--accent);font-family:Impact,Arial Black,sans-serif}.cols{grid-template-columns:1fr 1fr;gap:24px;display:grid}.creation label{color:var(--dim);margin:8px 0;font-size:12px;display:block}.creation label input,.creation label select{width:100%;margin-top:3px;font-size:14px;display:block}.creation label.chk{align-items:center;gap:6px;display:inline-flex}.creation label.chk input{width:auto;display:inline}.lbl{text-transform:uppercase;color:var(--dim);margin-top:8px;font:11px Courier New,monospace}.swatches{flex-wrap:wrap;gap:3px;display:flex}.sw{cursor:pointer;border:2px solid #111;width:24px;height:24px}.sw.on{border-color:#f1ecd2}.emblems,.patterns{flex-wrap:wrap;gap:4px;display:flex}.em,.pat{cursor:pointer;background:#26291d;border:2px solid #3f4232;padding:3px}.em.on,.pat.on{border-color:var(--accent)}.flag-preview{margin:6px 0}.motto-preview{color:var(--accent);margin-top:10px;font-family:Georgia,serif;font-style:italic}.actions{justify-content:flex-end;align-items:center;gap:16px;margin-top:16px;display:flex}:root{--phos:#9fe08a;--phos-dim:#5f8f55;--amber:#e0b84a;--screen:#080d09ed;--bezel:linear-gradient(#3b3e33, #24261f);--mono:"Consolas", "DejaVu Sans Mono", "Courier New", monospace}#top,#region,#selection,#queue,#wire,#nav .btn,.modal-box,#city-bar,#city-info,.tut,.city-head{font-family:var(--mono)}#region,#selection,#queue,#city-info,.tut{background:repeating-linear-gradient(0deg, #0000002e 0 1px, transparent 1px 3px), linear-gradient(#78c87809 1px, transparent 1px) 0 0 / 100% 22px, var(--screen);color:#cfe8c2;border:3px solid #2e3128;border-radius:4px;outline:1px solid #50533f;box-shadow:inset 0 0 18px #000c,0 4px 18px #0009}#top{background:var(--bezel);border-bottom:2px solid #121410;font-size:12px;box-shadow:0 2px 10px #000}#top .res b{color:var(--phos);text-shadow:0 0 3px #78dc7859}#top .res .lbl{color:var(--phos-dim)}.bezel-title{font:bold 11px var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--amber);border-bottom:1px solid #3a3f30;align-items:center;gap:6px;margin-bottom:5px;padding-bottom:3px;display:flex}.led{background:#444;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;box-shadow:inset 0 -1px 2px #0009}.led.green{background:#6fe05a;box-shadow:0 0 6px #6fe05a}.led.amber{background:#f0b43a;box-shadow:0 0 6px #f0b43a}.led.red{background:#f0503a;box-shadow:0 0 6px #f0503a}.led.blink{animation:1.2s infinite blink}.sub{color:var(--amber);font-family:var(--mono)}h3{font-family:var(--mono);color:#e6f2d8}.btn{font-family:var(--mono);border-radius:2px;box-shadow:inset 0 1px #ffffff12}.btn.on{border-color:var(--phos);color:#e0ffd0;background:#2f4a28}.tile{font-family:var(--mono);color:#cfe8c2;background:#121a12;border-color:#2c3a2a;position:relative}.tile:hover{border-color:var(--phos-dim);background:#1b2a1b}.tile.on{border-color:var(--phos);box-shadow:0 0 6px #78dc7866}.pbar{background:#0a0f0a;border:1px solid #2a3a28;width:100%;height:12px;margin:2px 0;position:relative;overflow:hidden}.pbar i{background:repeating-linear-gradient(90deg, var(--phos) 0 5px, #78b868 5px 7px);transition:width .3s linear;position:absolute;inset:0 auto 0 0}.pbar.amber i{background:repeating-linear-gradient(90deg, var(--amber) 0 5px, #b0902e 5px 7px)}.pbar.red i{background:repeating-linear-gradient(90deg,#d0604a 0 5px,#8a3a2c 5px 7px)}.pbar span{font:9px/12px var(--mono);color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;padding-left:4px;position:relative}.tile .pbar{height:9px}.tile .pbar span{font-size:8px;line-height:9px}#queue{z-index:4;width:230px;max-height:calc(100vh - 470px);padding:8px;font-size:11px;position:fixed;top:330px;left:8px;overflow-y:auto}.qrow{cursor:pointer;border-bottom:1px dashed #233023;align-items:flex-start;gap:6px;padding:3px 0;display:flex}.qrow>div{flex:1;min-width:0}.qrow:hover{background:#78dc780f}#selection{bottom:44px;left:246px;right:360px}#region{max-height:calc(100vh - 120px)}#toasts{z-index:150;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:fixed;top:200px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--phos-dim);border-left:4px solid var(--phos);color:#dff5d0;font:12px var(--mono);background:#080d09f2;align-items:center;gap:8px;padding:6px 12px;transition:opacity .5s,transform .5s;animation:.25s ease-out toastin;display:flex;box-shadow:0 4px 14px #000}.toast.bad{color:#ffd0c4;border-left-color:#f0503a}.toast.done{border-left-color:#6fe05a}.toast.out{opacity:0;transform:translateY(-8px)}@keyframes toastin{0%{opacity:0;transform:translateY(-10px)}}#wire{z-index:6;height:36px;font:12px var(--mono);background:#070a07;border-top:2px solid #2e3128;grid-template-columns:auto 1fr auto 1fr;align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.wire-label{color:var(--amber);letter-spacing:1px;background:#2e3128;align-items:center;height:100%;padding:0 8px;font-weight:700;display:flex}.marquee{white-space:nowrap;align-items:center;height:100%;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.marquee .track{color:var(--phos);padding-left:10px;animation:70s linear infinite marq;display:inline-block}.marquee.tick .track{animation-duration:45s}.marquee:hover .track{animation-play-state:paused}@keyframes marq{0%{transform:translate(0)}to{transform:translate(-50%)}}.tk{margin-right:22px}.tk .up{color:#6fe05a}.tk .down{color:#f0605a}#log{display:none}#tutorial{z-index:8;width:min(460px,90vw);position:fixed;top:58px;left:50%;transform:translate(-50%)}#tutorial:empty{display:none}.tut{padding:10px 12px}.tut h4{color:#e6f2d8;font:bold 14px var(--mono);margin:2px 0}.tut p{margin:4px 0 8px;font-size:12px;line-height:1.45}#crash{z-index:50;background:#0009;display:none;position:fixed;inset:0}#crash.open{justify-content:center;align-items:center;display:flex}#crash .modal-box{width:min(640px,92vw)}pre.err{white-space:pre-wrap;color:#ffb4a0;background:#120a08;max-height:200px;padding:6px;font-size:11px;overflow:auto}.panel-err{color:#ffb4a0;font-size:11px}.wxline{background:#0d140d;border-left:3px solid #4f7aa0;margin:4px 0;padding:3px 5px;font-size:11px}td.wx-storm{color:#ffb08a}td.wx-snow{color:#e8f0ff}td.wx-rain{color:#8ab8e0}td.wx-fog{color:#b8b8a8}td.wx-clear{color:var(--phos)}td.wx-heat{color:#f0c060}.sector{border:1px solid #3a4a38;margin-left:4px;padding:0 5px;font-size:10px;display:inline-block}.sector.defense{color:#f0a080}.sector.consumer{color:#8ad0f0}.sector.industrial{color:#e0c070}#city{z-index:7;pointer-events:none;display:none;position:fixed;inset:0}#city.open{display:block}#city>*{pointer-events:auto}#city .city-head{border:1px solid #3a4a38;max-width:min(980px,100vw - 560px);position:fixed;top:52px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #000}#city-bar{border:1px solid #3a4a38;position:fixed;bottom:44px;left:246px;right:8px;box-shadow:0 -4px 14px #000}body.building .win[data-win=region],body.building .win[data-win=selection]{display:none}body.building #map{cursor:crosshair}@media (width<=1180px){#city-bar{left:216px}#city .city-head{max-width:calc(100vw - 240px);left:228px;transform:none}}.city-head{background:var(--bezel);border-bottom:2px solid #121410;flex-wrap:wrap;align-items:center;gap:10px;padding:5px 10px;font-size:12px;display:flex}.city-head .bezel-title{border:0;margin:0;padding:0}.city-head #city-hint{color:var(--phos-dim);flex:1;font-size:11px}#city-bar{background:var(--screen);border-top:3px solid #2e3128;padding:4px 8px}#city-bar .tabs{gap:2px;margin-bottom:4px;display:flex}#city-bar .items{gap:4px;padding-bottom:4px;display:flex;overflow-x:auto}#city-bar .tile{flex:none;min-width:92px;max-width:110px}#city-bar .tile small{font-size:8.5px;line-height:1.2}#city-info{width:280px;max-height:calc(100vh - 260px);padding:8px;font-size:11px;position:fixed;top:56px;right:10px;overflow:auto}.sw2{cursor:pointer;border:1px solid #111;width:20px;height:16px;margin:1px}.sw2.on{outline:2px solid var(--phos)}#tip{z-index:100;pointer-events:none;opacity:0;border:1px solid var(--phos-dim);border-left:3px solid var(--amber);max-width:340px;font:11.5px/1.45 var(--mono);color:#d8ecd0;white-space:pre-wrap;background:repeating-linear-gradient(0deg,#0003 0 1px,#0000 1px 3px),#060b07f7;padding:6px 9px;transition:opacity .12s;position:fixed;top:0;left:0;box-shadow:0 6px 20px #000}#tip.on{opacity:1}#tip .tip-head{color:var(--amber);letter-spacing:.5px;margin-bottom:2px;font-weight:700}#tip .tip-dir{color:var(--phos)}.toast.action{pointer-events:auto}.toast .btn{margin-left:8px}.reslink{cursor:help;display:contents}.reslink .res:hover b{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.codex{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;margin-top:8px;display:grid}.codex-entry{font:12px/1.45 var(--mono);background:#0b120b;border:1px solid #263626;padding:8px}.codex-entry.on{border-color:var(--amber);box-shadow:0 0 10px #e0b84a59}.codex-entry ol{margin:4px 0 6px 18px;padding:0}.codex-entry li{margin:2px 0}.cx-label{color:var(--amber);letter-spacing:1px;font-size:10px}table.cx td{padding:2px 4px;font-size:11px}table.cx td:first-child{color:var(--phos-dim);width:38%}.codex-entry a{color:var(--phos);cursor:pointer;text-decoration:underline}.flagcol{vertical-align:middle;border:1px solid #111;width:26px;height:24px;padding:0}.tabs{flex-wrap:wrap;gap:2px;display:flex}#loading{z-index:200;font-family:var(--mono);background:radial-gradient(at 50% 40%,#1b2116,#070906 70%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.load-box{background:var(--screen);border:3px solid #2e3128;outline:1px solid #50533f;width:min(460px,90vw);padding:18px}.load-box .pbar{height:16px;margin:12px 0 8px}.load-box .pbar span{font-size:10px;line-height:16px}.load-log{max-height:110px;color:var(--phos-dim);overflow:hidden}canvas#fx{pointer-events:none;z-index:1;width:100vw;height:100vh;position:fixed;inset:0}:root{--screen:#070b08fb}.pbar{height:7px;margin:17px 0 3px;overflow:visible}.pbar i{inset:0 auto 0 0}.pbar span{color:#e6f3dc;text-shadow:none;white-space:nowrap;letter-spacing:.3px;padding:0;font-size:11px;line-height:13px;position:absolute;bottom:10px;left:0}.tile .pbar{height:5px;margin:14px 0 2px}.tile .pbar span{font-size:9.5px;line-height:11px;bottom:7px}.load-box .pbar{height:10px;margin-top:26px}.load-box .pbar span{font-size:11px;bottom:13px}#region,#selection,#queue,#city-info,.tut,.modal-box,#wire,#nav .btn{background-color:#070b08}#region,#selection,#queue,#city-info,.tut{border:2px solid #3a4234;outline:1px solid #12160f}#region .bitem{border-bottom:1px solid #1a2318;align-items:flex-start;padding:4px 0}#nav .btn{border-color:#4a5240}#modal.open{background:#000000b8}#selection{z-index:4}@media (width<=1400px){#region{width:300px}#selection{right:320px}#tutorial{width:min(420px,50vw);left:calc(50% - 60px)}}@media (width<=1180px){#top{gap:8px;font-size:11px}#top .nation{min-width:0}#top .nation .dim{display:none}#queue{width:200px;max-height:26vh;top:auto;bottom:150px}#selection{left:220px;right:310px}#region{width:290px}#tutorial{width:calc(100vw - 540px);min-width:260px;left:230px;transform:none}}@media (width<=900px){#queue{display:none}#selection{bottom:44px;left:130px;right:8px}#region{max-height:calc(100vh - 260px)}#tutorial{width:calc(100vw - 450px);left:130px}}@media (height<=760px){#nav .btn{padding:2px 6px}#queue{max-height:calc(100vh - 430px);top:290px}}#queue{width:230px;max-height:min(34vh,300px);padding:6px 8px;display:block;bottom:44px;left:8px;overflow-y:auto;top:auto!important}#queue .q-head{z-index:1;background:#070b08;margin:-6px -8px 4px;padding:6px 8px 4px;position:sticky;top:-6px}#queue .q-toggle{margin-left:auto;padding:0 6px}#queue .q-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#nav{max-height:calc(100vh - 114px - min(34vh,300px));overflow-y:auto}@media (width<=900px){#queue{width:116px;display:block}}@media (width<=1180px){#queue{width:200px}}#camctl{z-index:45;background:var(--screen);border:1px solid #3a4a38;flex-direction:column;gap:3px;padding:3px;display:flex;position:fixed;bottom:66px;right:10px}#camctl .btn{text-align:center;width:30px;padding:3px 0}body.building #camctl{bottom:170px}.win{z-index:20;background:#070b08;border:2px solid #3a4234;outline:1px solid #12160f;flex-direction:column;min-width:180px;display:flex;position:fixed;box-shadow:0 6px 22px #000000b3}.win.hidden,.win.closed{display:none}.win-head{cursor:move;-webkit-user-select:none;user-select:none;height:22px;font:bold 11px var(--mono);color:var(--amber);letter-spacing:.5px;background:linear-gradient(#20271c,#161b13);border-bottom:1px solid #3a4234;flex:none;align-items:center;gap:6px;padding:0 4px 0 8px;display:flex}body.layout-locked .win-head{cursor:default}.win-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.win-btn{color:#d8ecd0;cursor:pointer;background:#10150e;border:1px solid #4a5240;width:20px;height:17px;padding:0;font-size:10px;line-height:1}.win-btn:hover,.win-btn:focus-visible{outline:1px solid var(--phos);background:#2a3824}.win-body{flex:1;min-height:0;position:relative;overflow:auto}.win.min .win-body,.win.min .win-grip{display:none}.win-grip{cursor:nwse-resize;background:linear-gradient(135deg,#0000 50%,#6a7a5a 50%,#0000 62%,#6a7a5a 72%,#0000 84%);width:14px;height:14px;position:absolute;bottom:0;right:0}body.layout-locked .win-grip{display:none}.win.dragging{opacity:.92;box-shadow:0 0 0 1px var(--phos), 0 10px 30px #000}.win-body>#region,.win-body>#selection,.win-body>#queue,.win-body>#wire,.win-body>#modal{width:auto!important;min-height:100%!important;max-height:none!important;box-shadow:none!important;z-index:auto!important;border:0!important;outline:0!important;position:static!important;inset:auto!important;transform:none!important}.win-body>#wire{height:100%!important}.win-body>#modal{background:0 0!important;display:block!important}.win-body>#modal .modal-box{width:auto;max-height:none;box-shadow:none;border:0;padding:10px 12px}#nav{z-index:50!important;max-height:calc(100vh - 110px)!important}#winmenu details{margin-top:4px}#winmenu summary{cursor:pointer;list-style:none}#winmenu summary::-webkit-details-marker{display:none}#winmenu details[open]{background:#070b08;border:1px solid #3a4234;flex-direction:column;gap:3px;width:110px;padding:3px;display:flex}#winmenu details[open]>*{width:100%}#winmenu .lock{color:#d8ecd0;align-items:center;gap:4px;font-size:11px;display:flex}#winmenu .slots{color:var(--phos-dim);flex-wrap:wrap;gap:2px;font-size:10px;display:flex}#winmenu .slots .btn{width:auto;padding:1px 4px}:root{--sp1:4px;--sp2:8px;--sp3:16px;--sp4:24px}.prog{margin:var(--sp1) 0 var(--sp2);width:100%}.prog-label{justify-content:space-between;gap:var(--sp2);font:600 11.5px/16px var(--mono);color:#f0e6c0;letter-spacing:.3px;margin-bottom:3px;display:flex}.prog.red .prog-label{color:#ffb0a0}.prog:not(.amber):not(.red) .prog-label{color:#d8f0cc}.prog-label span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.prog-pct{color:#b8c8a8;flex:none}.prog .pbar{background:#0a0f0a;border:1px solid #3a4a38;position:relative;height:10px!important;margin:0!important;overflow:hidden!important}.tile .prog{margin:2px 0 0}.tile .prog-label{margin-bottom:2px;font-size:9.5px;line-height:12px}.tile .prog .pbar{height:6px!important}#region .bitem,.blist .bitem{align-items:flex-start;gap:var(--sp2);padding:var(--sp2) 0;border-bottom:1px solid #1f2a1c;min-height:40px;display:flex}.bitem .bmain{flex:1;min-width:0}.bitem .bname{min-height:18px;line-height:18px}.bitem .count{color:var(--amber);font-weight:700}.bitem .lvl{color:#b8c8a8}.bitem>.btn{align-self:center}#region .sub{margin-top:var(--sp3);margin-bottom:var(--sp1)}#region,#selection,#queue{padding:var(--sp2)!important}#region .chip,.chip{margin:2px var(--sp1) 2px 0;display:inline-block}#queue .qrow,#queue .q-item{padding:var(--sp1) 0}.city-head #city-hint{flex:1 0 100%;order:9;line-height:16px}#top .season .season-ico{font-size:13px}#top .season-winter b{color:#cfe4ff}#top .season-spring b{color:#a8e08a}#top .season-summer b{color:#f0d060}#top .season-autumn b{color:#e8a060}#minimap{background:#0e1211;height:100%;min-height:60px;display:block;position:relative;overflow:hidden;padding:0!important}#minimap canvas{cursor:pointer;image-rendering:auto;display:block;position:absolute;top:0;left:0}.toast .tcount{color:var(--amber);margin-left:8px;font-weight:700}.toast .tcount:empty{display:none}#tip .tip-warn{color:#ff8a70;font-weight:700}#tip .tip-sec{color:#c8d8a0;margin-top:3px}#tip div{white-space:pre-wrap}#ctxmenu{z-index:60;min-width:220px;max-width:320px;font:12px var(--mono,monospace);color:#d8e0c8;background:#121712;border:1px solid #4a5a3a;padding:4px;position:fixed;box-shadow:0 6px 24px #0009}#ctxmenu[hidden]{display:none}#ctxmenu .ctx-head{color:#c8d8a0;border-bottom:1px solid #2c3626;margin-bottom:3px;padding:4px 8px 6px;font-weight:700}#ctxmenu button{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:5px 8px;display:block}#ctxmenu button:hover:not([disabled]),#ctxmenu button:focus-visible{background:#2a3622;outline:none}#ctxmenu button[disabled]{color:#6a7262;cursor:default}#ctxmenu button.danger{color:#ff9a80}#ctxmenu .ctx-sub{color:#9aa88a;padding:4px 8px 2px}#ctxmenu .ctx-row{flex-wrap:wrap;gap:2px;padding:0 4px 4px;display:flex}#ctxmenu .ctx-row button{border:1px solid #3a4630;width:auto;padding:3px 6px}#ctxmenu .ctx-row button.on{color:#e8f0c0;background:#3a4a2a}.chat{flex-direction:column;gap:6px;height:100%;display:flex}.chat-tabs{flex-wrap:wrap;gap:3px;display:flex}.chat-tabs .on{background:#3a4a2a}.chat-log{background:#0c100c;border:1px solid #263020;flex:1;min-height:80px;padding:6px;overflow-y:auto}.chat-log .cm.me b{color:#a8d878}.chat-log .cm b{color:#e0b870;margin-right:4px}.chat-form{gap:4px;display:flex}.chat-form input{flex:1;min-width:0}.linkchip{cursor:pointer}.trade-result{font:12px var(--mono);border-left:3px solid;margin:4px 0;padding:4px 8px}.trade-result.good{color:#c8f0b8;border-color:#6fe05a}.trade-result.bad{color:#ffd0c4;border-color:#f0503a}.chat.two{flex-direction:row;min-height:260px}.chat-side{flex-direction:column;flex:0 0 220px;gap:4px;width:220px;min-height:0;display:flex}.chat-side #chat-q{box-sizing:border-box;width:100%}.chat-list{background:#0a0e0a;border:1px solid #263020;flex:1;min-height:0;overflow-y:auto}.cn{text-align:left;color:#d8e0c8;width:100%;font:12px var(--mono,monospace);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #172016;align-items:center;gap:6px;padding:5px 6px;display:flex}.cn:hover,.cn:focus-visible{background:#18221a;outline:none}.cn.on{background:#2c3a22;box-shadow:inset 3px 0 #9fe08a}.cn .chip-c,.chat-head .chip-c{border:1px solid #000;flex:none;width:10px;height:14px;display:inline-block}.cn .dot{background:#8a9a80;border-radius:50%;flex:none;width:7px;height:7px}.cn .dot.war{background:#f0503a}.cn .dot.ally{background:#6fe05a}.cn-main{flex-direction:column;flex:1;min-width:0;display:flex}.cn-name,.cn-prev{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cn-prev{color:#7f8f78;font-size:11px}.cn .badge{color:#111;background:#d8a93a;border-radius:8px;padding:0 5px;font-size:10px;font-weight:700}.chat-main{flex-direction:column;flex:1;gap:6px;min-width:0;min-height:0;display:flex}.chat-head{align-items:center;gap:6px;display:flex}.chat.two{height:100%;overflow:hidden}.chat.two .chat-side,.chat.two .chat-main{height:100%}.chat.two .chat-log{min-height:0}.chat.two .chat-main .chat-log{flex:1 1 0}.chat.two{align-items:stretch}:root{--ui-panel:#080c09c7;--ui-edge:#96af8247;--ui-accent:#9fdc8a}.win{background:var(--ui-panel);border:1px solid var(--ui-edge);-webkit-backdrop-filter:blur(6px)saturate(1.1);border-radius:4px;outline:0;overflow:hidden;box-shadow:0 8px 28px #0000008c}.win-head{border-bottom:1px solid var(--ui-edge);background:linear-gradient(#222c1ed9,#121810d9);height:26px;padding-left:10px}.win-body{font-size:13px}.win-body>#region,.win-body>#selection,.win-body>#queue{padding:10px 12px!important}.win.dragging{box-shadow:0 0 0 1px var(--ui-accent), 0 10px 30px #000}#top{border-bottom:1px solid var(--ui-edge);-webkit-backdrop-filter:blur(6px);background:linear-gradient(#141a11eb,#0c100ae0);height:40px}#top .res b{font-variant-numeric:tabular-nums}.btn{border-color:#96af8259;border-radius:3px;transition:background .12s,border-color .12s}.btn:hover{border-color:var(--ui-accent)}.btn.on,.btn.primary{box-shadow:inset 4px 0 0 var(--ui-accent)}.btn:disabled,.btn.off{opacity:.45;cursor:not-allowed}.sub{border-bottom-color:var(--ui-edge);padding-bottom:2px}.tag{background:#283020b3;border-radius:0 3px 3px 0}.chip{border-color:var(--ui-edge);background:#242a1ebf;border-radius:3px}input,select{border-color:var(--ui-edge);background:#141810d9;border-radius:3px}.win-body>#region,.win-body>#selection,.win-body>#queue,.win-body>#wire{background:0 0!important}.cmdgrid{grid-template-columns:repeat(4,minmax(64px,1fr));gap:4px;margin:4px 0 8px;display:grid}.btn.cmd{white-space:nowrap;text-overflow:ellipsis;height:38px;padding:2px 4px;font-size:11px;overflow:hidden}.cityrow{align-items:stretch;gap:10px;margin:4px 0;display:flex}.rcibox{background:#00000040;border-radius:4px;align-items:flex-end;gap:4px;height:64px;padding:2px 4px;display:flex}.rci{flex-direction:column-reverse;align-items:center;width:14px;height:100%;display:flex;position:relative}.rci i{border-radius:2px 2px 0 0;width:100%;display:block}.rci span{opacity:.8;font-size:10px;position:absolute;bottom:-14px}.svcbox{flex:1;grid-template-columns:1fr 1fr;gap:2px 10px;font-size:12px;display:grid}.svc{justify-content:space-between;display:flex}.svc b,.budget .num{font-variant-numeric:tabular-nums}.neg{color:#e0705a}.budget{width:100%}.budget .num{text-align:right}.budget .tot td{border-top:1px solid #fff3;font-weight:600}.counter{border:1px solid #ffffff1f;border-radius:4px;gap:4px;margin-top:8px;padding:6px 8px;display:grid}.counter input[type=number]{width:90px}.counter input[type=text]{width:100%}.builders td{vertical-align:middle;padding:2px 6px}.builders select{max-width:220px}.pbar{background:#ffffff1f;border-radius:3px;width:90px;height:6px;overflow:hidden}.pbar i{background:#c9b45c;height:100%;display:block}.marquee .track .copy{padding-right:70vw;display:inline-block}#selbox{z-index:15;pointer-events:none;background:#9fe08a24;border:1.5px solid #b8f59a;border-radius:2px;display:none;position:fixed;box-shadow:0 0 0 1px #0000008c,inset 0 0 0 1px #00000040}#selbox[data-n]:not([data-n="0"]):after{content:attr(data-n);font:bold 11px var(--mono,monospace);color:#d8ffc8;text-shadow:0 1px 2px #000;position:absolute;bottom:2px;right:3px}canvas#map,body.box-selecting,body.box-selecting *{-webkit-user-select:none;user-select:none}:root{--ui-panel:#090d0af7}.win{-webkit-backdrop-filter:none}.win-body{flex-direction:column;min-width:0;display:flex}.win-body>*{box-sizing:border-box;flex:auto;min-width:0;min-height:0}.win-body>#chat{flex-direction:column;padding:8px 10px;display:flex;overflow:hidden}#chat>.chat{flex:auto;height:auto;min-height:0}.win:has(#chat){min-width:400px;min-height:260px}.chat.two{gap:8px;min-height:0}.chat-side{flex:0 0 clamp(130px,32%,220px);width:clamp(130px,32%,220px)}.chat-main{min-height:0}.chat-head{flex-wrap:wrap;flex:none;row-gap:2px;min-height:22px}.chat-head .dim{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chat.two .chat-main .chat-log{overscroll-behavior:contain;flex:1 1 0;min-height:60px;overflow-y:auto}.chat-log{color:#e4dfca;background:#0b0f0b;padding:8px 10px;font-size:13px;line-height:1.45}.chat-log .dim{white-space:normal;overflow-wrap:anywhere}.chat-log .cm{overflow-wrap:anywhere;margin:3px 0}.chat-form{flex:none;margin-top:auto}.win-body p,.win-body td,.win-body li,.win-body .dim{overflow-wrap:anywhere}.win-body table{max-width:100%}.win-body button,.win-body .btn{text-overflow:ellipsis;max-width:100%;overflow:hidden}.win-body input,.win-body select,.win-body textarea{box-sizing:border-box;max-width:100%}.mailwrap{min-height:0}@media (width<=720px){.chat-side{flex-basis:120px;width:120px}}.wxr{flex-direction:column;gap:10px;min-width:0;padding:10px 12px;display:flex}.wxr-picks{scrollbar-width:thin;gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.wxr-picks .btn{white-space:nowrap;flex:none}.wxr-alert{border-left:5px solid;border-radius:3px;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:7px 10px;font-size:13px;display:flex}.wxr-alert b{text-transform:uppercase;letter-spacing:.4px;font-size:12px}.wxr-alert.warning{color:#ffd8cc;background:#3a1210;border-color:#ff5a3c}.wxr-alert.watch{color:#ffe9c4;background:#3a2a0c;border-color:#ffb43c}.wxr-alert.advisory{color:#f4efc8;background:#2c2a14;border-color:#e8d45a}.wxr-now{background:linear-gradient(135deg,#142036,#0d1420);border:1px solid #2a3a58;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 14px;padding:10px 14px;display:grid}.wxr-big{font-size:54px;line-height:1}.wxr-temp{flex-direction:column;min-width:0;display:flex}.wxr-temp b{color:#f2f6ff;font-size:40px;font-weight:600;line-height:1}.wxr-temp span{color:#c9d6ee;overflow-wrap:anywhere;font-size:13px}.wxr-stats{grid-template-columns:repeat(3,auto);gap:4px 14px;margin:0;display:grid}.wxr-stats dt{text-transform:uppercase;letter-spacing:.5px;color:#8ea2c4;font-size:10px}.wxr-stats dd{color:#eef3ff;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:14px}.wxr-sum{color:#dfe6f4;margin:0;font-size:13px;font-style:italic}.wxr-hours{scrollbar-width:thin;grid-auto-columns:minmax(46px,1fr);grid-auto-flow:column;gap:4px;display:grid;overflow-x:auto}.wxr-h{background:#10161f;border:1px solid #222c3a;border-radius:4px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:12px;display:flex}.wxr-h i{font-size:18px;font-style:normal}.wxr-h b{color:#f0f4ff}.wxr-h small{color:#7fb4ff;font-size:10px}.wxr-days{flex-direction:column;gap:2px;display:flex}.wxr-d{background:#0f141c;border-radius:3px;grid-template-columns:minmax(44px,70px) 26px 46px 34px 1fr 34px;align-items:center;gap:8px;padding:5px 8px;font-size:13px;display:grid}.wxr-d i{text-align:center;font-size:18px;font-style:normal}.wxr-dn{color:#eef2fa;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wxr-pop{color:#7fb4ff;font-size:11px}.wxr-lo{color:#9fb0c8;text-align:right;font-variant-numeric:tabular-nums}.wxr-hi{color:#fff;font-variant-numeric:tabular-nums}.wxr-bar{background:#1e2633;border-radius:3px;min-width:30px;height:6px;position:relative}.wxr-bar em{background:linear-gradient(90deg,#6fb6ff,#ffd36a,#ff8a4a);border-radius:3px;position:absolute;top:0;bottom:0}.wxr-fx summary{cursor:pointer;color:var(--amber,#c9a24a);font-size:12px}.win-body:has(.wxr){container-type:inline-size}@container (width<=430px){.wxr-now{grid-template-columns:auto 1fr}.wxr-stats{grid-column:1/-1}.wxr-big{font-size:40px}.wxr-temp b{font-size:32px}.wxr-d{grid-template-columns:48px 24px 40px 30px 1fr 30px;gap:5px;padding:4px 6px}}@container (width<=320px){.wxr-d{grid-template-columns:44px 22px 30px 1fr 30px}.wxr-pop{display:none}}#wire{border-top:0;border-bottom:1px solid var(--ui-edge,#2e3128);z-index:5;grid-template-rows:23px 23px;grid-template-columns:92px 1fr;height:46px!important;display:grid!important;position:fixed!important;inset:40px 0 auto!important}#wire .wire-label{justify-content:center;height:23px;font-size:11px}#wire>.marquee:first-of-type{border-bottom:1px solid #1c2119}#nav{top:94px}#city .city-head{top:92px}#city-info{top:94px}#city-bar{bottom:8px}.float-grip{cursor:grab;-webkit-user-select:none;user-select:none;height:16px;font:10px var(--mono);letter-spacing:1px;color:var(--phos-dim);background:linear-gradient(#222c1ed9,#121810d9);border-bottom:1px solid #2a3326;align-items:center;gap:6px;margin:-2px -4px 4px;padding:0 6px;display:flex}.float-grip:active{cursor:grabbing}.float-grip .dots{color:var(--amber)}body.layout-locked .float-grip{cursor:default;opacity:.6}.city-head .float-grip{flex:1 0 100%;order:-1;margin:-4px -8px 4px}body.nav-right #nav{left:auto;right:8px}.rx-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:8px 0;display:grid}.rx-card{background:#0c120d;border:1px solid #2a3326;flex-direction:column;padding:5px 8px;display:flex}.rx-card .lbl{font:10px var(--mono);color:var(--phos-dim);text-transform:uppercase}.rx-card b{font-variant-numeric:tabular-nums}.rx-card b.neg{color:var(--bad)}.rx-chart{background:#080c09;border:1px solid #222a20;margin:4px 0 8px}.rx-chart svg{width:100%;height:92px;display:block}.rx-axis{font:10px var(--mono);color:var(--phos-dim);justify-content:space-between;gap:8px;padding:2px 6px;display:flex}.rx-leg span{margin-right:10px}.rx-leg i{vertical-align:middle;width:10px;height:3px;margin-right:4px;display:inline-block}.rx-tab{width:100%;font-size:12px}.rx-tab td,.rx-tab th{text-align:left;padding:2px 6px}.rx-advice{background:#0c120d;border-left:3px solid #555;margin:8px 0;padding:8px 10px}.rx-advice.good{border-color:#8fc86a}.rx-advice.warn{border-color:#e0b84a}.rx-advice b:first-child{letter-spacing:1px}table.keys td{padding:2px 8px}.btn.key{min-width:64px;font-family:var(--mono)}.btn.key.on{border-color:var(--amber);color:var(--amber)}table.navedit td{padding:1px 6px}table.navedit .btn{padding:0 6px}#top .reslink{cursor:pointer}