:root{color:#eef4e8;font-synthesis:none;text-rendering:optimizelegibility;--panel:#141e1bf5;--line:#cde2ca24;--muted:#9eafa3;--gold:#dabb69;background:#101815;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.start-screen{background:linear-gradient(#090e0c33,#090e0cc7),repeating-linear-gradient(45deg,#0000 0 48px,#ffffff05 49px 50px),radial-gradient(circle at 28% 30%,#345442 0,#17251f 38%,#0d1512 76%);place-items:center;width:100%;height:100%;padding:32px;display:grid}.title-card{background:#0c1411e0;border:1px solid #dabb6947;border-radius:4px;width:min(960px,94vw);padding:46px;box-shadow:0 32px 100px #0000007a,inset 0 1px #ffffff0a}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;margin:0 0 9px;font-size:12px}.title-card h1{letter-spacing:-.045em;margin:0;font-family:Georgia,serif;font-size:clamp(48px,8vw,82px);font-weight:400;line-height:.98}.title-card h1 span{color:var(--gold)}.lead{color:#b7c5bb;max-width:720px;margin:24px 0 32px;font-size:17px;line-height:1.75}.faction-cards{grid-template-columns:1fr 1fr;gap:18px;display:grid}.faction-card{border:1px solid var(--line);min-height:170px;color:inherit;text-align:left;cursor:pointer;background:linear-gradient(145deg,#ffffff12,#ffffff05);grid-template-columns:68px 1fr;align-items:center;gap:20px;padding:24px;transition:transform .18s,border-color .18s,background .18s;display:grid;position:relative}.faction-card:hover{border-color:#ffffff6b;transform:translateY(-3px)}.faction-card.human:hover{background:linear-gradient(145deg,#4583be45,#ffffff06)}.faction-card.goblin:hover{background:linear-gradient(145deg,#5a91404a,#ffffff06)}.faction-card.experiment{grid-column:1/-1;min-height:130px}.faction-card.experiment.economy{grid-column:auto}.faction-card.experiment:hover{background:linear-gradient(145deg,#a55b424d,#ffffff06)}.experiment .crest{color:#e19b79;background:#8f412a33}.experiment.economy .crest{color:#e0cb70;background:#7565273d}.crest{clip-path:polygon(50% 0,100% 16%,90% 77%,50% 100%,10% 77%,0 16%);border:2px solid;place-items:center;width:64px;height:72px;font:30px Georgia,serif;display:grid}.human .crest{color:#84bff3;background:#3571a62e}.goblin .crest{color:#9bce73;background:#43732c33}.faction-card strong{margin-bottom:8px;font:29px Georgia,serif;display:block}.faction-card small{color:#c4d0c8;line-height:1.5;display:block}.faction-card em{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;border-top:1px solid var(--line);grid-column:1/-1;padding-top:13px;font-size:12px;font-style:normal}.version-boundary{color:#899a8e;margin-top:24px;font-size:13px}.back-button{color:#aebdb3;background:0 0;border:0;margin:-18px 0 24px;padding-left:0}.back-button:hover{color:#fff1be;background:0 0}.mode-card{width:min(820px,94vw)}.mode-options{grid-template-columns:1fr 1fr;gap:18px;display:grid}.mode-option{min-height:142px;color:inherit;text-align:left;background:linear-gradient(145deg,#ffffff12,#ffffff05);grid-template-columns:68px 1fr;align-items:center;gap:20px;padding:24px;display:grid}.mode-option:hover{border-color:#ffffff6b;transform:translateY(-3px)}.mode-option strong{margin-bottom:8px;font:27px Georgia,serif;display:block}.mode-option small{color:#b9c7bd;line-height:1.55;display:block}.mode-option.online .crest{color:#e8ca72;background:#87682333}.lobby-card{width:min(760px,94vw);min-height:620px}.lobby-content{border:1px solid var(--line);background:#ffffff06;min-height:310px;padding:20px}.lobby-loading,.lobby-empty{min-height:180px;color:var(--muted);text-align:center;place-items:center;display:grid}.lobby-toolbar,.room-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.room-list{gap:8px;max-height:230px;display:grid;overflow-y:auto}.room-row{text-align:left;background:#ffffff0b;justify-content:space-between;align-items:center;width:100%;padding:13px 15px;display:flex}.room-row span,.room-heading span{gap:3px;display:grid}.room-row small,.room-heading small,.room-player small,.lobby-note{color:var(--muted)}.room-row em{color:var(--gold);font-style:normal}.lobby-primary{color:#201b0e;background:#dabb69;border-color:#f1d98f;width:100%;margin-top:14px;padding:13px;font-weight:800}.lobby-primary:hover,.lobby-primary.ready{color:#eff7ec;background:#40564a}.room-heading strong{color:#f0d78c;font:23px Georgia,serif}.room-players{grid-template-columns:1fr 1fr;gap:10px;display:grid}.room-player{border:1px solid var(--line);background:#ffffff09;grid-template-columns:34px 1fr;align-content:center;gap:5px 10px;min-height:112px;padding:16px;display:grid}.room-player>span{width:28px;height:28px;color:var(--gold);border:1px solid #fff3;grid-row:1/3;place-items:center;display:grid}.room-player.ready{background:#477e4529;border-color:#81cb7e94}.room-player.self{box-shadow:inset 0 0 0 1px #dabb6947}.room-player.empty{opacity:.55}.lobby-faction-choice{grid-template-columns:1fr 105px 105px;align-items:center;gap:8px;margin-top:16px;display:grid}.lobby-faction-choice button.active.human{background:#3871a673;border-color:#83c5fb}.lobby-faction-choice button.active.goblin{background:#43732c7a;border-color:#9fd276}.lobby-note{text-align:center;margin:12px 0 0;font-size:12px}.online-status{color:#b9d9c2}.game-shell{background:#101815;grid-template-rows:58px minmax(0,1fr) 30px;height:100%;display:grid}.top-hud{z-index:20;border-bottom:1px solid var(--line);background:#131f1b;align-items:center;gap:25px;padding:0 16px;display:flex;box-shadow:0 4px 20px #00000040}.top-hud.paused{border-bottom-color:#e0af54a6}.hud-brand{min-width:180px;font:20px Georgia,serif}.hud-brand span{color:var(--gold);letter-spacing:.08em;margin-left:6px;font:10px system-ui}.hud-stat{align-items:baseline;gap:8px;min-width:94px;display:flex}.hud-stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.hud-stat strong{font-size:16px}.hud-stat strong.human{color:#87c4f7}.hud-stat strong.goblin{color:#a2d57b}.hud-stat.food strong{color:#f1cf69;font-size:20px}.hud-actions{gap:7px;margin-left:auto;display:flex}button{color:#ebf3e8;cursor:pointer;background:#26362f;border:1px solid #dcebd82e;border-radius:2px;padding:7px 11px;transition:border-color .14s,background .14s}button:hover:not(:disabled):not([aria-disabled=true]){background:#344b40;border-color:#e0eedc6b}button:disabled,button[aria-disabled=true]{opacity:.38;cursor:default}button.active{color:#171c15;background:var(--gold)}.play-area{grid-template-columns:minmax(0,1fr) 296px;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}#game-canvas{cursor:crosshair;touch-action:none;background:#31513a;width:100%;min-width:0;height:100%;min-height:0;display:block}.right-sidebar{z-index:12;background:var(--panel);border-left:1px solid var(--line);grid-template-rows:44px minmax(0,1fr) auto;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden;box-shadow:-12px 0 40px #0003}.command-tabs{border-bottom:1px solid var(--line);background:#101a16;grid-template-columns:repeat(2,1fr);gap:5px;padding:5px 7px;display:grid}.command-tabs button{color:#aebcb2;background:#1d2b25;grid-template-columns:auto 1fr;align-items:center;gap:7px;min-width:0;padding:3px 8px;display:grid;position:relative}.command-tabs button.active{color:#1b1b12;background:linear-gradient(#e5c96f,#b9983f);border-color:#eed47e}.command-tabs kbd{border:1px solid;border-radius:2px;min-width:20px;padding:2px 3px;font:700 10px ui-monospace,monospace}.command-tabs span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.command-tabs i{color:#241b08;background:#f2c857;border:1px solid #ffe9a6;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font:700 10px system-ui;display:grid;position:absolute;top:-4px;right:-3px;box-shadow:0 2px 8px #00000073}.command-tabs i.hidden{display:none}.panel{border-bottom:1px solid var(--line);scrollbar-gutter:stable;min-width:0;min-height:0;padding:10px 12px;overflow:auto}.selection-panel{border-bottom:0;border-top:1px solid var(--line);max-height:164px;overflow-y:auto}.panel h2{color:#f1e9c9;margin:0 0 8px;font:400 16px Georgia,serif}.panel dl{grid-template-columns:auto 1fr;gap:6px 10px;margin:8px 0 0;font-size:11px;display:grid}.panel dt{color:var(--muted)}.panel dd{color:#e5ece1;text-align:right;overflow-wrap:anywhere;margin:0}.entity-badge,.building-badge,.field-badge{border:2px solid #ffffff6b;place-items:center;width:42px;height:42px;font-size:15px;font-weight:700;display:grid}.entity-badge.human{background:#3f7eaf}.entity-badge.goblin{background:#518243}.building-badge{background:var(--badge)}.field-badge.full{color:#1e2010;background:#b6a946}.field-badge.empty{background:#745735}.selection-card{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;min-width:0;display:grid}.selection-copy{min-width:0}.selection-copy h2{text-overflow:ellipsis;white-space:nowrap;margin:0 0 2px;overflow:hidden}.selection-copy h2 em{color:#efd27c;vertical-align:2px;background:#dabb691f;border:1px solid #dabb6940;margin-left:6px;padding:1px 4px;font:9px system-ui;display:inline-block}.selection-copy p,.selection-heading span{color:#91a096;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;overflow:hidden}.selection-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.selection-list{flex-wrap:wrap;gap:4px;font-size:10px;display:flex}.selection-list span{background:#ffffff0b;border-left:2px solid #7f9f87;padding:4px 6px;display:block}.compact-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-width:0;margin:8px 0;display:grid}.compact-stats span{color:#8fa096;text-align:center;background:#ffffff0a;border-top:1px solid #dabb693d;min-width:0;padding:5px 4px}.compact-stats small{text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.compact-stats b{color:#edd27e;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:13px;line-height:1.15;display:block;overflow:hidden}.empty-copy,.hint{color:#91a096;font-size:12px;line-height:1.6}.hint{clear:both;margin:12px 0 0}.compact-empty{text-align:center;margin:3px 0;font-size:10px}.command-grid{grid-template-columns:1fr 1fr;gap:6px;min-width:0;display:grid}.command-grid.single{grid-template-columns:1fr}.command-button{text-align:left;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:6px;min-width:0;min-height:50px;padding:7px;display:grid;position:relative;overflow:hidden}.command-button b{color:#eed181;background:#dabb6929;border:1px solid #dabb6940;place-items:center;width:25px;height:25px;display:grid}.command-button span{overflow-wrap:anywhere;min-width:0;font-size:11px}.command-button .queue-count{z-index:2;color:#251c08;background:#efc654;border:1px solid #ffe7a0;border-radius:11px;place-items:center;min-width:21px;height:21px;padding:0 5px;font:800 11px system-ui;display:grid;position:absolute;top:5px;right:5px;box-shadow:0 2px 8px #0006}.button-row{gap:6px;margin-top:7px;display:flex}.button-row button{flex:1}.queue-list{gap:5px;min-width:0;margin-top:9px;display:grid}.queue-list.compact{scrollbar-gutter:stable;max-height:152px;padding-right:2px;overflow-y:auto}.queue-item{background:#ffffff0b;border-left:2px solid #dabb698c;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:6px 7px;font-size:11px;display:grid}.queue-item span{overflow-wrap:anywhere;min-width:0}.queue-item span>strong{color:#eed585;background:#dabb691f;border-radius:2px;place-items:center;min-width:19px;height:19px;margin-right:5px;font-size:9px;display:inline-grid}.queue-item small{color:#91a096;margin-top:2px;font-size:9px;display:block}.queue-item button{padding:4px 7px;font-size:10px}.queue-more{color:#91a096;text-align:center;margin:5px 0 0;font-size:10px}.wide{width:100%;margin-top:7px;display:block}.subtle{color:#a8b4ad;background:#ffffff06}.danger{color:#ffc4b7;background:#702d246b;border-color:#d85f4c61}.help-strip{z-index:20;color:#83958a;border-top:1px solid var(--line);white-space:nowrap;background:#0f1815;align-items:center;gap:12px;padding:0 12px;font-size:10px;display:flex}.speed-controls{align-items:center;gap:3px;margin-left:auto;display:flex}.speed-controls button{padding:2px 7px;font-size:10px}.pause-panel{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#070c0aa8;place-items:center;display:grid;position:absolute;inset:0 296px 0 0}.pause-panel.hidden{display:none}.pause-panel>div{text-align:center;background:#17231f;border:1px solid #dabb6966;width:310px;padding:28px;box-shadow:0 16px 60px #00000073}.pause-panel h2{color:#eed694;margin:0;font:29px Georgia,serif}.pause-panel p{color:var(--muted)}.toast{z-index:45;color:#f7f0d4;opacity:0;pointer-events:none;background:#0d1411eb;border:1px solid #ead38954;width:max-content;max-width:440px;padding:9px 14px;font-size:12px;transition:opacity .16s,transform .16s;position:absolute;bottom:24px;left:calc(50% - 148px);transform:translateY(8px)}.toast.visible{opacity:1;transform:translateY(0)}.hover-tooltip{z-index:100;pointer-events:none;color:#eef4e9;white-space:pre-line;background:#0a110ef7;border:1px solid #e2c6777a;width:max-content;max-width:min(270px,100vw - 16px);padding:9px 11px;font-size:11px;line-height:1.55;position:fixed;box-shadow:0 8px 28px #0000007a}.hover-tooltip.hidden{display:none}.debug-panel{z-index:18;background:#080f0ceb;border:1px solid #82d6a752;width:min(680px,100% - 330px);max-height:43%;padding:12px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;top:12px;left:12px;overflow:auto}.debug-panel.hidden{display:none}.debug-panel h3{color:#92e4b3;margin:0 0 7px;font-size:12px}.debug-panel p{margin:4px 0 8px}.debug-panel table{border-collapse:collapse;width:100%;margin-top:8px}.debug-panel th,.debug-panel td{text-align:left;border:1px solid #ffffff1c;padding:3px 5px}@media (max-width:840px){.title-card{padding:28px}.faction-cards,.mode-options,.room-players{grid-template-columns:1fr}.game-shell{grid-template-rows:52px minmax(0,1fr) 0}.play-area{grid-template-columns:minmax(0,1fr) 240px}.right-sidebar{grid-template-rows:42px minmax(0,1fr) auto}.selection-panel{max-height:150px}.hud-brand{min-width:0}.hud-stat:not(.food),.help-strip{display:none}.pause-panel{right:240px}}