:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1d3540;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#1d3540}canvas{width:100%;height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none;display:block}.game-ui{pointer-events:none;color:#e8efe4;font-size:13px;line-height:1.3;position:fixed;inset:0}.hud-topbar,.hud-panel{pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f1212db;border:1px solid #aab59b52;position:absolute;box-shadow:0 10px 28px #00000047}.hud-topbar{justify-content:space-between;align-items:center;gap:16px;min-height:42px;padding:8px 10px;display:flex;top:12px;left:12px;right:12px}.hud-brand,.hud-controls{align-items:center;gap:10px;min-width:0;display:flex}.hud-brand strong{color:#f0d9a0;font-size:16px}.hud-brand span,.hud-controls span{color:#b9c4b2;white-space:nowrap}.hud-controls button{color:#edf3e7;min-width:46px;height:28px;font:inherit;cursor:pointer;background:#262c29eb;border:1px solid #a6b59759}.hud-controls button:hover,.hud-controls button.active{background:#56482df2;border-color:#f0d9a0d1}.hud-panel{width:300px;max-height:calc(100vh - 92px);padding:12px;top:70px;overflow:auto}.hud-panel-left{left:12px}.hud-panel-right{right:12px}.hud-panel section+section{border-top:1px solid #aab59b2e;margin-top:14px;padding-top:12px}.hud-panel h2{color:#f0d9a0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.hud-stock-grid,.hud-kpis,.hud-build-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.hud-build-tools button{color:#edf3e7;min-height:30px;font:inherit;cursor:pointer;background:#1f2523e0;border:1px solid #a6b59752}.hud-build-tools button:hover,.hud-build-tools button.active{background:#56482df2;border-color:#f0d9a0d1}.hud-build-message{color:#dce5d6;background:#1f2523b8;border-left:3px solid #b8a36d;min-height:30px;margin:8px 0 0;padding:7px 8px}.hud-minimap{aspect-ratio:4/3;cursor:crosshair;width:100%;max-width:240px;height:auto;image-rendering:pixelated;background:#1d3540;border:1px solid #aab59b57;display:block}.hud-stock,.hud-kpi{background:#1f2523e0;border-left:3px solid #aab59b59;flex-direction:column;justify-content:center;gap:2px;min-height:42px;padding:7px 8px;display:flex}.hud-stock span,.hud-kpi span{color:#aeb9a8;font-size:11px}.hud-stock strong,.hud-kpi strong{color:#f3f6ed;font-size:15px}.hud-stock.available,.hud-kpi.good{border-left-color:#7da66b}.hud-kpi.warn,.hud-list .warn{border-left-color:#b5574e}.hud-kpi.neutral,.hud-list .neutral{border-left-color:#b8a36d}.hud-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.hud-list li{background:#1f2523e0;border-left:3px solid #7da66b;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:30px;padding:6px 8px;display:grid}.hud-list span{color:#e6ece1;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hud-list strong{color:#f0d9a0;white-space:nowrap;font-size:12px}.building-window{pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f1212e6;border:1px solid #f0d9a06b;width:min(420px,100vw - 32px);max-height:min(58vh,520px);padding:12px;position:absolute;bottom:16px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 14px 34px #0000005c}.building-window.is-hidden{display:none}.building-window-header{border-bottom:1px solid #aab59b38;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex}.building-window-header strong{color:#f0d9a0;font-size:15px;display:block}.building-window-header span{color:#aeb9a8;text-transform:uppercase;margin-top:2px;font-size:11px;display:block}.building-window-actions{flex:none;align-items:center;gap:6px;display:flex}.building-window-header button{color:#edf3e7;width:28px;height:28px;font:inherit;cursor:pointer;background:#1f2523e6;border:1px solid #a6b59757}.building-window-header button.danger{color:#ffe5da;background:#58221ff2;border-color:#c43d3d9e;justify-content:center;align-items:center;gap:6px;width:auto;min-width:66px;padding:0 8px;display:inline-flex}.bomb-icon{background:#2a2725;border:1px solid #ffe5daeb;border-radius:50%;width:11px;height:11px;display:inline-block;position:relative;box-shadow:inset -2px -2px #00000059}.bomb-icon:before{content:"";border-top:2px solid #d8c28d;border-right:2px solid #d8c28d;border-radius:0 6px 0 0;width:7px;height:5px;position:absolute;top:-4px;left:6px;transform:rotate(-22deg)}.bomb-icon:after{content:"";background:#f0d9a0;width:3px;height:3px;position:absolute;top:-5px;left:12px;box-shadow:3px -1px #f0d9a0b8,1px -4px #f0d9a08a}.building-window-header button:hover{background:#56482df2;border-color:#f0d9a0d1}.building-window-header button.danger:hover{background:#842b24f5;border-color:#ffa88cf2}.building-window section{margin-top:12px}.building-window h3{color:#d8c28d;text-transform:uppercase;margin:0 0 7px;font-size:11px}.building-goods-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.building-goods,.building-row{background:#1f2523e0;border-left:3px solid #aab59b59;min-height:34px;padding:6px 8px}.building-row{grid-template-columns:minmax(82px,.45fr) minmax(0,1fr);align-items:center;gap:8px;display:grid}.building-row+.building-row{margin-top:6px}.building-goods.available,.building-row.good{border-left-color:#7da66b}.building-row.warn{border-left-color:#b5574e}.building-row.neutral{border-left-color:#b8a36d}.building-goods span,.building-row span{color:#aeb9a8;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;display:block;overflow:hidden}.building-goods strong,.building-row strong{color:#f3f6ed;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.building-empty{color:#aeb9a8;background:#1f2523b8;border-left:3px solid #aab59b59;margin:0;padding:8px}.soldier-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.soldier-card{background:#1f2523e0;border-left:3px solid #7da66b;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;min-height:48px;padding:7px 8px;display:grid}.soldier-card.training{border-left-color:#b8a36d}.soldier-avatar{background:#c99362;border:2px solid #2e2116;border-radius:50%;width:34px;height:34px;position:relative;box-shadow:inset 0 -9px #5737206b}.soldier-avatar:before{content:"";background:#6e7774;border:2px solid #2d3432;border-radius:12px 12px 5px 5px;width:20px;height:12px;position:absolute;top:-5px;left:5px}.soldier-avatar span{background:#1b1714;width:4px;height:4px;position:absolute;top:16px;left:8px;box-shadow:14px 0 #1b1714}.soldier-card strong,.soldier-card small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.soldier-card strong{color:#f3f6ed;font-size:13px}.soldier-card small{color:#aeb9a8;font-size:11px}.soldier-rank{gap:3px;margin-top:4px;display:flex}.soldier-rank i{background:#f0d9a0;width:12px;height:4px}@media (width<=920px){.hud-topbar{flex-direction:column;align-items:stretch}.hud-panel{width:calc(50vw - 24px)}}@media (width<=680px){.hud-panel-right{display:none}.hud-panel-left{width:calc(100vw - 48px)}.hud-controls{flex-wrap:wrap}}