:root{--panel: rgba(28, 29, 23, .96);--panel2: #25271f;--line: #565443;--text: #f0eadc;--dim: #b9b6a3;--gold: #e8c477;--bad: #ff9383;--ok: #a4d88a;--hud-height: 84px;--build-width: 236px;--map-size: 180px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.4;color:var(--text);color-scheme:dark}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#686753 transparent}html,body{margin:0;height:100%;overflow:hidden;background:#1a1c16}#view{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block}.hidden{display:none!important}.dim{color:var(--dim)}.small{font-size:11px}.bad{color:var(--bad)}.ok{color:var(--ok)}.warn{color:var(--gold)}button{background:#383b2e;color:var(--text);border:1px solid var(--line);border-radius:5px;padding:5px 9px;cursor:pointer;font:inherit;line-height:1.3}button:hover:not(:disabled):not([aria-disabled=true]){background:#454836;border-color:var(--gold)}button:disabled{opacity:.5;cursor:not-allowed}button.danger{background:#592e26;border-color:#895146}button.resume{background:#334c2b}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}select,input,textarea{background:#191c16;color:var(--text);border:1px solid var(--line);border-radius:4px;font:inherit;padding:4px 6px;max-width:100%}input[type=number]{width:64px}input[type=checkbox]{accent-color:var(--gold);vertical-align:middle}kbd{font-family:inherit;font-size:10px;color:var(--dim);border:1px solid #ffffff26;border-radius:3px;padding:1px 4px;white-space:nowrap}#login{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,#46543a,#131811 75%);z-index:50}#loginform{background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--gold);padding:36px;border-radius:12px;text-align:center;width:min(390px,92vw);box-shadow:0 20px 80px #0006}#loginform h1{margin:0;font-family:Georgia,serif;font-size:48px;font-weight:400;letter-spacing:5px;color:var(--gold)}#loginform .tag{margin:6px 0 28px;color:var(--dim);font-style:italic}#loginform label{display:block;text-align:left;color:var(--dim);margin-bottom:6px}#loginform input{width:100%;padding:10px;font-size:15px;margin-bottom:12px}#loginform button{width:100%;padding:10px;font-size:15px;border-color:#b59b61;background:#504a31}#loginerr{min-height:18px;margin-top:10px;color:var(--bad)}#topbar{position:fixed;top:0;left:0;right:0;background:var(--panel);border-bottom:1px solid var(--line);z-index:10;box-shadow:0 3px 14px #0003}.hud-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:7px 12px}.resource-row{border-top:1px solid #ffffff0d;padding-top:5px;padding-bottom:5px;gap:6px 16px}#topbar .spacer{flex:1}.kname{font-family:Georgia,serif;font-size:18px;display:flex;align-items:center;gap:8px;margin-right:8px;max-width:230px;overflow-wrap:anywhere}.kname i,.ph i{width:11px;height:11px;border-radius:3px;display:inline-block;flex-shrink:0}.pill{background:#ffffff05;border:1px solid #ffffff16;border-radius:5px;padding:4px 9px;cursor:default;white-space:nowrap;font-variant-numeric:tabular-nums}button.pill{cursor:pointer}.pill.warn{color:var(--gold);border-color:#a78845}.pill.danger{color:#fff;background:#833529;border-color:#dc8270}.resource-strip{display:flex;flex-wrap:wrap;gap:5px 14px;flex:1}.res{display:inline-flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}.res>span{color:var(--dim)}.res b{font-variant-numeric:tabular-nums}.res i,.chip i{width:8px;height:8px;border-radius:50%;display:inline-block;border:1px solid #ffffff30;flex-shrink:0}.hud-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.hud-actions button{font-size:12px}.research-summary{max-width:320px}.badge{background:#883d2c;border-radius:4px;padding:1px 5px;font-size:11px}#topbar button.active{border-color:var(--gold);background:#4d4933}#buildmenu{position:fixed;left:10px;top:calc(var(--hud-height) + 10px);width:var(--build-width);max-height:calc(100vh - var(--hud-height) - 20px);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px;z-index:10;box-shadow:0 4px 20px #0003}#buildmenu.collapsed{width:110px}.bm-head{display:flex;align-items:center;gap:8px;width:100%;font-weight:600;padding:4px 3px 8px;color:var(--gold);background:none;border:0;text-align:left;font-size:15px}.bm-head>span{margin-left:auto}#buildbody{display:flex;flex-direction:column;min-height:0}.build-filters{padding-bottom:8px;border-bottom:1px solid var(--line)}#buildsearch,#buildcategory{width:100%}#buildsearch{font-size:12px;padding:7px;margin-bottom:4px}.locked-filter{display:flex;align-items:center;gap:4px;color:var(--dim);font-size:12px;margin-top:6px;cursor:pointer}#buildlist{overflow-y:auto;min-height:0;padding:0 3px 0 0;overscroll-behavior:contain}.bm-cat{display:flex;justify-content:space-between;margin:12px 3px 5px;font-size:10px;text-transform:uppercase;color:var(--dim);letter-spacing:1.4px}.bm-cat>span{opacity:.7}.bbtn{display:flex;align-items:center;gap:8px;width:100%;text-align:left;margin:3px 0;padding:6px 8px}.bbtn i{width:9px;height:9px;border-radius:2px;flex:none}.bbtn.active,button[data-priority].active{border-color:var(--gold);background:#544a30}.bbtn.locked{color:var(--dim);background:#ffffff03;border-color:#ffffff12;cursor:not-allowed}.lock-label{margin-left:auto;font-size:10px;color:var(--dim)}.empty-state{padding:20px 8px;text-align:center;line-height:1.7}#placement{position:fixed;top:calc(var(--hud-height) + 10px);left:calc(var(--build-width) + 20px);right:10px;width:fit-content;max-width:calc(100vw - var(--build-width) - 30px);display:flex;align-items:center;gap:20px;padding:10px 14px;background:var(--panel);border:1px solid var(--gold);border-radius:8px;z-index:11;box-shadow:0 4px 20px #0004}#placement>div{display:flex;flex-direction:column}#placement .dim{font-size:12px}#placement button{flex-shrink:0}.eyebrow{display:block;color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:1.6px;margin-bottom:3px}#rightcol{position:fixed;right:10px;top:calc(var(--hud-height) + 10px);bottom:calc(var(--map-size) + 24px);display:flex;flex-direction:column;align-items:flex-end;gap:8px;z-index:10;pointer-events:none}#rightcol>*{pointer-events:auto}#selection,#stockpanel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 20px #0003;min-height:0;overflow-y:auto;overscroll-behavior:contain}#selection{width:360px;flex:1 1 0;padding:12px}#stockpanel{width:300px;flex:0 1 auto;max-height:38vh;padding:8px;font-size:12px}#stockpanel:not(.hidden):has(+#selection:not(.hidden)){max-height:40%}.sp-head{display:flex;align-items:center;gap:6px;padding:0 2px 6px;color:var(--gold)}.sp-head .x{margin-left:auto}table.stockp{width:100%;border-collapse:collapse}table.stockp th{font-weight:400;color:var(--dim);font-size:11px;text-align:left;position:sticky;top:-8px;background:var(--panel2)}table.stockp td,table.stockp th{padding:3px;white-space:nowrap}table.stockp tr:hover td{background:#ffffff08}table.stockp .n{text-align:right;font-variant-numeric:tabular-nums}table.stockp td.it{overflow:hidden;text-overflow:ellipsis;max-width:120px}table.stockp td.it i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}table.stockp .neg{color:#e0ad84}.ph{display:flex;align-items:center;gap:6px;font-size:15px;margin-bottom:8px;flex-wrap:wrap}.ph .dim{font-size:12px}.ph .x{margin-left:auto}.x{padding:4px 7px}.status{color:var(--gold);margin-bottom:8px;padding:4px 7px;border-left:2px solid var(--gold);background:#e8c4770a}.status:empty{display:none}h4{margin:16px 0 6px;padding-bottom:4px;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--dim);border-bottom:1px solid #ffffff18}.kv{margin:6px 0}.row{margin:4px 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:3px;background:#ffffff08;border-radius:3px;padding:1px 4px;white-space:nowrap}.inv{display:flex;flex-wrap:wrap;gap:4px}.bar{position:relative;height:19px;background:#161912;border-radius:4px;overflow:hidden;margin:5px 0;border:1px solid #ffffff20}.bar div{position:absolute;inset:0 auto 0 0;opacity:.65}.bar.prog div{background:#9c803a}.bar.trainbar div{background:#4779a3}.bar span{position:relative;font-size:11px;padding-left:6px;line-height:17px;color:#fff;text-shadow:0 1px 2px #000}table.recipes{width:100%;border-collapse:collapse}table.recipes td{padding:7px 2px;border-bottom:1px solid #ffffff12;vertical-align:top}table.recipes td.mode{text-align:right}table.recipes td.mode input{margin-top:4px}table.recipes tr.locked{color:var(--dim)}.io{margin-top:4px;font-size:12px}.hint{color:var(--dim);font-size:12px;margin:8px 0;line-height:1.5}.actions{margin-top:12px;display:flex;gap:6px;flex-wrap:wrap}.actions.top{margin:6px 0 8px}.train{padding:8px 0;border-bottom:1px solid #ffffff18}.train button{margin:5px 5px 0 0}.train.locked{color:var(--dim)}.forage{border-top:1px solid #ffffff22;margin-top:12px;padding-top:8px}#notices{position:fixed;left:calc(var(--build-width) + 20px);bottom:12px;z-index:10;width:min(450px,calc(100vw - var(--build-width) - var(--map-size) - 50px));pointer-events:none}.notice{background:var(--panel);border-left:3px solid var(--gold);padding:7px 12px;margin-top:6px;border-radius:4px;box-shadow:0 3px 12px #0002}.notice.bad{border-left-color:var(--bad)}.notice.jump{pointer-events:auto;cursor:pointer}.notice.jump:hover,.notice.jump:focus{outline:1px solid var(--gold)}#minimap{position:fixed;right:10px;bottom:10px;width:var(--map-size);height:var(--map-size);border:1px solid #b4ae85;border-radius:6px;box-shadow:0 3px 18px #0005;z-index:10;cursor:crosshair;touch-action:none}#modalbackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;background:#0b100ba6}#modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(880px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow-y:auto;overscroll-behavior:contain;background:var(--panel2);border:1px solid #817655;border-radius:10px;padding:24px;z-index:20;box-shadow:0 16px 60px #0008}#modal .x{position:sticky;float:right;right:0;top:0;margin:0 0 8px 12px;z-index:1;background:var(--panel2)}#modal h3{margin:0 32px 14px 0;color:var(--gold);font-family:Georgia,serif;font-weight:400;font-size:25px}#modal li{margin:8px 0}#feedback-text{display:block;width:100%;resize:vertical;margin:8px 0 12px}.quickstart{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;clear:both}.quickstart>div{background:#ffffff04;border:1px solid var(--line);border-radius:6px;padding:14px}.quickstart b{display:block;margin:8px 0}.quickstart p{color:var(--dim);font-size:12px;margin:0}.control-summary{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 12px}.techs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.tech{background:#0002;border:1px solid var(--line);border-radius:6px;padding:12px}.tech.done{border-color:#597847}.tech.locked{color:var(--dim);border-color:#ffffff15}.tech.active{border-color:var(--gold);background:#e8c47709}.tech .unl{color:var(--ok);font-size:12px;margin:6px 0}.tech button{margin-top:8px}table.tools td{padding:6px 16px 6px 0;text-align:left}#tooltip{position:fixed;z-index:30;pointer-events:none;background:#171b15fa;border:1px solid #817655;padding:7px 10px;border-radius:6px;max-width:min(340px,calc(100vw - 16px));box-shadow:0 4px 20px #0005;font-size:12px}#tooltip.build-details{width:360px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:hidden;padding:10px 12px}#tooltip.build-details h4{margin-top:6px;padding-bottom:2px}#tooltip .build-recipe{margin:5px 0;font-size:12px}#tooltip .kv{margin:3px 0}#selbox{position:fixed;border:1px solid #fff;background:#ffffff14;pointer-events:none;z-index:15}#disconnected{position:fixed;top:calc(var(--hud-height) + 10px);left:50%;transform:translate(-50%);background:#8a3022;padding:10px 16px;border-radius:6px;z-index:40;box-shadow:0 4px 20px #0005}#disconnected a{color:#fff}@media(max-width:1100px),(max-height:680px){:root{--build-width: 216px;--map-size: 140px}.hud-row{padding:5px 8px}.resource-strip{gap:4px 10px}#selection{width:330px}#buildmenu{left:8px}#rightcol{right:8px}#modal{padding:18px}}@media(max-width:700px){:root{--build-width: 196px;--map-size: 110px}.kname{font-size:15px;max-width:160px}.pill{padding:3px 6px;font-size:12px}.resource-strip{flex-basis:100%}.hud-actions{width:100%}.hud-actions kbd{display:none}.research-summary{margin-right:auto}#selection{width:min(310px,calc(100vw - 24px))}#stockpanel{width:min(290px,calc(100vw - 24px))}body:has(#selection:not(.hidden)) #buildmenu,body:has(#stockpanel:not(.hidden)) #buildmenu{visibility:hidden}#placement{gap:8px;padding:8px;left:10px;max-width:calc(100vw - 20px);top:auto;bottom:10px}body:has(#placement:not(.hidden)) #notices{display:none}#notices{left:10px;width:calc(100vw - var(--map-size) - 30px)}.quickstart{grid-template-columns:1fr}}.fv{color:#d9b86a;font-size:11px;white-space:nowrap}.foodsum{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:4px 0 12px}.foodsum>div{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:#ffffff06;border:1px solid #ffffff14;border-radius:6px}.foodsum b{font-size:20px;font-variant-numeric:tabular-nums}.foodsum .eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--dim)}.foodsum .dim{font-size:11px}table.foodt{margin:4px 0}table.foodt td.it{max-width:none}table.foodt .neg,.neg{color:#e0ad84}table.stockp tr.foodrow{cursor:pointer}table.stockp tr.foodrow td{border-bottom:1px solid #ffffff18;font-weight:600}#lobby{background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:12px;width:min(940px,96vw);max-height:94vh;display:flex;flex-direction:column;box-shadow:0 20px 80px #0006;padding:20px 24px}.lobby-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid #ffffff12;padding-bottom:10px}.lobby-head h1{margin:0;font-family:Georgia,serif;font-size:32px;font-weight:400;letter-spacing:4px;color:var(--gold)}.lobby-who button{margin-left:6px;font-size:12px}.lobby-body{display:grid;grid-template-columns:1fr 300px;gap:20px;min-height:0;overflow:hidden;padding-top:12px}#lobby h2{margin:0 0 10px;font-family:Georgia,serif;font-weight:400;font-size:18px;color:var(--gold)}.lobby-list{display:flex;flex-direction:column;min-height:0}#matchlist{overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px;min-height:120px}.match{border:1px solid #ffffff16;border-radius:8px;padding:9px 11px;background:#ffffff05;display:flex;flex-direction:column;gap:4px}.match.mine{border-color:var(--gold)}.match.in{background:#e8c47710}.m-top{display:flex;align-items:center;gap:8px}.m-name{flex:1;overflow-wrap:anywhere;font-size:14px}.m-count{color:var(--dim);font-variant-numeric:tabular-nums}#lobby .badge{background:transparent;color:var(--dim);font-size:11px;border-radius:10px;padding:1px 8px;border:1px solid #ffffff26;white-space:nowrap}#lobby .badge.waiting{color:var(--gold);border-color:#a78845}#lobby .badge.starting,#lobby .badge.waking{color:var(--text)}#lobby .badge.sleeping{color:var(--dim);border-style:dashed}#lobby .badge.running{color:var(--ok);border-color:#5f8a4d}.m-players{display:flex;flex-wrap:wrap;gap:4px 12px}.mp{display:inline-flex;align-items:center;gap:4px}.dot{width:8px;height:8px;border-radius:50%;background:#66655a;display:inline-block}.dot.on{background:var(--ok)}.m-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.m-actions{display:flex;gap:6px}.lobby-side{border-left:1px solid #ffffff12;padding-left:20px;overflow-y:auto}#createform{display:flex;flex-direction:column;gap:10px}#createform label{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--dim)}#createform label input:not([type=checkbox]),#createform select{width:160px}#createform label.check{justify-content:flex-start;color:var(--text)}#createform button[type=submit]{padding:9px;font-size:14px;border-color:#b59b61;background:#504a31;margin-top:4px}.seats{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:6px}.seats li{display:flex;justify-content:space-between;border:1px solid #ffffff16;border-radius:6px;padding:7px 10px}.seats li.empty{color:var(--dim);border-style:dashed}.invite{display:flex;flex-direction:column;gap:4px;margin:10px 0 14px}.invite code{background:#191c16;border:1px solid var(--line);border-radius:4px;padding:5px 7px;font-size:11px;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.invite button{align-self:flex-start}.room-actions{display:flex;flex-wrap:wrap;gap:8px}.room-actions button{padding:8px 12px}.starting{color:var(--gold);font-style:italic}#lobbyerr{min-height:18px;margin-top:10px;color:var(--bad)}.hud-link{color:var(--dim);text-decoration:none;border:1px solid transparent;border-radius:5px;padding:5px 9px}.hud-link:hover{color:var(--text);border-color:var(--line)}@media(max-width:760px){.lobby-body{grid-template-columns:1fr;overflow-y:auto}.lobby-side{border-left:0;padding-left:0;border-top:1px solid #ffffff12;padding-top:12px}}