:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4e8b8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#10160f;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}button{font:inherit}.button-icon{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px #0000007a);flex:none;width:24px;height:24px;display:block}body{background:radial-gradient(circle at 30% 20%,#4a693242,#0000 34%),linear-gradient(145deg,#11190f,#24321b 52%,#161c13);overflow:hidden}.main-menu,.game-shell{position:fixed;inset:0}.main-menu{--main-menu-bg:none;background-color:#07100f;background-image:linear-gradient(90deg, #040a0afa 0%, #050b0af0 31%, #050a098f 54%, #0508082e 100%), radial-gradient(ellipse at 17% 50%, #0000006b 0%, #00000029 42%, transparent 67%), linear-gradient(180deg, #090d0d66, #080a0994), var(--main-menu-bg);background-position:50%,50%,50%,50%;background-repeat:no-repeat;background-size:cover;align-content:center;justify-items:start;gap:clamp(22px,3.4vw,34px);padding:clamp(28px,7vw,88px);display:grid;overflow:hidden}.menu-copy,.menu-actions{z-index:1;position:relative}.eyebrow{color:#b8cf86;letter-spacing:0;text-transform:uppercase;text-shadow:0 2px 8px #000000d1;margin:0 0 10px;font-size:.82rem;font-weight:700}h1{color:#ffdc7b;letter-spacing:0;text-shadow:0 3px #463112c7,0 12px 26px #000000d1;margin:0;font-size:clamp(2.4rem,8vw,5.8rem);line-height:.95}.tagline{color:#f0dfae;text-shadow:0 2px 12px #000000e0;max-width:540px;margin:18px 0 0;font-size:clamp(1rem,2vw,1.22rem)}.menu-actions{gap:11px;width:min(320px,100vw - 56px);display:grid}.menu-actions button{color:#f7e9ae;cursor:pointer;text-shadow:0 2px 8px #000000b8;background:linear-gradient(#505937f7,#202d21fa 48%,#101a16fc),repeating-linear-gradient(90deg,#ffedab14 0 2px,#0000 2px 6px);border:2px solid #928460;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:7px 18px;font-weight:700;transition:border-color .12s,color .12s,filter .12s,transform .12s;display:inline-flex;box-shadow:inset 0 0 0 2px #0f110b85,inset 0 1px #ffeca842,0 5px #040807c7,0 12px 22px #0000006b}.menu-actions .button-icon{width:34px;height:34px}.menu-actions button:hover:not(:disabled),.menu-actions button:focus-visible{color:#fff1ba;filter:brightness(1.08);border-color:#d6bb69}.menu-actions button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 0 0 2px #0f110b8f,inset 0 1px #ffeca833,0 3px #040807c7,0 8px 18px #0006}.menu-actions button:focus-visible{outline-offset:3px;outline:2px solid #f2d36f}.menu-actions button:disabled{color:#9c9577;cursor:not-allowed;filter:saturate(.72);opacity:.72}.game-shell{background:#08100d;display:block}.game-shell.is-hidden,.main-menu.is-hidden{display:none}.game-container{width:100vw;height:100vh;overflow:hidden}.game-container canvas{cursor:default;image-rendering:auto;width:100%;height:100%;display:block}.game-container canvas:active{cursor:default}.build-panel{z-index:3;max-width:min(320px,100vw - 28px);box-shadow:none;background:0 0;border:0;flex-wrap:wrap;gap:6px;padding:7px;display:flex;position:fixed;top:14px;left:14px}.build-panel button{color:#e8dc9d;cursor:pointer;background:linear-gradient(#344231,#1d2a22);border:1px solid #89916e;justify-content:center;align-items:center;gap:8px;min-width:74px;min-height:42px;padding:5px 12px;display:inline-flex}.build-panel .button-icon,.game-actions .button-icon{width:30px;height:30px}.build-panel button.is-active{color:#ffe58c;background:linear-gradient(#4e5b34,#273622);border-color:#d3bd69;box-shadow:inset 0 0 0 2px #ffdf7029}.building-picker{color:#f2e4a5;z-index:2;background:linear-gradient(#1f2f25f7,#0a1410f7),repeating-linear-gradient(90deg,#ffffff09 0 2px,#0000 2px 5px);border:2px solid #72795f;width:min(390px,100vw - 28px);max-height:calc(100vh - 112px);padding:10px;position:fixed;top:82px;left:14px;overflow:auto;box-shadow:inset 0 0 0 2px #0000005c,0 12px 28px #00000061}.building-picker.is-hidden{display:none}.building-picker-header{justify-content:space-between;align-items:start;gap:12px;margin-bottom:10px;display:flex}.building-picker-header p,.building-picker-header h2{margin:0}.building-picker-header p{color:#91b37c;text-transform:uppercase;font-size:.74rem;font-weight:700}.building-picker-header h2{color:#f0c84a;font-size:1rem;line-height:1.2}#building-picker-close{color:#f4e8b8;cursor:pointer;background:linear-gradient(#344231,#1d2a22);border:1px solid #89916e;width:30px;min-width:30px;height:30px;font-weight:700}.building-picker-grid{gap:10px;display:grid}.building-picker-group h3{color:#9fbf86;text-transform:uppercase;margin:0 0 6px;font-size:.78rem}.building-picker-list{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;display:grid}.building-picker-card{color:#f2e4a5;cursor:pointer;text-align:left;background:linear-gradient(#344231,#1d2a22);border:1px solid #89916e;grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:2px 8px;min-height:58px;padding:7px;display:grid}.building-picker-card img{object-fit:contain;grid-row:1/span 2;width:42px;height:42px}.building-picker-card span{overflow-wrap:anywhere;min-width:0;font-size:.83rem;font-weight:700}.building-picker-card small{color:#9fbf86;font-size:.7rem}.building-picker-card:disabled{color:#9a9270;cursor:not-allowed;opacity:.62}.game-actions{z-index:3;box-shadow:none;background:0 0;border:0;gap:7px;padding:7px;display:flex;position:fixed;top:14px;right:14px}.game-actions button{color:#e8dc9d;cursor:pointer;background:linear-gradient(#344231,#1d2a22);border:1px solid #89916e;justify-content:center;align-items:center;gap:8px;min-width:68px;min-height:42px;padding:5px 12px;display:inline-flex}#zoom-out-button,#zoom-in-button{width:42px;min-width:42px;padding:5px}.game-actions button:disabled{color:#8b8871;cursor:not-allowed;opacity:.72}.game-actions button.is-active{color:#ffe58c;background:linear-gradient(#4e5b34,#273622);border-color:#d3bd69;box-shadow:inset 0 0 0 2px #ffdf7029}.modal-panel{z-index:4;color:#f2e4a5;background:linear-gradient(#273525fa,#0d1611fa),repeating-linear-gradient(90deg,#ffffff0a 0 2px,#0000 2px 5px);border:2px solid #8f875f;width:min(320px,100vw - 28px);padding:14px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #0000005c,0 18px 48px #00000085}.modal-panel.is-hidden{display:none}.modal-panel-header{justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px;display:flex}.modal-panel-header h2,.modal-panel-header p,.modal-copy{margin:0}.modal-panel-header p{color:#9fbf86;text-transform:uppercase;font-size:.74rem;font-weight:700}.modal-panel-header h2{color:#f0c84a;font-size:1.08rem;line-height:1.2}.modal-copy{color:#d9d0a8;font-size:.86rem}.modal-actions{gap:8px;margin-top:14px;display:grid}.modal-actions button{color:#f3e5a5;cursor:pointer;text-align:left;background:linear-gradient(#344231,#1d2a22);border:1px solid #89916e;justify-content:flex-start;align-items:center;gap:10px;min-height:38px;padding:4px 12px 4px 8px;display:inline-flex}.modal-actions .button-icon{width:30px;height:30px}.modal-actions button:disabled{color:#8b8871;cursor:not-allowed;opacity:.7}.victory-panel{background:linear-gradient(#323922fa,#0d1812fa),repeating-linear-gradient(90deg,#ffffff0b 0 2px,#0000 2px 5px);border-color:#b69c55;width:min(370px,100vw - 28px)}.debug-panel{z-index:3;color:#eadf9e;background:linear-gradient(#1d2d23f5,#0b1510f5),repeating-linear-gradient(90deg,#ffffff09 0 2px,#0000 2px 5px);border:2px solid #6e755e;width:min(260px,100vw - 28px);padding:10px 12px 12px;position:fixed;top:76px;right:14px;box-shadow:inset 0 0 0 2px #00000057,0 8px 20px #00000052}.debug-panel.is-hidden{display:none}.debug-panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.debug-panel h2{color:#f0c84a;margin:0;font-size:.98rem;line-height:1.2}#debug-panel-close{color:#f4e8b8;cursor:pointer;background:linear-gradient(#344231,#1d2a22);border:1px solid #89916e;width:30px;min-width:30px;height:30px;font-weight:700}.debug-toggle{color:#f3e5a5;cursor:pointer;align-items:center;gap:9px;min-height:32px;font-size:.82rem;display:flex}.debug-toggle input{accent-color:#d3bd69;width:16px;height:16px}.inspector-panel{top:var(--inspector-panel-top,76px);z-index:2;width:min(270px,100vw - 28px);max-height:calc(100vh - var(--inspector-panel-top,76px) - 14px);color:#eadf9e;background:linear-gradient(#1d2d23f2,#0b1510f2),repeating-linear-gradient(90deg,#ffffff09 0 2px,#0000 2px 5px);border:2px solid #6e755e;padding:10px 12px 12px;position:fixed;right:14px;overflow:auto;box-shadow:inset 0 0 0 2px #00000057,0 8px 20px #00000052}.inspector-panel.is-hidden{display:none}.inspector-panel-header{justify-content:space-between;align-items:start;gap:12px;margin-bottom:9px;display:flex}.inspector-panel-header>div{min-width:0}.inspector-panel h2{color:#f0c84a;margin:0;font-size:.98rem;line-height:1.2}.inspector-panel p{color:#9fbf86;margin:3px 0 0;font-size:.76rem}#inspector-panel-close{color:#f4e8b8;cursor:pointer;background:linear-gradient(#344231,#1d2a22);border:1px solid #89916e;width:30px;min-width:30px;height:30px;font-weight:700}#building-picker-close,#debug-panel-close,#inspector-panel-close{text-shadow:0 2px 4px #000000b8;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;padding:4px;font-size:1rem;font-weight:900;line-height:1;display:inline-flex}.inspector-panel dl{grid-template-columns:minmax(82px,1fr) minmax(82px,1.1fr);gap:5px 10px;margin:0;font-size:.78rem;display:grid}.inspector-panel dl.is-hidden,.inspector-resources.is-hidden{display:none}.inspector-resources{flex-wrap:wrap;gap:8px;margin:2px 0 10px;display:flex}.inspector-resource{background:linear-gradient(#132118b8,#060f0dcc),repeating-linear-gradient(90deg,#b9d69209 0 2px,#0000 2px 7px);border:1px solid #667655c7;border-radius:6px;grid-template-columns:30px minmax(2ch,auto);align-items:center;gap:7px;min-width:76px;min-height:38px;padding:3px 7px 3px 5px;display:grid;box-shadow:inset 0 0 0 1px #00000057,inset 0 1px #c4e0a014}.inspector-resource img{object-fit:contain;filter:drop-shadow(0 2px 2px #00000073);width:30px;height:30px}.inspector-resource span{color:#f5d876;font-variant-numeric:tabular-nums;text-align:right;text-shadow:0 2px 6px #000000c7;background:#040a0961;border:1px solid #44533bc7;border-radius:4px;min-width:2ch;padding:4px 7px;font-weight:700;line-height:1}.inspector-panel dt{color:#9fbf86}.inspector-panel dd{color:#f3e5a5;overflow-wrap:anywhere;text-align:right;min-width:0;margin:0}.inspector-actions{gap:8px;margin-top:12px;display:grid}.inspector-action-button{color:#f3e5a5;cursor:pointer;text-align:left;background:linear-gradient(#344231,#1d2a22);border:1px solid #89916e;grid-template-columns:38px 1fr;align-items:center;gap:9px;min-height:42px;display:grid}.inspector-action-button img{object-fit:contain;width:34px;height:28px}.hud{z-index:2;color:#f3e5a5;max-width:calc(100vw - 24px);box-shadow:none;white-space:nowrap;background:0 0;border:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;padding:0;font-size:.92rem;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.hud-resource{background:linear-gradient(#132118b8,#060f0dcc),repeating-linear-gradient(90deg,#b9d69209 0 2px,#0000 2px 7px);border:1px solid #667655c7;border-radius:6px;grid-template-columns:32px minmax(3ch,auto);align-items:center;gap:8px;min-width:82px;min-height:40px;padding:4px 7px 4px 6px;display:grid;box-shadow:inset 0 0 0 1px #0000005c,inset 0 1px #c4e0a014,0 2px 9px #0003}.hud-resource-icon{object-fit:contain;filter:drop-shadow(0 2px 2px #00000073);width:32px;height:32px}.hud-resource-count{color:#f5d876;font-variant-numeric:tabular-nums;text-align:right;text-shadow:0 2px 6px #000000c7;background:#040a0961;border:1px solid #44533bc7;border-radius:4px;min-width:2ch;padding:5px 8px;font-weight:700;line-height:1;display:block}@media (width<=640px){.main-menu{background-image:linear-gradient(180deg, #040a0a6b 0%, #040a0aeb 42%, #040908fa 100%), linear-gradient(90deg, #040a0ad1, #040a0a57), var(--main-menu-bg);background-position:50%,50%,83%;background-size:cover;align-content:end;padding-bottom:clamp(72px,13vh,116px)}.inspector-panel{width:min(260px,100vw - 16px);top:auto;bottom:72px;right:8px}.game-actions{max-width:calc(100vw - 128px);right:8px}.game-actions button{width:42px;min-width:42px;padding:5px}.game-actions button span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hud{justify-content:center;gap:8px;font-size:.86rem;bottom:8px}.hud-resource{grid-template-columns:28px minmax(2ch,auto);min-width:68px;min-height:38px;padding:3px 6px 3px 5px}.hud-resource-icon{width:28px;height:28px}.hud-resource-count{padding:4px 7px}}