@font-face{font-family:Brood;src:url('ui/classic.otf') format('opentype');font-display:swap}
:root{--ink:#c9d4a1;--dim:#8d976a;--gold:#e8c96b;--green:#6ce654;--line:#64562f;--panel:#040704f5;--red:#ba3023;--console-height:235px}
body{font-family:Brood,Arial,sans-serif;background:#000 url('ui/menu.png') center/cover fixed;color:var(--ink);font-size:14px}body.menuMode #battle,body.menuMode #vignette{display:none}body.menuMode{background-image:url('ui/dialog.png')}body.menuMode:before{content:'';position:fixed;inset:0;background:#0005;pointer-events:none}button,button.primary{font-family:Brood,Arial,sans-serif!important;font-size:13px;font-weight:400;letter-spacing:0;color:#d5c16b;border:4px solid transparent;border-image:url('ui/popup.png') 6 stretch;background:#040704;box-shadow:inset 0 0 0 1px #382d18;padding:8px 12px;text-shadow:1px 1px #000}button:hover,button:focus-visible,button.primary:hover{background:#18200c;border-image-source:url('ui/panel.png');color:#fff4b1;outline:1px solid #837039;box-shadow:inset 0 0 12px #ae9c2922}button:disabled{color:#62654f}.primary span{margin-left:20px}.primary{background:#111408!important;color:#f2da87!important}.eyebrow{font:12px/1.4 Brood,Arial!important;letter-spacing:0;color:#cbbb73}header{height:78px;background:#000b;border-bottom:0;padding:0 24px;gap:12px}.brand{display:flex;align-items:center;gap:14px}.brand:before{content:'';width:218px;height:47px;background:url('ui/wordmark.png') center/contain no-repeat;image-rendering:pixelated}.brand b{font:20px Brood!important;color:#d7c279;letter-spacing:2px;text-shadow:2px 2px #000}.brand b span{color:#746846}.brand small{display:none}.headerRight button{background:#000a;padding:5px 8px;font-size:11px}.headerRight>span{font:13px Brood;color:#e6ce6e}#runHead{font:14px Brood;gap:14px}#sector{color:#b5d6e1}#menu{width:min(1100px,calc(100% - 60px));margin-top:18px}.menuHeading{margin-bottom:16px}.menuHeading>.eyebrow{display:none}.menuHeading h1{font:32px Brood!important;color:#f2ce72;margin:0 0 8px;letter-spacing:0;text-shadow:2px 2px #000}.menuHeading h1 em{font-style:normal;color:#d9bf73}.menuHeading>p{font:14px Brood;color:#b0bf8b;margin:0}.briefing{background:#000b;border:5px solid transparent;border-image:url('ui/popup.png') 6 stretch;box-shadow:0 8px 40px #0009;grid-template-columns:240px 1fr 330px}.briefing>section{padding:17px}.roster,.sectors{border:0}.heroBrief{border-inline:1px solid #655526!important}.sectionTitle{font:14px Brood;color:#d0be74;letter-spacing:0;margin-bottom:14px}.sectionTitle>span{font:12px Brood;border:0;padding:0;color:#7c9c4e}.sectionTitle>span:before{content:'['}.sectionTitle>span:after{content:']'}.heroChoice{border-image:none;border:1px solid #4e4c27;background:#000c!important;box-shadow:none;padding:11px 10px}.heroChoice.active{border:1px solid #d6c06b;box-shadow:inset 0 0 0 1px #6f6435;background:#19200c!important}.heroChoice strong{font:17px Brood}.heroChoice small{font:10px Brood;color:#8d9c68;letter-spacing:0;margin-top:3px}.heroChoice .insignia{font:23px Brood;color:#b7a85d}.heroBrief h2{font:23px Brood;color:#e9c977;letter-spacing:0}.heroBrief>p{font:13px/1.45 Brood;color:#a9b88c;max-width:170px;min-height:65px}.heroStage{float:right;width:115px;height:140px;margin:8px 0 8px 5px;border:5px ridge #555b4a;background:#010703;box-shadow:inset 0 0 0 2px #050600}.reticle,#portrait{display:none}.heroStage video{width:100%;height:112px;object-fit:cover;image-rendering:pixelated;filter:contrast(1.08)}#heroFaction{font:10px Brood;bottom:2px;color:#9eb965;letter-spacing:0}.skillBrief strong{font:15px Brood;color:#e0cb85}.skillBrief p{font:12px/1.4 Brood;color:#9fae81}.skillBrief .eyebrow{color:#7cbb6a;font-size:10px!important}#maps button{font:14px Brood;border:1px solid #514f2c;border-image:none;background:#0009;box-shadow:none;padding:8px}#maps button.active{border-color:#d6c06b;background:#19200c;color:#f0d889}#maps button span{font:9px Brood;color:#789352}.mapPreview{border-top:1px solid #554c29}.mapPreview canvas{border:2px ridge #6c6948}.mapPreview p{font:12px/1.4 Brood;color:#b5c19b}.mapPreview small{font:10px Brood}.deployment{margin-top:18px}.deployment b{font:15px Brood;letter-spacing:0;color:#f0cf79}.deployment div>span{font:13px Brood;color:#9faf7d}.deployment button{font-size:17px;padding:13px 25px}.menuFoot{font:12px Brood;color:#afb880}.menuFoot button{font-size:11px;background:#000a}.menuFoot>span{font:12px Brood}#legal{font:9px Brood;color:#7f895e;bottom:2px}#gameUI{top:78px;bottom:14px}#mission{background:#000b;border:1px solid #596538;padding:10px 12px;width:230px}#mission b{font:13px Brood;color:#d0d59c}#baseLabel{font:11px Brood;color:#91b46d}.bar{border-color:#3f552c;background:#010500}.bar i{background:#4eab32}.bar.life{height:15px}.bar.life i{background:#3b9d32}.bar span{font:11px/13px Brood;color:#d0e9ae}.bar.xp{height:5px}#phaseLabel{font:12px Brood;letter-spacing:0;color:#d7d074}#phaseTime{font:32px Brood}#waveHint{font:12px Brood;color:#b3c7a0}#nextWave{font-size:12px;background:#000a}#feed{font:12px Brood;gap:3px;color:#a8d180;max-width:330px}#feed div{background:#0009;border-left:1px solid #4c7734;padding:2px 5px}#toast{font:16px Brood;color:#e7cf6b;background:#000b}.console{height:var(--console-height);left:0;right:0;bottom:0;background:transparent url('ui/terran.png') center bottom/100% 100% no-repeat;border:0;box-shadow:none;padding:0;display:block;pointer-events:none}body[data-race="PROTOSS"] .console{background-image:url('ui/protoss.png')}body[data-race="ZERG"] .console{background-image:url('ui/zerg.png')}.console button,.console canvas,.console #abilityButton{pointer-events:auto}.minimap{position:absolute;left:1%;top:30%;width:20.2%;height:68%}.minimap canvas{width:100%;height:100%;border:0;object-fit:fill;background:#000}.minimap small{position:absolute;top:-24px;left:0;width:100%;font:10px Brood;color:#ddd181;letter-spacing:0;padding-inline:5px}.heroPanel{position:absolute;left:24%;top:48%;width:38%;height:50%;padding:4px 10px;border:0;background:#050804;font-family:Brood}.heroPanel>div:first-child{font:14px Brood;color:#c9ce92;margin-bottom:4px}.heroPanel .bar.life{width:62%;margin-bottom:3px}.heroPanel .bar.xp{width:62%}#abilityButton{position:absolute;top:34px;right:8px;width:34%;height:43px;padding:4px;display:flex;flex-wrap:wrap;justify-content:center;gap:3px;border:1px solid #65683e;background:#081507}#abilityButton>span{font:9px Brood;border:0;padding:0;color:#e9ce61}#abilityButton>b{font:11px Brood;color:#95c169}#abilityButton>small{font:10px Brood;margin-left:0;color:#edcb65}#statsLabel{font:10px Brood;position:absolute;bottom:7px;left:10px;color:#89b571}.consolePortrait{position:absolute;left:65%;top:61%;width:8.8%;height:30%;background:#030603;border:0;object-fit:cover;image-rendering:pixelated}.buildPanel{position:absolute;right:.6%;top:34%;width:22.2%;height:63%;background:transparent}.buildTitle{position:absolute;top:-42px;right:0;width:100%;display:flex;flex-direction:column;gap:3px;align-items:flex-end;font:10px Brood;color:#d5ca6a}.buildTitle>span{display:none}.buildTitle b{font:12px Brood;color:#58bbd7;text-shadow:1px 2px #000}#buildings{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:64px;gap:4px}#buildings button{position:relative;width:100%;height:64px;min-height:0;background:#050904;border:2px outset #636f55;border-image:none;padding:3px;box-shadow:inset 0 0 0 1px #000}#buildings button:hover{border-color:#d2c779;background:#152108}#buildings button img{display:block;width:42px;height:35px;object-fit:contain;margin:auto;image-rendering:pixelated}#buildings button strong{font:9px Brood;position:absolute;bottom:0;left:0;right:0;white-space:nowrap;text-align:center;background:#000b;color:#b6cf8b}#buildings button>span{font:9px Brood;right:3px;top:1px;color:#fff1aa}#buildings button small{font:9px Brood;position:absolute;bottom:13px;left:1px;color:#76c8e5;margin:0}#buildings button em{display:none}#buildHint{font:10px/1.3 Brood;color:#99b676;margin-top:5px;text-shadow:1px 2px #000}.utility{position:absolute;left:24%;top:30%;width:38%;height:16%;display:flex;flex-direction:row;gap:4px}.utility button{padding:2px 5px;flex:1;font:11px Brood;color:#cfbd75;background:#000c;border:1px solid #585d3f;border-image:none;box-shadow:inset 1px 1px #555d36}#selected{bottom:calc(var(--console-height) + 10px);background:#000d;border:3px solid transparent;border-image:url('ui/popup.png') 6 stretch;font:13px Brood}#selected h3{font:17px Brood;color:#e7ca73}#selected p{font:12px Brood}#selected button{font-size:11px}#squadBar{bottom:calc(var(--console-height) + 8px);left:24%;gap:5px}.squadHeading{font:12px Brood;color:#b6bd84;letter-spacing:0}.squadSlot{width:115px;padding:5px 7px;border:2px outset #515d3d;background:#000c}.squadSlot span{font:12px Brood;color:#a6c582}.squadSlot small{font:9px Brood;color:#647a4f}.squadSlot.occupied{border-color:#829954}.squadSlot.occupied small{color:#79b267}.squadSlot i{background:#49be31}.squadSlot img{width:24px;height:24px;float:left;margin-right:5px;image-rendering:pixelated}#overlay{backdrop-filter:none;background:#0009}#modal{font-family:Brood;background:#000f;border:7px solid transparent;border-image:url('ui/popup.png') 8 stretch;box-shadow:0 0 70px #000c}#modal h2{font:30px Brood;color:#e2c47b;letter-spacing:0}#modal p{font:14px/1.4 Brood;color:#b8c69a}#modal .actions{gap:10px}.upgradeChoices button{background:#050b04;border:3px solid transparent;border-image:url('ui/popup.png') 6 stretch;min-height:200px}.upgradeChoices button:hover{background:#141c08}.upgradeChoices strong{font:22px Brood;color:#e5cc77;line-height:1.2}.upgradeChoices p{font:13px/1.4 Brood!important}.upgradeChoices small{font:11px Brood;color:#66b14f;letter-spacing:0}.upgradeChoices img{width:40px;height:35px;object-fit:contain;float:right;image-rendering:pixelated}.controls{font:13px Brood;color:#c4cfa2}.controls b{font-weight:400}.resultStats b{font:29px Brood;color:#e9d07b}.resultStats span{font:12px Brood}.armoryList small{font:12px Brood}.armoryList button{font:15px Brood}.inventoryHeading>span,.bagHeading{font:13px Brood}.artifactWheel text{font-family:Brood}.artifactWheel polygon{fill:#101607}.artifactSlot:hover polygon{stroke:#f4d879}.artifactWheel circle{stroke:#ad9356}.wheelPanel>p{font:12px Brood!important}.artifactTotals span{font:11px Brood;background:#081006;border-color:#4b572b}.gearDetail{background:#020601;border:2px solid #615932}.gearDetail h3{font:19px Brood}.gearDetail p{font:13px Brood!important}.gearDetail>small,.gearActions button{font:11px Brood}.bagGrid{gap:4px}.gearTile,.emptyGear{background:#030802;border:2px inset #2e3d25}.gearTile{border-color:var(--rarity);background:#0c1309}.gearTile>span{font:25px Brood}.gearTile small{font:10px Brood}.rarityLegend{font:12px Brood}#legal{z-index:8}
@media(max-height:800px){:root{--console-height:210px}header{height:68px}.menuHeading h1{font-size:27px!important}.briefing>section{padding:12px}.heroChoice{padding:8px}.heroStage{height:115px}.heroStage video{height:91px}.heroBrief>p{min-height:55px}.skillBrief{padding-top:8px}.skillBrief p{margin-bottom:8px}.heroBrief h2{font-size:21px}#menu{margin-top:10px}.deployment{margin-top:10px}.deployment button{padding:9px 20px}#gameUI{top:68px}.consolePortrait{top:61%;height:31%}#buildings{grid-template-rows:58px}#buildings button{height:58px}}
@media(max-width:1000px){.brand:before{width:160px;height:38px}.brand b{font-size:15px!important}.headerRight button{font-size:10px}.briefing{grid-template-columns:210px 1fr 280px}.briefing>section{padding:10px}.heroStage{width:90px}.heroBrief>p{max-width:135px}.heroChoice strong{font-size:15px}#runHead #sector{display:none}#buildings button strong{font-size:8px}#buildings button img{width:33px}#buildHint{font-size:9px}.squadSlot{width:98px}.squadSlot span{font-size:10px}.squadSlot small{font-size:8px}}
@media(max-width:760px){:root{--console-height:200px}.brand:before{width:120px}.brand b{font-size:12px!important}.headerRight button{font-size:9px;padding:4px}.briefing{grid-template-columns:1fr 1fr}.sectors{border-top:1px solid #756139}#menu{width:calc(100% - 24px)}.heroPanel{display:block;left:24%;width:38%}.heroPanel>div:first-child{font-size:11px}.heroPanel .bar.life,.heroPanel .bar.xp{width:100%}#abilityButton{top:58px;left:8px;right:8px;width:auto;height:28px;flex-wrap:nowrap}#statsLabel{font-size:8px;bottom:0}.minimap{left:1%;top:30%;width:20.2%;height:68%}.minimap canvas{width:100%;height:100%}.utility{display:flex;font-size:8px}.utility button{font-size:8px}#buildings{gap:1px}#buildings button{height:50px}#buildings button img{width:26px;height:28px}#buildings button strong{font-size:7px}#buildings button small{font-size:8px;bottom:10px}#buildHint{font-size:8px}.buildTitle b{font-size:9px}.consolePortrait{left:65%;width:8.8%}#squadBar{left:12px;bottom:calc(var(--console-height) + 7px)}.squadSlot{width:88px}.squadHeading{font-size:10px}.squadSlot span{font-size:9px}.squadSlot img{width:18px;height:20px}.inventoryLayout{max-height:60vh}.menuFoot{gap:10px}.deployment div>span{font-size:12px}}

body.menuMode{overflow-y:auto}body.menuMode #menu{margin-bottom:38px}.heroStage #heroFaction{left:0;right:0;bottom:1px;display:block;text-align:center;background:#020601;width:auto}.heroStage{overflow:hidden}.heroStage video{display:block}.heroChoice .insignia{font-family:Arial,sans-serif;font-size:20px}#buildings{grid-template-columns:repeat(3,1fr)}.briefing{background-color:#000c}.upgradeChoices img{float:right}
.audioSliders{display:grid;gap:22px;margin:30px 0}.audioSliders label{display:grid;grid-template-columns:150px 1fr 50px;align-items:center;gap:20px;font:16px Brood;color:#c8d2a1}.audioSliders input{width:100%;accent-color:#99ad52}.audioSliders label>span{font:14px Brood;color:#d5bf69}@media(max-width:760px){.audioSliders label{grid-template-columns:100px 1fr 40px;gap:10px;font-size:13px}}

/* StarCraft: Remastered skin and HD assets. */
body,canvas,.heroStage video,.consolePortrait,#buildings img,.squadSlot img,.brand:before{image-rendering:auto}.console{background-size:100% 100%}.minimap{top:25%;height:72%}.buildPanel{top:24%;height:70%}.buildTitle{top:-28px}button,button.primary,.briefing,#modal,.upgradeChoices button,#selected{border-image-slice:24}body{background-size:cover}.heroStage{border-color:#74776d}.heroStage video{object-fit:cover}.brand:before{image-rendering:auto}

/* Compact skill icons replace the old objective panel and squad cards. */
#mission,#squadBar{display:none!important}#feed{top:18px}
#skillBar{position:absolute;bottom:calc(var(--console-height) + 9px);left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;max-width:76vw;pointer-events:auto;background:#020602d9;padding:5px 7px;border:1px solid #665e36;box-shadow:0 3px 12px #0008}
.skillGroup{display:flex;gap:4px;align-items:center}.skillGroup+.skillGroup{border-left:1px solid #605a35;padding-left:8px}.skillIcon,.emptySkill{position:relative;width:43px;height:43px;flex:0 0 43px;border:2px outset #6c7353;border-image:none!important;background:#081006;padding:3px;box-shadow:inset 0 0 0 1px #000}.skillIcon img{width:100%;height:100%;object-fit:contain;display:block}.skillIcon small{position:absolute;right:1px;bottom:0;background:#020501d9;color:#e9d184;padding:0 2px;font:9px Brood}.skillIcon.activeSkill{border-color:#b7a760}.skillIcon.cooling img{filter:brightness(.45)}.skillCooldown{position:absolute;inset:0;display:grid;place-items:center;color:#f4dda3;font:20px Brood;text-shadow:1px 2px #000}.emptySkill{display:grid;place-items:center;border-style:inset;border-color:#323d28}.emptySkill span{color:#4b5b3c;font:23px Brood}.passiveSkills{flex-wrap:wrap;max-width:300px}.skillIcon:hover,.skillIcon:focus-visible{border-color:#f0dc9b;outline:1px solid #ccbb7b;transform:translateY(-2px)}
@media(max-width:760px){#skillBar{max-width:95vw;gap:5px;padding:4px}.skillIcon,.emptySkill{width:34px;height:34px;flex-basis:34px}.skillIcon small{font-size:7px}.skillGroup{gap:3px}.skillGroup+.skillGroup{padding-left:5px}.passiveSkills{max-width:155px}.skillCooldown{font-size:15px}}

.upgradeChoices .tierChoice{position:relative;border-image:none;border:2px solid var(--tier-color);box-shadow:inset 0 0 0 2px #020602;padding-top:33px}.upgradeChoices .tierChoice strong,.upgradeChoices .tierChoice p{color:var(--tier-color)!important}.upgradeChoices .tierChoice .tierLabel{position:absolute;left:12px;top:10px;display:block;font:10px Brood;color:var(--tier-color)}.upgradeChoices .tierChoice:hover{outline:1px solid var(--tier-color);box-shadow:inset 0 0 20px #6d8b4a22}

/* Per-defense energy meters above each command icon. */
#buildings button{overflow:visible}#buildings button>.energyCost{position:absolute;left:50%;right:auto;top:-48px;transform:translateX(-50%);width:43px;height:43px;display:grid;place-content:center;border-radius:50%;padding:0;border:1px solid #84b7c1;background:conic-gradient(#75c8e1 var(--energy-progress,100%),#172226 0);box-shadow:0 1px 8px #000b;color:#d4f1f6;text-align:center}
.energyCost:before{content:'';position:absolute;inset:4px;border-radius:50%;background:#071317}.energyCost>b{position:relative;z-index:1;font:16px Brood;line-height:16px}.energyCost>em{position:relative;z-index:1;font:7px Brood!important;color:#94c5cf!important;display:block!important;margin:0!important}.energyCost.lowEnergy{filter:grayscale(1);border-color:#59646a;color:#849096;background:conic-gradient(#68777d var(--energy-progress,0%),#192124 0)}#buildings button.unaffordable>img{filter:grayscale(1) brightness(.45)}#buildings button.unaffordable>strong{color:#6e7e73}.buildTitle{top:-76px}.buildTitle b{font-size:12px}
@media(max-width:760px){#buildings button>.energyCost{width:34px;height:34px;top:-39px}.energyCost>b{font-size:13px}.energyCost>em{font-size:6px!important}.buildTitle{top:-64px}.buildTitle b{font-size:9px}}

#buffBar{position:absolute;left:50%;top:10px;transform:translateX(-50%);display:flex;gap:8px;pointer-events:auto}.buffStatus{text-align:center}.buffImage{position:relative;width:48px;height:48px;border:2px solid #cfba75;background:#071006;padding:3px;overflow:hidden}.buffImage>img{display:block;width:100%;height:100%;object-fit:contain}.buffElapsed{position:absolute;inset:0 auto 0 0;width:var(--buff-elapsed,0%);background:#000;opacity:.5;transition:width .18s linear}.buffDivider{position:absolute;top:0;bottom:0;left:var(--buff-elapsed,0%);width:1px;background:#eddfad;box-shadow:0 0 3px #000;transition:left .18s linear}.buffSeconds{display:block;margin-top:3px;font:13px Brood;color:#e2d69a;text-shadow:1px 1px #000}

/* Hero status and simultaneous defense capacity. */
#heroStatus{position:absolute;left:18px;top:14px;display:flex;align-items:center;gap:10px;width:310px;padding:7px;background:#050a06eb;border:2px solid #88774a;box-shadow:inset 0 0 0 2px #292b1b,0 3px 12px #0008;pointer-events:none}
#hudPortrait{width:62px;height:66px;object-fit:cover;border:2px inset #8c8056;background:#000}.heroVitals{flex:1;min-width:0}.heroVitals>div:first-child{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;font:13px Brood;color:#dfd09a}#levelLabel{color:#f5d56e;white-space:nowrap;font:16px Brood}.heroVitals .bar{position:relative;width:100%;height:19px;margin:0;border:1px solid #5f704a;background:#071006}.heroVitals .bar i{display:block;height:100%;background:#54b53e}.heroVitals .bar span{position:absolute;inset:0;text-align:center;font:12px/18px Brood;color:#f5edcc;text-shadow:1px 1px #000}.heroVitals .bar.xp{height:4px;margin-top:5px}.heroVitals .bar.xp i{background:#a89d56}#feed{top:112px;max-width:335px}#buildings button .defenseCount{position:absolute;right:3px;top:3px;bottom:auto;color:#e3d496;font:11px Brood;background:#050905d9;padding:1px 3px}#buildings button.atLimit{filter:grayscale(.8);opacity:.65!important}.heroPanel{min-height:60px}@media(max-width:760px){#heroStatus{left:8px;top:8px;width:245px}#hudPortrait{width:44px;height:50px}.heroVitals>div:first-child{font-size:11px}#feed{top:90px;max-width:260px}}

.unitColorSkill{display:flex;border-bottom:3px solid var(--unit-number-color);padding-bottom:2px}.skillGroup:first-child>.skillIcon:first-child{border-bottom:3px solid #ffe27a}

.upgradeChoices .tier-legendary{background:linear-gradient(135deg,#281506,#0b0905);border-color:#ff9b45;box-shadow:0 0 18px #ffab4638,inset 0 0 0 2px #402611}.upgradeChoices .tier-legendary .tierLabel{letter-spacing:1px}

#skillBar{bottom:calc(var(--console-height) - 28px)}.unitStatGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;background:#080d07;padding:14px;border:1px solid #5d6038;font:14px Brood;color:#b5c99e}.unitStatGrid b{color:#f0d58c}.unitStatGrid small{color:#7a916c}.unitUpgradeList{max-height:35vh;overflow:auto;display:grid;gap:8px}.unitUpgradeList>div{padding:9px 12px;background:#0b1209;border-left:3px solid}.unitUpgradeList strong{font:16px Brood;color:#e6d295}.unitUpgradeList p{margin:5px 0!important}

#energyBar{position:absolute;top:8px;left:10px;right:10px;height:21px;border:2px inset #657c80;background:#04131b;overflow:hidden}#energyFill{display:block;height:100%;width:100%;background:linear-gradient(#4bc5e5,#17617f)}#energyLabel{position:absolute;inset:0;text-align:center;font:12px/18px Brood;color:#ecf8fc;text-shadow:1px 1px #000}#energyRegen{position:absolute;right:5px;top:3px;font:10px Brood;color:#d5f2fb}#minerals,.energyCost{display:none!important}#buildings button .defenseEnergyLabel{position:absolute;bottom:2px;left:0;right:0;top:auto;text-align:center;color:#80d5e9;font:8px Brood}#buildings button strong{bottom:14px}.buildTitle{top:-21px}

.upgradeActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;margin-top:18px}.upgradeActions button{font:12px Brood;padding:9px 12px}.upgradeActions button:disabled{opacity:.4;cursor:default}.banishPrompt{color:#f0a47c!important}@media(max-width:760px){.upgradeChoices{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:52vh;overflow:auto}.upgradeChoices button{min-height:145px}.upgradeActions button{font-size:10px}}

.inventoryTabs,.bulkSellActions{display:flex;gap:7px;margin:10px 0;flex-wrap:wrap}.inventoryTabs button,.bulkSellActions button{font:11px Brood;padding:7px 9px}.inventoryTabs button.active{color:#f0d57a;border-color:#ad944e}.inventoryTabs~.bagGrid{max-height:230px;overflow-y:auto}.bulkSellActions{justify-content:flex-end}.bulkSellActions small{color:#8caa7a}.bulkSellActions button:disabled{opacity:.4}

#energyBar{border-color:#568746;background:#071c08}#energyFill{background:linear-gradient(#92dc62,#367b2d)}#energyLabel,#energyRegen{color:#edffe3}#buildings button .defenseEnergyLabel{color:#98dc78}.gasResourceIcon{position:absolute;left:3px;top:1px;width:21px;height:17px;object-fit:contain}.mineralPrice{display:inline-flex;align-items:center;gap:5px;color:#9edcf3;white-space:nowrap}.mineralPrice img{width:23px;height:19px;object-fit:contain;vertical-align:middle}#credits{display:flex;align-items:center;gap:5px}#statsLabel{color:#9dc3cd}

#clock{position:fixed;top:20px;left:50%;transform:translateX(-50%);font:20px Brood;color:#f1dfaa}#runHead{position:absolute;left:56%;top:25px;font-size:11px}#credits{font:15px Brood}#credits img{width:26px;height:22px}.buildPanel #energyBar{top:-99px;left:0;right:0;height:34px}.buildPanel #energyLabel{font:15px/30px Brood}.buildPanel #energyRegen{font:12.5px Brood;top:9px}.buildPanel .gasResourceIcon{width:27px;height:25px;top:3px}.buildTitle{display:none}.defenseCommand{position:relative;min-width:0}#buildings .deployDefense{width:100%;height:62px}#buildings .defenseGasInfo{position:absolute;top:-59px;left:0;right:0;width:100%;height:52px;min-height:0;background:#071005e8;border:1px solid #5b7844;padding:4px 1px;text-align:center;cursor:pointer}#buildings .defenseGasInfo>span{position:static;display:flex;justify-content:center;align-items:center;gap:3px;font:15px Brood;color:#b6e797}#buildings .defenseGasInfo img{width:22px;height:19px;object-fit:contain;margin:0}#buildings .defenseGasInfo small{font:8px Brood;color:#9fb593;white-space:nowrap;margin-top:4px}.defenseGasReadout{display:flex;gap:9px;align-items:center;flex-wrap:wrap;background:#0a1707;border:1px solid #4e753b;padding:10px;color:#a5da82;margin:10px 0}.defenseGasReadout img{width:26px;height:23px;object-fit:contain}.defenseGasReadout strong{font:18px Brood}.defenseGasReadout span,.defenseGasReadout small{font:12px Brood}.defenseStatGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px;background:#080e06;color:#afc09b;font:14px Brood}.defenseStatGrid b{color:#edda9f}#selected{width:300px;max-height:55vh;overflow:auto;bottom:calc(var(--console-height) + 17px)}#selected .defenseStatGrid{font-size:12px}#selected .defenseGasReadout{padding:6px;gap:5px}#selected .defenseGasReadout strong{font-size:14px}@media(max-width:760px){#clock{top:19px;font-size:17px}#runHead{left:56%;font-size:9px}.buildPanel #energyLabel{font-size:12px}.buildPanel #energyRegen{font-size:9px}#buildings .defenseGasInfo small{font-size:6px}#buildings .defenseGasInfo>span{font-size:12px}#selected{width:255px}}
/* Larger trimmed command artwork; a single gas readout. */
.buildPanel #energyBar{top:-43px}#buildings .deployDefense{height:84px;padding:4px 4px 2px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px}#buildings .deployDefense>img{position:static;width:72px;height:46px;max-width:95%;object-fit:contain;margin:0}#buildings .deployDefense>.defenseCost{position:static;display:block;bottom:auto;left:auto;right:auto;top:auto;height:12px;line-height:12px;margin:0;padding:0;font:12px Brood;color:#b5e58c;text-align:center}#buildings .deployDefense>strong{position:static;display:block;font:10px Brood;line-height:12px;margin:0;text-align:center;color:#d5cf9e}#buildings .deployDefense>.defenseCount{top:3px;left:3px;right:auto;bottom:auto;width:auto;font-size:10px}#buildings .defenseInfoButton{position:absolute;right:3px;top:22px;width:16px;height:16px;min-height:0;padding:0;font:12px/12px Brood;color:#d2c588;background:#071006cc;border:1px solid #64653e}#buildings .deployDefense.unaffordable>.defenseCost{color:#6d7866}@media(max-width:760px){#buildings .deployDefense>img{width:54px;height:42px}#buildings .deployDefense>strong{font-size:8px}#buildings .deployDefense>.defenseCost{font-size:11px}}

.buildPanel{width:26.5%}#buildings{grid-template-rows:84px;grid-auto-rows:84px}.defenseCommand{height:84px}@media(max-width:760px){.buildPanel{width:31%}#buildings .deployDefense>strong{font-size:7px}}

#feed{display:none!important}
/* Square StarCraft command cards: three columns with contained artwork. */
.buildPanel{width:22.2%;right:.6%;top:auto;bottom:12px;height:auto}#buildings{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none;grid-auto-rows:auto;gap:5px}.defenseCommand{aspect-ratio:1;height:auto;min-width:0}#buildings .deployDefense{box-sizing:border-box;width:100%;height:100%;min-height:0;overflow:hidden;padding:14px 4px 3px;gap:1px;border:3px ridge #707777;background:linear-gradient(135deg,#111719,#030607);box-shadow:inset 0 0 0 1px #000,inset 0 0 8px #000}#buildings .deployDefense>img{display:block;flex:1 1 0;position:static;width:calc(100% - 10px);height:0;min-height:0;max-height:none;max-width:100%;object-fit:contain;margin:0 auto}#buildings .deployDefense>.defenseCost{flex:0 0 12px;height:12px;font-size:11px;line-height:12px}#buildings .deployDefense>strong{flex:0 0 12px;height:12px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:12px}#buildings .deployDefense>.defenseCount{left:3px;top:2px;font-size:9px;line-height:11px}#buildings .deployDefense>span{top:2px;right:3px;font-size:9px}#buildings .defenseInfoButton{top:15px;right:3px;width:12px;height:13px;font-size:10px;line-height:10px}.buildPanel #energyBar{top:-41px;height:32px}.buildPanel #energyLabel{font-size:14px;line-height:28px}.buildPanel #energyRegen{font-size:11px;top:8px}#buildHint{display:none}@media(max-width:760px){.buildPanel{width:28%;bottom:9px}#buildings{gap:3px}#buildings .deployDefense{padding:12px 2px 2px}#buildings .deployDefense>img{width:calc(100% - 6px);height:0}#buildings .deployDefense>strong{font-size:7px;line-height:10px;flex-basis:10px;height:10px}#buildings .deployDefense>.defenseCost{font-size:9px;line-height:10px;flex-basis:10px;height:10px}.buildPanel #energyLabel{font-size:11px}.buildPanel #energyRegen{font-size:9px}.buildPanel .gasResourceIcon{width:20px}}
