:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;height:100%}.match-controls,.setup-controls{z-index:110;color:#f4e3c2;background:#302619f5;border:1px solid #bea06b;max-width:min(360px,100vw - 32px);font:13px/1.5 system-ui,sans-serif;position:absolute;top:3px;right:8px}.setup-controls{top:40px}.match-controls summary,.setup-controls summary{cursor:pointer;padding:3px 10px;font-family:Georgia,serif}.match-controls[open],.setup-controls[open]{padding:10px;box-shadow:0 5px 20px #0008}.match-controls button,.setup-controls button,.match-controls select,.setup-controls select{border-radius:2px;font-size:12px}@media (width<=600px){.match-controls{top:40px;right:8px}.setup-controls{top:40px;right:116px}}.resource-panel{z-index:90;background:linear-gradient(#c6a76b,#70512b 45%,#b99b5f);border-bottom:2px solid #302316;height:34px;position:fixed;inset:0 0 auto;box-shadow:0 2px 5px #0008}.resource-panel-inner{align-items:center;gap:3px;width:fit-content;padding:3px 5px;font-family:Georgia,serif;display:flex}.resource-item{background:#201d18;border:1px solid #d0b67d;align-items:center;gap:8px;height:25px;padding:0 8px;display:flex;box-shadow:inset 0 0 3px #000}.resource-icon{font-size:18px}.resource-value{color:#fff1d0;text-align:right;font-variant-numeric:tabular-nums;min-width:38px;font-size:13px;font-weight:700}.resource-gold .resource-value{color:#f6d87d}.resource-divider{display:none}@media (width<=600px){.resource-item{gap:3px;padding:0 4px}.resource-value{min-width:25px;font-size:11px}}.game-icon-bg,.game-icon-art{grid-area:1/1;place-self:center}.game-icon-bg{width:100%;height:100%}.game-icon-art{object-fit:contain;width:80%;height:80%}.action-panel{z-index:90;background:url(/textures/bottompanelleft.png) 0/auto 100% no-repeat,url(/textures/bottompanelright.png) 100%/auto 100% no-repeat,#d9b781 url(/textures/bottompanelcenter.png) 50%/100% 100% no-repeat;position:fixed;inset:auto 0 0;box-shadow:0 -2px 8px #0007}.action-panel-inner{color:#342718;grid-template-rows:auto auto;grid-template-columns:224px minmax(180px,1fr) auto;align-items:start;gap:8px 22px;min-height:148px;padding:12px 18px;font-family:Georgia,serif;display:grid}.action-panel-header{grid-area:1/2;align-items:center;gap:12px;font-size:15px;font-weight:700;display:flex}.selection-icon{background:#493a27;border:3px ridge #b99a60;place-items:center;width:52px;height:52px;font-size:28px;display:grid}.selection-count{color:#48632b}.action-panel-divider{display:none}.action-grid{background:#392b1e;border:3px ridge #ac8951;grid-area:1/1/3;grid-template-columns:repeat(4,48px);align-content:start;gap:5px;min-height:106px;padding:8px;display:grid}.action-button{color:#fff1cf;background:linear-gradient(#69543a,#34281d);border:2px outset #b69a63;border-radius:0;width:48px;height:48px;padding:0}.action-button:hover:not(:disabled){background:#79613d;border-color:#ffe2a1}.action-button:active:not(:disabled){border-style:inset}.action-button:disabled{opacity:.45;cursor:not-allowed}.action-icon{place-items:center;width:100%;height:100%;font-size:25px;display:grid}.action-panel button:focus-visible,.global-queue button:focus-visible{outline-offset:2px;outline:2px solid #fff1bb}.production-queue{flex-wrap:wrap;grid-area:1/3/3;gap:5px;max-width:300px;display:flex}.production-item{background:#483923;border:2px ridge #b69a63;place-items:center;width:48px;height:52px;display:grid;position:relative}.production-icon{place-items:center;width:100%;height:100%;font-size:24px;display:grid}.production-progress{pointer-events:none;background:#8cbb59;height:4px;position:absolute;bottom:0;left:0}.production-cancel{color:#fff1cf;background:#251b13;border-radius:0;padding:0 3px;font-size:11px;position:absolute;top:0;right:0}.production-cancel:disabled{opacity:.4;cursor:not-allowed}.production-blocked{font-size:12px;position:absolute;top:0;left:0}.action-panel-status,.selection-help{grid-area:2/2;margin:0;font:13px/1.5 system-ui,sans-serif}@media (width<=760px){.action-panel-inner{grid-template-columns:224px 1fr;gap:8px;padding:8px}.production-queue{grid-area:3/2;max-height:64px;overflow:auto}}@media (width<=480px){.action-panel-inner{grid-template-columns:164px 1fr}.action-grid{grid-template-columns:repeat(3,44px);padding:4px}.action-button{width:44px;height:44px}.selection-icon{display:none}}.global-queue{z-index:90;color:#f7e6c7;background:#241d16db;border:1px solid #9d8050;align-items:center;gap:8px;max-width:calc(100vw - 210px);padding:4px 8px;font:12px system-ui,sans-serif;display:flex;position:fixed;top:42px;left:8px}.queue-heading{white-space:nowrap}.queue-heading b{color:#eed095;margin-left:4px}.queue-empty{color:#c5b697;white-space:nowrap}.global-queue-items{gap:4px;display:flex;overflow-x:auto}.global-queue-item{color:#ffedcb;white-space:nowrap;text-transform:capitalize;background:#423520;border:1px solid #957b51;border-radius:0;align-items:center;gap:6px;padding:5px 8px 9px;font-size:12px;display:flex;position:relative}.global-queue-item[aria-pressed=true]{background:#645031;border-color:#ffe1a1}.global-queue-item small{color:#e0d1ad}.queue-icon{place-items:center;width:24px;height:24px;display:grid}@media (width<=600px){.global-queue{max-width:calc(100vw - 34px);top:76px}}