:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;color:#eee7d6;font-synthesis:none;background:#9b845e;font-family:system-ui,sans-serif}.match-result[hidden]{display:none}.match-result{z-index:20;color:#382f21;background:#151c2580;place-items:center;display:grid;position:fixed;inset:0}.match-result>div{background:#e8dfc9;border:2px solid #a28b60;max-width:min(480px,92vw);padding:24px;box-shadow:0 4px 20px #1118}.match-result h1{margin:0 0 12px;font-family:Georgia,serif}.match-result p{line-height:1.5}.match-result button{font:inherit;color:inherit;cursor:pointer;background:#f3e8ce;border:1px solid #795c2b;margin:8px 8px 0 0;padding:8px 12px}.match-result button:focus-visible{outline-offset:3px;outline:2px solid #70552c}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}#scene{width:100%;height:100%}canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}canvas.is-dragging{cursor:grabbing}canvas:focus-visible{outline-offset:-3px;outline:2px solid #eed6a2}#controls{display:none}#status{pointer-events:none;background:#24271feb;max-width:calc(100% - 24px);margin:0;padding:10px;font-size:13px;position:fixed;top:80px;left:12px}#status[hidden],#hud [hidden],#diagnostics[hidden]{display:none!important}#hud{pointer-events:none;font-size:12px;position:fixed;inset:0}#hud .resource-bar{pointer-events:auto;font-variant-numeric:tabular-nums;background:#25271ff2;border:1px solid #8b7855;border-bottom:2px solid #ae9159;border-radius:2px;flex-wrap:wrap;align-items:center;gap:8px 20px;max-width:calc(100% - 100px);padding:6px 12px;display:flex;position:absolute;top:10px;left:12px;box-shadow:0 2px 8px #17180f60}.resource-bar strong{letter-spacing:.1em;color:#d8c091;font:600 14px Georgia,serif}.resource-bar span{gap:1px;min-width:58px;display:grid}.resource-bar small{color:#bdb8a9;font-size:10px}.resource-bar b{color:#f4e6c6;font-size:14px;font-weight:600}#hud .context-panel{pointer-events:auto;background:#24271ff2;border:1px solid #867550;border-top:3px solid #b79b65;border-radius:2px;width:610px;max-width:calc(100% - 24px);max-height:46vh;padding:10px;position:absolute;bottom:12px;left:12px;overflow:auto;box-shadow:0 3px 14px #10130d70,inset 0 0 0 1px #c9bb9220}.selection-summary{grid-template-rows:auto 1fr;grid-template-columns:58px 1fr;column-gap:10px;min-height:58px;margin-bottom:6px;display:grid}.selection-summary.no-portrait{grid-template-columns:1fr;min-height:0}.selection-portrait{object-fit:contain;background:#171b16;border:1px solid #716647;grid-row:1/3;width:58px;height:58px;padding:3px}#hud h2{color:#f2dfb5;margin:0 0 4px;font:600 16px/1.25 Georgia,serif}#hud p{color:#cfcabb;margin:0;line-height:1.45}#hud .production-progress{accent-color:#c0a36a;width:100%;height:9px;margin:0 0 5px}#hud .queue-info{color:#dccb9c;font-variant-numeric:tabular-nums;margin:0 0 7px;font-size:11px}.command-grid{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));align-items:stretch;gap:5px;display:grid}#hud button{min-width:0;font:inherit;color:#f0e6cf;cursor:pointer;background:#343a2e;border:1px solid #7e7050;border-bottom-color:#a18a59;border-radius:2px;align-content:start;justify-items:center;gap:3px;padding:5px 4px;display:grid;position:relative;box-shadow:inset 0 1px #ccba8d12}#hud button img{object-fit:contain;pointer-events:none;width:44px;height:44px}#hud .command-label{text-align:center;overflow-wrap:anywhere;font-size:11px;line-height:1.2}#hud .command-cost{color:#d6bd84;white-space:normal;text-align:center;font-variant-numeric:tabular-nums;font-size:10px}#hud kbd{color:#e6d2a5;pointer-events:none;background:#1b201af0;border-radius:2px;padding:1px 3px;font:9px/1.2 system-ui,sans-serif;position:absolute;top:3px;right:3px}#hud .utility-command{background:#2b3028;align-content:center;min-height:42px}#hud button:active:enabled{background:#252d22}#hud button:disabled{opacity:.43;cursor:not-allowed}#hud button[aria-pressed=true]{opacity:1;background:#484c33;border-color:#e6cd8b;box-shadow:inset 0 0 0 1px #c6b77e}#hud button:focus-visible{outline-offset:2px;outline:2px solid #f1d9a2}#hud .build-message{pointer-events:auto;background:#272b22ef;border-left:2px solid #b69c62;max-width:min(460px,90vw);padding:7px 10px;position:absolute;top:68px;left:12px}#fps{color:#e7d6ae;pointer-events:none;z-index:2;background:#20251cd9;border:1px solid #776947;border-radius:2px;margin:0;padding:4px 7px;font:12px/1.4 monospace;position:fixed;top:10px;right:10px}#diagnostics{color:#e7d6ae;white-space:pre-wrap;pointer-events:none;background:#20251ce8;border:1px solid #776947;border-radius:2px;max-width:calc(100% - 24px);padding:8px 10px;font:11px/1.5 monospace;position:fixed;bottom:12px;right:12px}@media (width<=650px){#hud .resource-bar{gap:5px 10px;padding:5px 7px}.resource-bar strong{display:none}.resource-bar b{font-size:12px}#hud .context-panel{max-width:calc(100% - 16px);max-height:44vh;padding:8px;bottom:8px;left:8px}.command-grid{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:4px}#hud button{min-height:44px}#hud button img{width:38px;height:38px}#hud .build-message{top:65px}#diagnostics{bottom:47vh}}#hud .resource-bar,#hud .context-panel{color:#332e23;background:#e8dfc9f2;border-color:#9b8359}.resource-bar strong,.resource-bar b,#hud h2{color:#4a3820}.resource-bar small,#hud p{color:#514c3e}#hud .queue-info{color:#70552c}#hud .build-message{color:#332e23;background:#e8dfc9f2}#hud .selection-portrait{background:#c9bea4;border-color:#a18c65}#hud button{color:#382f21;background:#dfd4bb;border-color:#a28b60}#hud button:hover:enabled{background:#f3e8ce;border-color:#795c2b}#hud button[aria-pressed=true]{background:#c7b080;border-color:#6f4f20}#hud .icon-command .command-label,#hud .icon-command .command-cost{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}#hud .icon-command{grid-template-rows:1fr;align-content:center;gap:0;width:72px;height:72px;min-height:0;padding:3px}#hud .icon-command img{object-fit:contain;width:100%;height:100%}#hud .command-grid{grid-template-columns:repeat(auto-fill,72px);justify-content:start}#hud .idle-workers{white-space:nowrap;align-content:center;min-height:32px;padding:3px 8px;font-size:11px}@media (width<=650px){#hud .command-grid{grid-template-columns:repeat(auto-fill,64px)}#hud .icon-command{width:64px;height:64px}}