*{box-sizing:border-box}:root{--command-bar-stack-height: 232px;--sc-metal-dark: #0e0e10;--sc-metal-mid: #1c1d22;--sc-metal-hi: #2a2b32;--sc-yellow: #f0e010;--sc-yellow-dim: #c4b010;--sc-green-ui: #30e860;--sc-rivet: #0a0a0c;--sc-teal: #4ecdc4;--sc-teal-dim: #3aada6}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#07080c;font-family:Tahoma,Segoe UI,system-ui,sans-serif}#app{position:relative;width:100%;height:100%}#game-canvas,#select-rect,.hud-countdown-banner,.economy-top,.command-bar,.game-panel,.hud-idle-workers,.hud-game-timer{visibility:hidden}#app.game-active #game-canvas,#app.game-active #select-rect,#app.game-active .hud-countdown-banner,#app.game-active .economy-top,#app.game-active .command-bar,#app.game-active .game-panel,#app.game-active .hud-idle-workers,#app.game-active .hud-game-timer{visibility:visible}#app.game-active~iframe,#app.game-active~div[id*=vibejam],.game-active~iframe{display:none!important}#game-canvas{display:block;width:100%;height:100%;touch-action:none}#select-rect{position:absolute;pointer-events:none;z-index:2;border:1px solid rgba(48,232,96,.92);background:#30e86014;display:none;box-sizing:border-box}.hud-countdown-banner{position:absolute;left:50%;top:18px;transform:translate(-50%);z-index:6;margin:0;padding:0;pointer-events:none;font-size:clamp(15px,2.5vw,22px);font-weight:700;letter-spacing:.03em;font-variant-numeric:tabular-nums;color:var(--sc-yellow);text-shadow:0 0 12px rgba(0,0,0,.85),0 2px 4px rgba(0,0,0,.9);white-space:nowrap;min-height:1.3em}.intro-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;background:#000;display:flex;align-items:center;justify-content:center}.intro-overlay--fading{animation:intro-fade-out .6s ease-in forwards}@keyframes intro-fade-out{0%{opacity:1}to{opacity:0}}.intro-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;object-fit:cover}.intro-skip-btn{position:absolute;bottom:5%;right:5%;z-index:10;background:#00000080;border:1px solid rgba(255,255,255,.4);color:#ffffffb3;font-family:Courier New,monospace;font-size:14px;letter-spacing:.15em;padding:8px 24px;cursor:pointer;transition:all .2s ease}.intro-skip-btn:hover{color:#fff;border-color:#ffffffb3}.intro-play-prompt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Courier New,monospace;font-size:24px;color:#ffffffb3;letter-spacing:.1em;cursor:pointer;background:#00000080}.main-menu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.main-menu__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 45% 55% at 25% 82%,rgba(180,190,200,.12) 0%,transparent 70%),radial-gradient(circle 220px at 20% 88%,#1a1c22 0%,#0e0f14 60%,transparent 70%),radial-gradient(ellipse 50% 40% at 78% 15%,rgba(80,20,30,.15) 0%,transparent 60%),radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,.6) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 38% 8%,rgba(255,255,255,.5) 50%,transparent 50%),radial-gradient(1px 1px at 55% 42%,rgba(255,255,255,.35) 50%,transparent 50%),radial-gradient(1px 1px at 72% 15%,rgba(255,255,255,.4) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 85% 55%,rgba(255,255,255,.55) 50%,transparent 50%),radial-gradient(1px 1px at 20% 35%,rgba(255,255,255,.3) 50%,transparent 50%),radial-gradient(1px 1px at 45% 68%,rgba(255,255,255,.35) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 65% 78%,rgba(255,255,255,.4) 50%,transparent 50%),radial-gradient(1px 1px at 90% 30%,rgba(255,255,255,.3) 50%,transparent 50%),radial-gradient(1px 1px at 8% 62%,rgba(255,255,255,.25) 50%,transparent 50%),radial-gradient(2px 2px at 50% 12%,rgba(255,255,255,.65) 50%,transparent 50%),radial-gradient(1px 1px at 78% 92%,rgba(255,255,255,.3) 50%,transparent 50%),radial-gradient(1px 1px at 33% 85%,rgba(255,255,255,.2) 50%,transparent 50%),radial-gradient(1px 1px at 62% 28%,rgba(255,255,255,.3) 50%,transparent 50%);background-color:#050608;background-size:cover;background-position:center;pointer-events:none}.main-menu--fading{animation:menu-fade-out .8s ease-in forwards;pointer-events:none}@keyframes menu-fade-out{0%{opacity:1}to{opacity:0}}.main-menu__logo{position:relative;margin:0 0 72px;z-index:2;font-family:Courier New,Courier,Lucida Console,monospace;font-size:clamp(42px,8vw,80px);font-weight:700;letter-spacing:.22em;color:#4f6;text-shadow:0 0 30px rgba(68,255,102,.5),0 0 60px rgba(68,255,102,.25),0 0 120px rgba(68,255,102,.1),0 2px 6px rgba(0,0,0,.95);white-space:nowrap;-webkit-user-select:none;user-select:none}.main-menu__version{position:absolute;bottom:3%;right:3%;margin:0;font-size:12px;font-family:Courier New,monospace;color:#4f66}.main-menu__actions{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;z-index:2}.main-menu__actions .sc-menu-item{position:relative;text-align:center;pointer-events:auto}.main-menu__stats{position:absolute;top:12px;left:16px;font-family:Tahoma,sans-serif;font-size:13px;color:#4ecdc4b3;white-space:nowrap;z-index:2;text-shadow:0 1px 4px rgba(0,0,0,.8)}.main-menu__stats span:not(.main-menu__stats-sep){color:#4ecdc4e6;font-weight:700}.main-menu__stats-sep{color:#4ecdc44d!important;font-weight:400!important;margin:0 4px}.main-menu__portal{position:absolute;top:48px;left:20px;width:80px;height:80px;z-index:3;text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.portal__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(78,205,196,.6);box-shadow:0 0 12px #4ecdc44d,inset 0 0 12px #4ecdc426;animation:portal-spin 6s linear infinite}.portal__ring--inner{top:10px;right:10px;bottom:10px;left:10px;border-color:#82ffdc80;border-style:dashed;animation:portal-spin-reverse 4s linear infinite;box-shadow:0 0 8px #82ffdc40,inset 0 0 8px #82ffdc1a}.portal__core{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;background:radial-gradient(circle,rgba(78,205,196,.25) 0%,rgba(78,205,196,.08) 50%,transparent 70%);animation:portal-pulse 2s ease-in-out infinite}.portal__label{position:relative;z-index:1;font-family:Tahoma,sans-serif;font-size:9px;font-weight:700;letter-spacing:1.5px;color:#4ecdc4e6;text-align:center;line-height:1.3;text-shadow:0 0 8px rgba(78,205,196,.6),0 1px 2px rgba(0,0,0,.9);pointer-events:none}.main-menu__portal:hover .portal__ring{border-color:#82ffdce6;box-shadow:0 0 24px #82ffdc80,inset 0 0 20px #82ffdc40}.main-menu__portal:hover .portal__ring--inner{border-color:#b4fff0cc}.main-menu__portal:hover .portal__core{background:radial-gradient(circle,rgba(130,255,220,.4) 0%,rgba(130,255,220,.15) 50%,transparent 70%)}.main-menu__portal:hover .portal__label{color:#cfe}@keyframes portal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes portal-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes portal-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.main-menu__credits{position:absolute;bottom:8%;left:50%;transform:translate(-50%);font-family:Courier New,monospace;font-size:13px;color:#44ff664d;margin:0;z-index:2}.sc-menu-item{position:absolute;background:none;border:none;padding:8px 4px;cursor:pointer;text-align:left;font-family:Courier New,Courier,Lucida Console,monospace;transition:all .15s ease}.sc-menu-item__label{display:block;font-size:clamp(18px,3vw,28px);font-weight:700;color:#4f6;letter-spacing:.06em;text-shadow:0 0 14px rgba(68,255,102,.45),0 0 30px rgba(68,255,102,.2),0 1px 3px rgba(0,0,0,.9)}.sc-menu-item__sub{display:block;font-size:clamp(10px,1.5vw,14px);color:#44ff6673;margin-top:2px;letter-spacing:.04em}.sc-menu-item:hover .sc-menu-item__label{color:#8fa;text-shadow:0 0 20px rgba(136,255,170,.6),0 0 50px rgba(68,255,102,.35),0 1px 3px rgba(0,0,0,.9)}.sc-menu-item:hover .sc-menu-item__sub{color:#88ffaaa6}.sc-menu-item.selected .sc-menu-item__label{color:#cfd;text-shadow:0 0 24px rgba(200,255,220,.55),0 0 60px rgba(68,255,102,.4),0 1px 3px rgba(0,0,0,.9)}.sc-menu-item.selected .sc-menu-item__sub{color:#c8ffdc99}.sc-menu-item.selected:after{content:"▸";position:absolute;left:-18px;top:10px;font-size:20px;color:#4f6;text-shadow:0 0 10px rgba(68,255,102,.6)}.sc-menu-item--username{text-align:center}.sc-menu-item--username .sc-menu-item__label{font-size:clamp(12px,1.8vw,16px);display:block;margin-bottom:6px}.sc-menu-input{background:#0009;border:1px solid rgba(68,255,102,.35);border-radius:2px;padding:8px 14px;font-family:Courier New,Courier,Lucida Console,monospace;font-size:clamp(16px,2.2vw,22px);font-weight:700;color:#4f6;letter-spacing:.08em;text-align:center;width:clamp(180px,30vw,300px);outline:none;caret-color:#4f6;text-shadow:0 0 10px rgba(68,255,102,.3);transition:border-color .2s,box-shadow .2s}.sc-menu-input::placeholder{color:#44ff6640;font-weight:400}.sc-menu-input:focus{border-color:#44ff66b3;box-shadow:0 0 12px #4f63,inset 0 0 8px #44ff660d}.sc-menu-item--start .sc-menu-item__label{font-size:clamp(22px,3.5vw,34px)}.sc-menu-item--start:disabled{cursor:not-allowed}.sc-menu-item--start:disabled .sc-menu-item__label{color:#44ff662e;text-shadow:none}.sc-menu-item--start:not(:disabled) .sc-menu-item__label{animation:menu-pulse 2s ease-in-out infinite}@keyframes menu-pulse{0%,to{opacity:1}50%{opacity:.7}}.sc-menu-item--credits{font-family:Courier New,monospace;font-size:13px;color:#44ff664d;cursor:default;margin:0}.economy-top{position:absolute;top:10px;right:10px;z-index:6;display:flex;flex-direction:row;align-items:center;gap:4px 20px;flex-wrap:wrap;justify-content:flex-end;max-width:min(96vw,520px);padding:8px 14px 8px 16px;pointer-events:none;background:linear-gradient(180deg,#1a1b20,#0c0c10 55%,#08080a);border:2px solid #000;border-radius:2px;box-shadow:inset 0 1px #5a5c6659,inset 0 -2px 6px #0000008c,0 4px 16px #00000073}.economy-top:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;pointer-events:none;background:repeating-linear-gradient(-45deg,#d4b008,#d4b008 3px,#1a1a1c 3px,#1a1a1c 6px);opacity:.75;border-radius:0 0 1px 1px}.economy-top__item{display:flex;flex-direction:row;align-items:center;gap:7px}.economy-top__icon{display:flex;width:24px;height:24px;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.85))}.economy-top__icon svg{width:100%;height:100%;display:block}.economy-top__icon--supply svg{filter:drop-shadow(0 0 3px rgba(90,140,255,.35))}.economy-top__val{font-family:Courier New,Courier,Lucida Console,monospace;font-size:17px;font-weight:700;line-height:1;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:#4cff4c;text-shadow:0 0 8px rgba(76,255,76,.45),0 1px 0 #000,0 2px 4px rgba(0,0,0,.9);min-width:2ch}.economy-top__val--supply{min-width:5.5ch}.command-bar{--bevel-light: rgba(80, 82, 92, .35);--bevel-dark: rgba(0, 0, 0, .75);position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;flex-direction:row;align-items:stretch;min-height:var(--command-bar-stack-height);padding:8px 10px 10px;gap:0;pointer-events:none;background:linear-gradient(180deg,#25262c,#121316 12%,#0a0a0c),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.12) 2px,rgba(0,0,0,.12) 3px);border-top:3px solid #000;box-shadow:inset 0 1px 0 var(--bevel-light),inset 0 -1px #ffffff0a,0 -6px 24px #0000008c}.command-bar>*{pointer-events:auto}.command-bar__segment{display:flex;flex-direction:column;justify-content:flex-end}.command-bar__segment--map{flex:0 0 auto;padding-right:10px}.command-bar__minimap-shell{position:relative;width:168px;padding:6px 6px 8px;background:linear-gradient(145deg,#1e1f24,#0c0c0e);border:2px solid #050506;border-radius:2px;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 -2px 8px #00000080,0 2px #282a3066}.command-bar__graph{height:14px;margin-bottom:5px;background:#08090a;border:1px solid #1a1a1c;position:relative;overflow:hidden}.command-bar__graph:after{content:"";position:absolute;left:0;top:50%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--sc-yellow) 20%,var(--sc-yellow) 55%,transparent);transform:translateY(-50%) skew(-8deg);opacity:.85;box-shadow:0 0 8px #f0e01059}.command-bar__hazard{position:absolute;pointer-events:none;z-index:2;border:1px solid #0a0a0a}.command-bar__hazard--strip-h{top:22px;left:4px;right:60%;height:8px;background:repeating-linear-gradient(-45deg,#e8c810,#e8c810 4px,#18181a 4px,#18181a 8px);opacity:.92}.command-bar__hazard--strip-v{bottom:10px;right:4px;width:8px;height:40%;background:repeating-linear-gradient(45deg,#e8c810,#e8c810 4px,#18181a 4px,#18181a 8px);opacity:.9}.command-bar__minimap-mount{position:relative;z-index:1;line-height:0;background:#050506;border:1px solid #000}.command-bar__minimap-mount .minimap-canvas{display:block;width:148px;height:148px;image-rendering:pixelated;vertical-align:top}.command-bar__segment--info{flex:1 1 auto;min-width:0;padding:4px 14px 6px 8px;margin-right:6px;background:linear-gradient(180deg,#222328,#151518);border:2px solid #020203;border-bottom-width:3px;clip-path:polygon(0 0,100% 0,98% 100%,2% 100%);box-shadow:inset 0 1px #ffffff0d,inset 0 -4px 12px #00000073}.command-bar__brand{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#c8cdd7d9}.command-bar__unit-panel{display:flex;flex-direction:row;align-items:stretch;gap:12px;min-height:86px}.command-bar__wireframe{flex:0 0 72px;width:72px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0d100f,#050605);border:2px solid #010202;box-shadow:inset 0 0 0 1px #30e86038,inset 0 0 20px #000000d9;color:var(--sc-green-ui)}.command-bar__wf{width:52px;height:auto;max-height:58px;filter:drop-shadow(0 0 4px rgba(48,232,96,.5))}.command-bar__wf--structure{display:none;width:56px;max-height:48px}.command-bar__wf--atlas{display:none;width:52px;height:52px;image-rendering:pixelated;filter:drop-shadow(0 0 4px rgba(48,232,96,.45))}.command-bar__wireframe--atlas .command-bar__wf--atlas{display:block}.command-bar__wireframe--atlas .command-bar__wf--unit,.command-bar__wireframe--atlas .command-bar__wf--structure{display:none!important}.command-bar__wireframe--structure .command-bar__wf--unit{display:none}.command-bar__wireframe--structure .command-bar__wf--structure{display:block}.command-bar__wireframe--idle .command-bar__wf{opacity:.35;filter:none}.command-bar__readouts{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:6px;min-width:0;min-height:72px;overflow:hidden}.command-bar__selection-title-row{display:flex;align-items:center;gap:0}.command-bar__selection-title{margin:0;font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#f0f2f6;text-shadow:0 1px 2px rgba(0,0,0,.9)}.command-bar__selection-sub{margin:0;font-size:11px;line-height:1.35;color:#bac0cee0;text-shadow:0 1px 2px rgba(0,0,0,.85)}.command-bar__queue-wrap{margin-top:4px}.command-bar__queue-h{margin:0 0 4px;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sc-yellow-dim)}.command-bar__queue-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px;max-height:64px;overflow-y:auto}.command-bar__queue-item{display:grid;grid-template-columns:1fr 4.5fr auto;align-items:center;gap:8px;font-size:10px;color:#c8ccd4}.command-bar__queue-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-bar__queue-bar{height:6px;background:#0a0a0c;border:1px solid #1a1a22;border-radius:1px;overflow:hidden}.command-bar__queue-bar>i{display:block;height:100%;background:linear-gradient(180deg,#5ed07a,#2a8a42);box-shadow:0 0 6px #5ed07a59}.command-bar__queue-time{font-variant-numeric:tabular-nums;color:var(--sc-green-ui);min-width:2.2em;text-align:right}.command-bar__build-opts{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:6px}.command-bar__build-opts[hidden]{display:none}.command-bar__opt-btn{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:118px;padding:6px 10px;border:2px solid #080809;border-radius:2px;background:linear-gradient(165deg,#25262e,#101114);box-shadow:inset 0 1px #50525c59,inset 0 -2px 4px #00000059;color:var(--sc-yellow);font:inherit;cursor:pointer;text-align:left}.command-bar__opt-btn:hover:not(:disabled){border-color:#252530;background:linear-gradient(165deg,#2e3038,#15161c)}.command-bar__opt-btn:disabled{opacity:.4;cursor:not-allowed}.command-bar__opt-glyph{font-size:16px;line-height:1;opacity:.9}.command-bar__opt-stack{display:flex;flex-direction:column;gap:2px;min-width:0}.command-bar__opt-label{font-size:11px;font-weight:700;letter-spacing:.04em;color:#e8eaef}.command-bar__opt-meta{font-size:9px;font-weight:600;color:#8892a4;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.upgrade-panel{margin-top:8px}.upgrade-panel__title{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8892a4;margin-bottom:4px}.upgrade-panel__grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}.upgrade-panel__btn{display:flex;flex-direction:column;gap:2px;min-width:110px;padding:5px 8px;border:2px solid #080809;border-radius:2px;background:linear-gradient(165deg,#25262e,#101114);box-shadow:inset 0 1px #50525c59,inset 0 -2px 4px #00000059;color:var(--sc-yellow);font:inherit;cursor:pointer;text-align:left}.upgrade-panel__btn:hover:not(:disabled){border-color:#252530;background:linear-gradient(165deg,#2e3038,#15161c)}.upgrade-panel__btn:disabled{opacity:.4;cursor:not-allowed}.upgrade-panel__btn-name{font-size:10px;font-weight:700;color:#e8eaef}.upgrade-panel__btn-cost{font-size:9px;color:#8892a4}.upgrade-panel__btn-level{font-size:8px;color:#6a7080}.upgrade-panel__progress{margin-top:6px;display:flex;flex-direction:column;gap:3px}.upgrade-panel__progress>span{font-size:10px;color:#b4bac6}.upgrade-panel__bar{height:6px;background:#0a0b0d;border-radius:2px;overflow:hidden}.upgrade-panel__bar-fill{height:100%;background:var(--sc-yellow, #f0c040);transition:width .15s linear;width:0%}.command-bar__hint{margin:8px 0 0;font-size:10px;line-height:1.35;color:#b4bac6a6}.command-bar__hint kbd{display:inline-block;padding:.05em .35em;margin:0 .05em;font-size:.95em;font-family:inherit;border:1px solid rgba(255,255,255,.2);border-radius:2px;background:#00000073;color:var(--sc-yellow)}.command-bar__segment--portrait{flex:0 0 auto;align-items:center;width:112px;margin-right:10px}.command-bar__menu-btn{align-self:flex-end;margin-bottom:6px;padding:3px 10px 2px;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--sc-yellow);background:linear-gradient(180deg,#2a2b30,#121315);border:1px solid #000;box-shadow:inset 0 1px #ffffff14,0 1px #3c3e4680;cursor:default;pointer-events:none}.command-bar__portrait-frame{width:100%;flex:1;min-height:100px;background:linear-gradient(160deg,#1a1b20,#0a0a0c);border:2px solid #000;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 0 28px #000000a6;display:flex;align-items:center;justify-content:center;transition:box-shadow .15s ease,border-color .15s ease}.command-bar--depot-selected .command-bar__portrait-frame{box-shadow:inset 0 0 0 1px #ffd72040,inset 0 0 0 1px #ffd7201f,inset 0 0 32px #f0c82014;border-color:#3a3518}.command-bar__portrait-plate{text-align:center;padding:8px}.command-bar__portrait-title{display:block;font-size:9px;font-weight:700;letter-spacing:.15em;color:var(--sc-yellow-dim)}.command-bar__portrait-sub{display:block;margin-top:6px;font-size:11px;font-weight:700;color:#b8bec8;text-transform:uppercase}.command-bar__segment--card{flex:0 0 auto;align-items:flex-end;padding-bottom:2px}.command-card__header-lights{display:flex;flex-direction:row;justify-content:flex-end;gap:6px;width:100%;max-width:172px;margin-bottom:6px;padding-right:4px}.command-card__header-lights span{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ff6050,#6a1510);border:1px solid #1a0504;box-shadow:inset 0 1px #ffffff40}.command-card__grid{display:grid;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(3,54px);gap:5px;padding:8px;background:linear-gradient(180deg,#24252b,#101114);border:2px solid #000;box-shadow:inset 0 1px #ffffff0d,inset 0 0 20px #00000080}.command-card__btn{position:relative;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:2px solid #080809;border-radius:1px;background:linear-gradient(165deg,#1f2026,#0c0c0f);box-shadow:inset 0 1px #50525c59,inset 0 -2px 4px #0006;cursor:pointer;color:var(--sc-yellow)}.command-card__btn:hover:not(:disabled){background:linear-gradient(165deg,#2a2c34,#14151a);border-color:#151520}.command-card__btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 6px #0009}.command-card__btn:focus-visible{outline:2px solid var(--sc-yellow);outline-offset:1px}.command-card__btn--inactive{opacity:.35;cursor:not-allowed;filter:grayscale(.4)}.command-card__btn:disabled{cursor:not-allowed}.command-card__btn--train{flex-direction:column;gap:0;padding-bottom:14px}.command-card__meta{position:absolute;left:2px;right:2px;bottom:2px;font-size:7px;line-height:1.15;font-weight:600;text-align:center;color:#8a95a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-card__kbd{position:absolute;top:2px;right:3px;font-size:8px;font-weight:800;color:#f0e010bf;text-shadow:0 1px 2px #000}.command-card__icon{display:block;width:22px;height:22px;box-sizing:border-box}.command-card__icon--move{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:16px solid currentColor;border-top:0;transform:translateY(-2px)}.command-card__icon--stop{width:18px;height:18px;border:3px solid currentColor}.command-card__icon--attack{border:2px solid currentColor;border-radius:50%;box-shadow:inset 0 0 0 1px #0c0c0f}.command-card__icon--build{width:20px;height:20px;border:3px solid currentColor;transform:rotate(45deg);box-shadow:4px -4px 0 -1px currentColor}.command-card__icon--train{width:16px;height:18px;border:2px solid currentColor;border-radius:4px 4px 1px 1px;position:relative}.command-card__icon--train:before{content:"";position:absolute;left:50%;top:-7px;transform:translate(-50%);width:10px;height:8px;border:2px solid currentColor;border-radius:3px 3px 0 0;box-sizing:border-box}.command-card__icon--empty{width:14px;height:3px;background:currentColor;opacity:.25;border-radius:1px}.game-panel{position:absolute;z-index:7;min-width:220px;padding:10px 12px;border-radius:2px;border:2px solid #000;background:linear-gradient(180deg,#222328,#12141a);box-shadow:0 -4px 28px #000000a6,inset 0 1px #ffffff0f;color:#e8eaef;pointer-events:auto}.game-panel--build{right:12px;left:auto;bottom:calc(var(--command-bar-stack-height) + 14px)}.game-panel__title{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sc-yellow)}.game-panel__btn{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0;padding:8px 10px;border-radius:2px;border:2px solid #1a1a20;background:linear-gradient(180deg,#2c2e36,#18191e);color:#e8eaef;font:inherit;font-size:13px;text-align:left;cursor:pointer}.game-panel__btn:hover:not(:disabled){border-color:#f0e01059;background:linear-gradient(180deg,#34363e,#1c1e24)}.game-panel__btn:disabled{opacity:.42;cursor:not-allowed}.game-panel__btn-desc{display:block;margin-top:4px;font-size:10px;opacity:.72;font-variant-numeric:tabular-nums}.hud-idle-workers{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:8;padding:6px 16px;font-family:Courier New,Courier,Lucida Console,monospace;font-size:14px;font-weight:700;letter-spacing:.06em;color:#ffe066;background:#14120ce0;border:1px solid #b8860b;border-radius:3px;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;text-shadow:0 0 6px rgba(255,224,102,.5);box-shadow:0 2px 8px #0009}.hud-idle-workers--active{animation:idle-pulse .8s ease-in-out infinite alternate}@keyframes idle-pulse{0%{opacity:.7;border-color:#b8860b}to{opacity:1;border-color:#ffe066;box-shadow:0 0 12px #ffe06666,0 2px 8px #0009}}.hud-game-timer{position:absolute;top:10px;left:10px;z-index:6;padding:4px 10px;font-family:Courier New,Courier,Lucida Console,monospace;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.05em;color:#c8d2dcbf;background:#0a0a0eb3;border:1px solid rgba(60,62,70,.5);border-radius:2px;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.9)}.selection-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;margin-right:6px;font-size:12px;font-weight:800;line-height:1;color:#fff;background:var(--sc-teal, #4ecdc4);border-radius:10px;text-shadow:0 1px 1px rgba(0,0,0,.6);vertical-align:middle}.build-kbd{display:inline-block;margin-left:6px;padding:1px 5px;font-size:10px;font-weight:800;line-height:1.3;color:var(--sc-yellow, #f0e010);background:#00000073;border:1px solid rgba(240,224,16,.3);border-radius:2px;vertical-align:middle;letter-spacing:0}.economy-top__val--brownout{animation:brownout-flash .4s ease-in-out infinite alternate}@keyframes brownout-flash{0%{color:#ff7a7a}to{color:#ff2020;text-shadow:0 0 8px rgba(255,32,32,.6),0 1px 0 #000}}.sc-menu-item--find-match .sc-menu-item__label{font-size:clamp(22px,3.5vw,34px)}.sc-menu-item--find-match:disabled{cursor:not-allowed}.sc-menu-item--find-match:disabled .sc-menu-item__label{color:#44ff662e;text-shadow:none}.sc-menu-item--find-match:not(:disabled) .sc-menu-item__label{animation:menu-pulse 2s ease-in-out infinite}.sc-menu-item--intro{display:flex;align-items:center;gap:8px}.sc-menu-item--intro .sc-menu-item__label{font-size:clamp(13px,1.8vw,18px)}.sc-menu-item__play-icon{font-size:18px;color:var(--sc-teal)}.mp-searching-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#04060eeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mp-searching-overlay__panel{text-align:center}.mp-searching-overlay__text{font-family:Tahoma,sans-serif;font-size:clamp(20px,3vw,30px);color:var(--sc-teal);text-shadow:0 0 14px rgba(78,205,196,.5);letter-spacing:2px;margin:0 0 12px}.mp-searching-overlay__dots:after{content:"";animation:mp-dots 1.5s steps(3) infinite}@keyframes mp-dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.mp-searching-overlay__sub{font-family:Tahoma,sans-serif;font-size:14px;color:#89a;margin:0 0 24px}.lobby-chat{position:absolute;top:140px;left:20px;bottom:60%;width:clamp(260px,24vw,360px);min-height:120px;z-index:3;display:flex;flex-direction:column;background:#04060e8c;border:1px solid rgba(78,205,196,.2);border-radius:4px;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lobby-chat__log{flex:1;overflow-y:auto;padding:8px 10px 4px;max-height:180px;scrollbar-width:thin;scrollbar-color:rgba(78,205,196,.3) transparent}.lobby-chat__msg{font-family:Tahoma,sans-serif;font-size:12px;color:#c8d4e0;line-height:1.4;padding:2px 0;word-break:break-word}.lobby-chat__name{color:var(--sc-teal);font-weight:700}.lobby-chat__input-row{border-top:1px solid rgba(78,205,196,.15);padding:6px 8px}.lobby-chat__input{width:100%;background:#00000080;border:1px solid rgba(78,205,196,.25);border-radius:2px;color:#e0e8f0;font-family:Tahoma,sans-serif;font-size:12px;padding:5px 8px;outline:none;box-sizing:border-box}.lobby-chat__input:focus{border-color:var(--sc-teal);box-shadow:0 0 4px #4ecdc440}.lobby-chat__input::placeholder{color:#4ecdc459}.mp-searching-overlay__stats{font-family:Tahoma,sans-serif;font-size:12px;color:#4ecdc499;margin:0 0 16px}.mp-searching-overlay__cancel{background:var(--sc-metal-mid);border:1px solid var(--sc-metal-hi);color:#aaa;font-family:Tahoma,sans-serif;font-size:14px;padding:10px 28px;border-radius:4px;cursor:pointer;transition:all .15s}.mp-searching-overlay__cancel:hover{color:#fff;border-color:#666}.game-chat{position:absolute;left:10px;bottom:calc(var(--command-bar-stack-height) + 8px);width:clamp(280px,28vw,420px);z-index:5;pointer-events:none}.game-chat__log{display:flex;flex-direction:column;gap:2px;max-height:160px;overflow:hidden}.game-chat__msg{font-family:Tahoma,sans-serif;font-size:13px;color:#e0e8f0;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.7);padding:2px 6px;line-height:1.3;transition:opacity .5s}.game-chat__msg--system{color:var(--sc-yellow-dim);font-style:italic}.game-chat__msg--fading{opacity:0}.game-chat__name{color:var(--sc-teal);font-weight:700}.game-chat__input-wrap{margin-top:4px;pointer-events:auto}.game-chat__input{width:100%;background:#000000bf;border:1px solid rgba(68,255,102,.4);border-radius:2px;color:#e0e8f0;font-family:Tahoma,sans-serif;font-size:13px;padding:5px 8px;outline:none}.game-chat__input:focus{border-color:var(--sc-teal);box-shadow:0 0 6px #4ecdc44d}