*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:#0b0f14;font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.app{background:#0d1117;width:100vw;height:100vh;position:relative;overflow:hidden}.game-canvas{width:100%;height:100%;image-rendering:pixelated;z-index:0;display:block;position:absolute;inset:0}.hud{box-sizing:border-box;color:#e6edf3;z-index:1;background:#12161de6;border-left:1px solid #ffffff14;width:280px;height:100%;padding:16px;position:absolute;top:0;right:0;overflow-y:auto}.hud-title{letter-spacing:.08em;text-transform:uppercase;color:#9fb0c3;margin-bottom:12px;font-size:.9rem}.toolbar{grid-template-columns:1fr;gap:8px;margin-bottom:16px;display:grid}.asset-panel{gap:16px;margin-bottom:16px;display:grid}.build-menu{gap:12px;margin-bottom:16px;display:grid}.build-menu-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.build-menu-toggle{padding:4px 8px;font-size:.7rem}.build-menu-filter{color:#9fb0c3d9;justify-content:space-between;align-items:center;gap:8px;font-size:.72rem;display:flex}.build-menu-clear{padding:4px 8px;font-size:.7rem}.build-menu-collapsed{color:#e6edf3b3;border:1px dashed #fff3;border-radius:8px;padding:10px;font-size:.78rem}.build-menu-actions{gap:8px;display:grid}.build-group-title{letter-spacing:.08em;text-transform:uppercase;color:#9fb0c3cc;margin-bottom:6px;font-size:.7rem}.build-grid{gap:8px;display:grid}.build-card{cursor:pointer;color:inherit;text-align:left;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;gap:6px;padding:8px;display:grid}.build-card.active{background:#5eead41f;border-color:#5eead4cc}.build-card-name{color:#e6edf3f2;font-size:.8rem}.build-card-meta{color:#9fb0c3e6;justify-content:space-between;font-size:.7rem;display:flex}.build-card-flag{color:#9fb0c3e6;text-transform:uppercase;letter-spacing:.04em;font-size:.65rem}.asset-panel-empty{color:#e6edf3bf;border:1px dashed #ffffff2e;border-radius:8px;padding:12px;font-size:.8rem;line-height:1.4}.asset-panel-message{margin:0}.minimap-canvas{width:100%;height:auto;image-rendering:pixelated;background:#0003;border:1px solid #ffffff29;border-radius:8px}.asset-group-title{letter-spacing:.08em;text-transform:uppercase;color:#9fb0c3cc;margin-bottom:8px;font-size:.75rem}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.asset-card{gap:6px;display:grid}.asset-card-main{cursor:pointer;color:inherit;text-align:left;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;gap:6px;padding:8px;display:grid}.asset-card-main img,.asset-card-main .asset-preview{aspect-ratio:1;object-fit:contain;width:100%;image-rendering:pixelated;background:#0003;border-radius:6px}.asset-preview{display:block}.asset-card-main.active{background:#5eead41f;border-color:#5eead4cc}.asset-name{color:#e6edf3e6;font-size:.75rem}.asset-size{color:#9fb0c3e6;font-size:.65rem}.asset-hotkey{color:#9fb0c3e6;text-transform:uppercase;letter-spacing:.04em;font-size:.65rem}.asset-variants{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.asset-variant{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;padding:4px}.asset-variant img,.asset-variant .asset-preview{aspect-ratio:1;object-fit:contain;width:100%;image-rendering:pixelated}.asset-variant.active{background:#5eead41f;border-color:#5eead4cc}.asset-placeholder{color:#e6edf399;background:#ffffff0f;border-radius:6px;place-items:center;width:100%;height:100%;min-height:48px;font-size:.7rem;display:grid}.asset-placeholder.small{min-height:28px;font-size:.65rem}.tool-button{color:#e6edf3;cursor:pointer;text-align:left;background:#ffffff0f;border:1px solid #ffffff29;border-radius:8px;padding:8px 10px;font-size:.85rem;transition:border-color .12s,background .12s}.tool-button:hover{border-color:#fff6}.tool-button.active{color:#f0f6fc;background:#5eead42e;border-color:#5eead4cc}.tool-button:focus-visible{outline-offset:2px;outline:2px solid #5eead4cc}.hud-section{margin-bottom:16px}.hud-section-title{letter-spacing:.08em;text-transform:uppercase;color:#9fb0c3cc;margin-bottom:8px;font-size:.75rem}.hud-metrics{grid-template-columns:1fr;gap:8px;display:grid}.hud-metric{color:#e6edf3cc;justify-content:space-between;align-items:baseline;gap:12px;font-size:.85rem;display:flex}.hud-metric strong{color:#f0f6fc;font-size:.95rem}.hud-control{color:#e6edf3cc;gap:6px;margin-top:12px;font-size:.8rem;display:grid}.hud-control-row{align-items:center;gap:10px;display:flex}.hud-control input[type=range]{flex:1}.hud-control input[type=number]{width:84px;color:inherit;background:#0003;border:1px solid #ffffff29;border-radius:6px;padding:4px 6px}.hud-toggle{color:#e6edf3cc;align-items:center;gap:8px;margin-bottom:10px;font-size:.8rem;display:flex}.hud-toggle input{accent-color:#5eead4}.hud-toggle.disabled{opacity:.6;cursor:not-allowed}.hud-toggle.disabled input{cursor:not-allowed}.hud-note{color:#9fb0c3d9;margin-top:6px;font-size:.72rem}.demand-bars{gap:8px;margin-top:6px;display:grid}.demand-row{color:#e6edf3d9;grid-template-columns:1fr minmax(0,1.6fr) auto;align-items:center;gap:8px;font-size:.78rem;display:grid}.demand-bar{background:#ffffff1f;border-radius:999px;height:8px;overflow:hidden}.demand-fill{border-radius:inherit;height:100%;transition:width .16s}.demand-fill.res{background:#60a5fa}.demand-fill.com{background:#f59e0b}.demand-fill.ind{background:#9ca3af}.hud-actions{gap:8px;display:grid}.hud-action{color:#e6edf3;cursor:pointer;text-align:left;background:#ffffff0f;border:1px solid #ffffff29;border-radius:8px;padding:8px 10px;font-size:.85rem;transition:border-color .12s,background .12s}.hud-action:hover{border-color:#fff6}.hud-message{border-radius:8px;margin-top:10px;padding:8px;font-size:.8rem;line-height:1.4}.hud-message.success{color:#a7f3d0;background:#5eead41f;border:1px solid #5eead473}.hud-message.error{color:#ffd0d0;background:#ff60601a;border:1px solid #ff606073}.hud-modal{z-index:10;background:#080a0eb3;place-items:center;display:grid;position:fixed;inset:0}.hud-modal-content{background:#12161d;border:1px solid #ffffff29;border-radius:12px;gap:12px;width:min(520px,92vw);padding:16px;display:grid;box-shadow:0 20px 60px #00000073}.hud-modal-title{letter-spacing:.06em;text-transform:uppercase;color:#9fb0c3e6;font-size:.9rem}.hud-modal-textarea{resize:vertical;color:#e6edf3;background:#0003;border:1px solid #ffffff29;border-radius:8px;width:100%;min-height:200px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1.4}.hud-modal-actions{justify-content:flex-end;gap:10px;display:flex}.toast-host{z-index:20;gap:8px;display:grid;position:fixed;bottom:20px;left:20px}.toast{color:#e6edf3;cursor:pointer;text-align:left;background:#12161deb;border:1px solid #ffffff29;border-radius:10px;padding:10px 14px;font-size:.85rem;box-shadow:0 12px 30px #00000059}.toast.success{border-color:#5eead48c}.toast.error{border-color:#ff60608c}.command-palette-backdrop{z-index:30;background:#080a0eb3;place-items:center;display:grid;position:fixed;inset:0}.command-palette{background:#12161d;border:1px solid #ffffff29;border-radius:12px;gap:10px;width:min(520px,92vw);padding:16px;display:grid;box-shadow:0 20px 60px #00000073}.command-palette-title{letter-spacing:.08em;text-transform:uppercase;color:#9fb0c3e6;font-size:.8rem}.command-input{color:#e6edf3;background:#0003;border:1px solid #ffffff29;border-radius:8px;width:100%;padding:8px 10px;font-size:.85rem}.command-results{gap:6px;max-height:280px;display:grid;overflow-y:auto}.command-item{color:inherit;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.command-item.active{background:#5eead41f;border-color:#5eead4cc}.command-item-meta{color:#9fb0c3d9;font-size:.7rem}.command-empty{color:#9fb0c3d9;border:1px dashed #ffffff29;border-radius:8px;padding:8px;font-size:.8rem}.command-hint{color:#9fb0c3cc;font-size:.7rem}.hud-warning{color:#ffd0d0;background:#ff60601a;border:1px solid #ff606073;border-radius:8px;margin-bottom:16px;padding:10px;font-size:.82rem;line-height:1.35}.hud-stats{color:#e6edf3cc;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;font-size:.85rem;display:flex}.hud-stats strong{color:#f0f6fc;font-size:1rem}.hud-placeholder{color:#e6edf3b3;border:1px dashed #fff3;border-radius:8px;padding:12px;font-size:.9rem;line-height:1.4}