*,: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-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{aspect-ratio:1;object-fit:contain;width:100%;image-rendering:pixelated;background:#0003;border-radius:6px}.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{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-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}.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}