*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:#eef5e7;letter-spacing:0;background:#07100d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.app-shell{touch-action:none;background:#07100d;position:fixed;inset:0}#gameCanvas{cursor:crosshair;image-rendering:auto;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.top-hud,.right-hud,.command-hud,.toast-log,.loading-overlay{z-index:5;position:absolute}.top-hud{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08110fc7;border:1px solid #95b29940;grid-template-columns:minmax(140px,1fr) auto minmax(160px,1.2fr);align-items:center;gap:10px;min-height:54px;padding:8px 10px;display:grid;top:12px;left:14px;right:270px;box-shadow:0 12px 28px #00000047}.brand-block{flex-direction:column;gap:1px;min-width:0;display:flex}.brand-kicker{color:#87d9df;text-transform:uppercase;font-size:10px;font-weight:800}.brand-block strong{color:#f2f5d8;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.1;overflow:hidden}.resource-strip{align-items:center;gap:8px;display:flex}.resource-pill,.queue-state{color:#f5db8c;background:#1f2219e6;border:1px solid #f4d06752;justify-content:center;align-items:center;gap:7px;min-width:68px;height:32px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.resource-pill svg,.icon-button svg,.command-button svg{stroke-width:2.25px;width:17px;height:17px}.objective{color:#d8e3d1;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.right-hud{pointer-events:auto;flex-direction:column;gap:10px;width:244px;display:flex;top:12px;bottom:88px;right:12px}.right-hud section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08110fd1;border:1px solid #90aea340;overflow:hidden;box-shadow:0 12px 28px #00000042}.panel-title{color:#dce8d3;text-transform:uppercase;border-bottom:1px solid #90aea333;justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:7px 9px;font-size:12px;font-weight:850;display:flex}.icon-button{color:#c7eee6;cursor:pointer;background:#131f1ee6;border:1px solid #829e974d;place-items:center;width:32px;height:32px;display:inline-grid}.icon-button:hover,.icon-button:focus-visible,.command-button:hover,.command-button:focus-visible,.production-button:hover,.production-button:focus-visible{color:#fff;border-color:#87d9dfb8;outline:none}.icon-button:active,.command-button:active,.production-button:active{transform:translateY(1px)}.minimap-panel{flex:none}#minimapCanvas{cursor:pointer;background:#0b1411;border-top:1px solid #00000040;width:100%;height:166px;display:block}.production-panel{min-height:238px}.production-list{gap:8px;padding:9px;display:grid}.production-button{color:#e8f1df;cursor:pointer;text-align:left;background:#121d1aeb;border:1px solid #829e9742;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:52px;display:grid;position:relative;overflow:hidden}.production-button[disabled]{cursor:not-allowed;opacity:.48}.production-progress{height:3px;width:var(--progress,0%);background:#87d9df;position:absolute;inset:auto 0 0}.production-icon{color:#f5db8c;background:#04070861;border-right:1px solid #90aea32e;place-items:center;width:42px;height:42px;display:grid}.production-icon svg{width:22px;height:22px}.production-main{min-width:0}.production-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:850;display:block;overflow:hidden}.production-meta{color:#aebdad;margin-top:2px;font-size:11px;font-weight:700;display:block}.production-cost{color:#f5db8c;padding-right:9px;font-size:12px;font-weight:900}.selection-panel{flex:auto;min-height:170px}.selection-summary{color:#b9c8b4;padding:9px 10px 0;font-size:12px;font-weight:700}.unit-cards{gap:7px;max-height:calc(100vh - 560px);padding:9px;display:grid;overflow:auto}.unit-card{background:#0c1716d9;border:1px solid #829e9738;grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:40px;padding:7px 8px;display:grid}.unit-card strong{color:#edf5e6;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.health-rail{background:#00000059;border:1px solid #ffffff26;width:54px;height:7px;overflow:hidden}.health-fill{height:100%;width:var(--hp,100%);background:#8fe67d;display:block}.command-hud{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08110fd6;border:1px solid #90aea347;align-items:center;gap:8px;padding:9px;display:flex;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #00000047}.command-button{color:#d9e7d1;cursor:pointer;background:#121d1af0;border:1px solid #829e9747;justify-content:center;align-items:center;gap:7px;min-width:76px;height:44px;font-size:12px;font-weight:850;display:inline-flex}.command-button.active,.hero-command.ready{color:#fff4c4;background:#3f3013f2;border-color:#f5db8cd1}.command-button[disabled]{cursor:not-allowed;opacity:.5}.zoom-group{border-left:1px solid #90aea33d;gap:6px;margin-left:6px;padding-left:8px;display:flex}.toast-log{pointer-events:none;gap:6px;width:min(420px,100vw - 300px);display:grid;bottom:82px;left:16px}.toast{color:#e6f2df;background:#08110fd1;border-left:3px solid #87d9df;padding:9px 11px;font-size:12px;font-weight:720;box-shadow:0 10px 22px #00000040}.loading-overlay{color:#f5db8c;text-transform:uppercase;background:#07100d;place-items:center;font-size:14px;font-weight:900;transition:opacity .18s;display:grid;inset:0}.loading-overlay.hidden{opacity:0;pointer-events:none}@media (max-width:900px){.top-hud{grid-template-columns:1fr;gap:6px;right:12px}.resource-strip{justify-content:space-between}.objective{text-align:left}.right-hud{width:178px;max-height:50vh;top:auto;bottom:80px;right:8px}#minimapCanvas{height:124px}.production-panel{min-height:158px}.selection-panel{display:none}.production-button{grid-template-columns:34px minmax(0,1fr);min-height:44px}.production-icon{width:34px;height:34px}.production-cost,.production-meta{display:none}.command-hud{justify-content:center;left:8px;right:8px;transform:none}.command-button{width:48px;min-width:44px;padding:0}.command-button span{display:none}.toast-log{width:calc(100vw - 210px);bottom:78px;left:8px}}@media (max-width:560px){.top-hud{padding:7px;top:8px;left:8px}.brand-block strong{font-size:15px}.resource-pill{min-width:54px;padding:0 7px}.right-hud{width:142px}.panel-title{min-height:32px;padding:5px 7px;font-size:11px}.queue-state{display:none}.production-list{gap:6px;padding:6px}.production-name{font-size:11px}.command-hud{gap:5px;padding:6px;bottom:8px}.command-button,.icon-button{width:40px;min-width:40px;height:40px}.zoom-group{gap:4px;padding-left:5px}}