:root{--text-scale:1;--steel:#303b43;--edge:#74848c;--accent:#90c9e8;--gold:#cfb978}
body{background:#080c10;color:#d3d7d7;font-family:'Microsoft YaHei',sans-serif}.identity,.build-label,.brand-mark{display:none}.vignette{background:linear-gradient(#02070b66,transparent 18%,transparent 72%,#0008)}
button,.primary,.secondary{border-radius:1px!important;text-shadow:0 1px 2px #000;box-shadow:inset 0 1px #ffffff24,inset 0 -2px #0008;background:linear-gradient(#38434b,#17232c)!important;color:#cee0e8!important;border:1px solid #667982!important}.primary{border-color:#aa9668!important;color:#fff0c2!important;background:linear-gradient(#655b3f,#302c21)!important}.primary:hover{filter:brightness(1.2)}button:focus-visible{outline:2px solid #ebcd82;outline-offset:2px}kbd{border:0;background:#050b0fcc;border-radius:0;color:#e3d6a0;font-size:9px;padding:2px 4px}
.masthead{top:12px;left:16px;right:auto;z-index:6}.header-actions{gap:4px}.header-actions button{padding:6px 12px;font-size:12px}.top-hud{left:auto;right:22px;top:12px;transform:none;width:auto;gap:26px;align-items:center}.health-block{display:none}.timer-block{margin:0;flex-direction:row;gap:9px}.timer-block strong{font-size:23px;letter-spacing:0}.timer-block .micro{font-size:11px}.timer-block>span:last-child{display:none}.kill-block{flex-direction:row;gap:8px;align-items:center}.kill-block strong{font-size:19px}.kill-block .subtle{display:none}
.command-deck{position:absolute;bottom:0;left:0;right:0;height:180px;background:linear-gradient(#27343be6,#121b23ed),url('assets/heroes/ui-metal.png');border-top:5px ridge #6d7e84;box-shadow:0 -4px 14px #000a,inset 0 8px 0 #070b10;pointer-events:none;z-index:2}.command-deck:after{content:'';position:absolute;inset:10px 12px;border:1px solid #52646c;box-shadow:inset 0 0 0 3px #111a20;pointer-events:none}
.map-panel{display:block;position:absolute;left:22px;right:auto;bottom:13px;width:172px;height:153px;padding:7px;background:#091013;border:3px ridge #6f7e86;z-index:4}.map-panel canvas{width:134px;height:116px;margin:0 auto}.map-panel .micro{font-size:9px}.map-legend{font-size:8px}.bottom-hud{bottom:20px;left:215px;right:22px;z-index:4}.loadout{left:auto;right:0;transform:none;width:280px;bottom:0}.skills{height:100px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.ability{padding:3px!important;position:relative;min-width:0;height:96px;overflow:visible;border:2px ridge #7c8787!important;background:linear-gradient(#26333b,#0a1117)!important}.ability:before{display:none}.ability svg{display:none}.ability img{width:50px;height:50px;display:block;margin:0 auto;object-fit:cover;border:1px solid #1c2931}.ability>span{font-size:calc(10px * var(--text-scale));letter-spacing:0;line-height:1.4;display:block;margin-top:3px}.ability small{font-size:9px;margin-top:1px;letter-spacing:0}.ability kbd{top:1px;right:1px;left:auto;bottom:auto;position:absolute}.ability>i{height:3px!important}.xp-row{font-size:10px;margin-bottom:9px}.xp-track{height:5px;background:#030609;border:1px solid #475d68}.xp-track i{background:#638db7}.save-indicator{position:fixed;right:20px;top:50px;bottom:auto;font-size:9px;display:flex}.save-indicator small{margin-left:8px}
#unit-console{position:absolute;left:220px;bottom:26px;width:calc(100% - 550px);height:119px;display:flex;gap:16px;align-items:center;z-index:4}#unit-portrait{width:114px;height:114px;object-fit:cover;border:4px ridge #74828b;background:radial-gradient(#4c635a,#0a161c);box-shadow:inset 0 0 18px #000}#unit-console h2{font-size:18px;letter-spacing:1px;color:#e5e8da;margin:0 0 5px}#unit-console p{font-size:11px;color:#b9c2c5;margin:5px 0;max-width:420px}#unit-console strong{display:inline-block;color:#8adb69;background:#09170c;padding:4px 18px;border:1px solid #325037;font:16px Consolas,monospace}#unit-state{color:#dcc789!important}#build-hud{bottom:150px;left:225px;width:calc(100% - 560px);font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#objective-card{left:18px;top:66px;width:224px;border:0;border-left:2px solid #a99b71;background:#050b11b8;box-shadow:none;padding:10px 12px}#objective-card strong{font-size:14px;color:#e5d9ae}#objective-card small{font-size:10px}#objective-detail{font-size:11px}#boss-hud{top:56px;width:350px}#toast{top:19%;border:1px solid #b5a778;background:#101923e8;color:#f0e3bb;z-index:8}#target-arrow{border-color:#a0966f;color:#e1d19e}#tutorial{position:absolute;left:50%;bottom:200px;transform:translateX(-50%);background:#101a22ed;border:1px solid #a49161;padding:10px 12px;z-index:8;font-size:12px;max-width:560px;width:max-content}#tutorial[hidden]{display:none}#tutorial button{margin-left:15px;padding:5px;font-size:10px}
.overlay,.overlay.intro{padding:0;justify-content:center;background:#02060bd4;backdrop-filter:blur(4px)}.panel,.intro .panel,#attributes-dialog{background:linear-gradient(#24343bed,#101820f7),url('assets/heroes/ui-metal.png');border:4px ridge #78868b;border-top:4px ridge #879796;border-radius:0;box-shadow:0 20px 70px #000b,inset 0 0 0 2px #0a1219;max-height:90vh;padding:28px;scrollbar-color:#617079 #10171d}.panel h2{font-size:27px;color:#f0e3bc;font-weight:600;letter-spacing:2px}.eyebrow{color:#c3b487;font-size:10px;letter-spacing:2px;margin-bottom:10px}.panel-copy{font-size:13px;color:#c1c7c8}.small-note{font-size:11px;color:#adb7bc}.panel-actions{margin-top:20px}.panel button{min-height:38px}.panel select{color:#e1dfd0;background:#111b22;border:1px solid #667883;padding:7px;font:inherit}.panel h3{font-size:14px;color:#d2c290}.intro .deployment-panel,.deployment-panel{width:min(1080px,94vw);max-width:1080px}.deployment-heading{border-bottom:1px solid #647079;margin-bottom:18px}.deployment-heading h2{margin-bottom:8px}.deployment-heading .panel-copy{margin-bottom:14px}.hero-roster{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hero-choice{position:relative;padding:0 0 14px;text-align:left;overflow:hidden;background:linear-gradient(#202e3c,#0c1720)!important;border:2px ridge #667782!important}.hero-choice img{width:100%;height:175px;object-fit:contain;background:radial-gradient(ellipse at 50% 80%,#3c535e,transparent 65%);display:block}.hero-choice strong{font-size:20px;display:block;color:#dddcd3;margin:7px 13px}.hero-choice small{display:block;margin:0 13px;font-size:11px;line-height:1.65;min-height:35px;color:#acbbc4}.hero-faction{font:9px Consolas,monospace;color:#939b9b;letter-spacing:1px;margin-left:13px}.hero-choice[aria-pressed=true]{border-color:#dbbd71!important;box-shadow:inset 0 0 30px #b7953333,0 0 0 1px #e4c991}.hero-choice[aria-pressed=true] strong{color:#ffdfa0}#hero-brief h3{margin:16px 0 8px}.brief-abilities{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.brief-abilities>div{display:flex;gap:6px;font-size:11px}.brief-abilities kbd{align-self:flex-start;min-width:22px;text-align:center}.brief-abilities b{color:#c6d6dc;font-weight:500}.brief-abilities small{display:block;color:#90a3ae;line-height:1.5;margin-top:4px}.deployment-options{display:flex;align-items:end;gap:20px;margin-top:18px;border-top:1px solid #526169;padding-top:14px}.deployment-options label{font-size:11px;display:grid;gap:5px}.deployment-options .secondary{margin-left:auto}.deployment-options button{font-size:12px}
.upgrade-panel{max-width:780px}.upgrade-panel .upgrade{border-radius:0;border:2px ridge #758891!important;background:linear-gradient(#2c3c47,#101820)!important}.upgrade-panel .upgrade[aria-pressed=true]{border-color:#e9c672!important;transform:none;box-shadow:inset 0 0 30px #a2822933}.upgrade-panel .upgrade small{color:#c3cace;font-size:calc(12px * var(--text-scale))}.upgrade-panel .upgrade .symbol{color:#d9c684}.upgrade-panel .upgrade em{color:#c4b488}.confirm-upgrade{margin-top:20px}.attributes-header{background:#17232b!important}.attribute-grid>div,.skill-family,.node-content{border-radius:0!important;background:#121e26!important;border-color:#50616c!important}.attribute-grid dd{color:#d8dccc}.skill-family>header b{color:#d7c59d}.skill-node.locked .node-content{opacity:.65}.skill-node.owned>.node-content{border-color:#9ba96b!important;background:#26332a!important}.node-level{color:#d2c894}.node-content small{font-size:calc(11px * var(--text-scale))}.node-requirement{font-size:10px!important;color:#b2b9bc!important}.attributes-header h2{color:#e2d4b0}.stats strong{color:#e3d4a3}.profile-panel{max-width:850px;width:94vw}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.module-grid>div{padding:13px;background:#121c23;border:1px solid #566773}.module-grid b{font-size:13px;color:#d5c599}.module-grid p{font-size:11px;line-height:1.6;color:#b5c1c7}.module-grid button{font-size:11px;width:100%}.history{font-size:12px}.history>div{display:flex;gap:12px;border-bottom:1px solid #43535e;padding:10px 0}.history strong{margin-left:auto;color:#cfb77e}.history p{color:#9eafb8}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-grid label{display:grid;gap:7px;font-size:12px}.settings-grid input{width:100%;accent-color:#bca777}.settings-grid input[type=checkbox]{width:20px}.settings-entry{margin-top:20px}.reward-summary{padding:15px;border-top:1px solid #7d795f;color:#c6cbbf;margin-top:20px}.reward-summary strong{color:#e5c779;font-size:20px}.reward-summary p{font-size:12px;line-height:1.6}.sound-setting{display:none}
.hero-ability-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.hero-ability-details>div{display:flex;align-items:center;gap:10px;background:#0c161d;border:1px solid #4c5b65;padding:10px}.hero-ability-details img{width:42px;height:42px;background:#182932}.hero-ability-details b{font-size:12px;color:#ddd0aa}.hero-ability-details small{display:block;font-size:11px;color:#b1bcc3;line-height:1.6;margin-top:4px}.hero-ability-details .evolution{grid-column:1/-1;display:block}.raynor-weapons{display:block;margin-top:10px;font-size:11px;color:#bbcad0}.raynor-weapons select{margin-left:10px;font-size:11px;padding:4px 8px}
.upgrade-icon{width:64px;height:64px;object-fit:contain;border:1px solid #566572;background:#102029}.node-symbol{width:32px;height:32px;object-fit:contain}
body[data-hero=kerrigan]{--accent:#c7a3e1}body[data-hero=kerrigan] #unit-portrait{background:radial-gradient(#624268,#180e20)}
@media(max-width:1000px){#unit-console{left:202px;width:calc(100% - 492px);gap:9px}#unit-portrait{width:82px;height:105px}#unit-console h2{font-size:16px}#unit-role{display:none}.loadout{width:260px}.map-panel{left:14px;width:165px}.top-hud{top:15px;right:14px}.hero-choice img{height:132px}.hero-choice strong{font-size:17px}.brief-abilities{grid-template-columns:1fr 1fr}.panel,.intro .panel{padding:20px}.map-panel canvas{width:132px;height:116px}#objective-card{top:58px}#boss-hud{top:60px}#build-hud{display:none}}
@media(max-width:640px){.masthead{top:9px;left:9px}.header-actions button{font-size:10px;padding:6px 8px}.top-hud{top:52px;right:12px;width:auto;gap:15px}.timer-block strong{font-size:21px}.timer-block .micro,.kill-block .micro{display:none}.command-deck{height:134px}.map-panel{display:none}#unit-console{left:13px;bottom:18px;width:85px;height:94px;display:block}#unit-portrait{width:70px;height:68px;border-width:2px}#unit-console h2{font-size:11px;margin:2px 0}#unit-console p,#unit-health{display:none!important}.bottom-hud{bottom:18px;right:13px;left:100px}.loadout{width:100%;max-width:300px}.skills{height:77px;gap:3px}.ability{height:77px}.ability img{width:38px;height:38px}.ability>span{font-size:9px}.ability small{font-size:8px}.ability kbd{font-size:7px}.xp-row{margin-bottom:5px;font-size:8px}.save-indicator{display:none}#objective-card{top:88px;left:12px;width:180px}#boss-hud{top:190px;width:80%}#tutorial{bottom:245px;width:calc(100% - 30px);font-size:11px;padding:8px}#tutorial button{margin:5px 0 0 10px}#touch-controls{bottom:145px}.hero-roster{grid-template-columns:1fr 1fr;gap:8px}.hero-choice img{height:100px}.hero-choice strong{font-size:16px;margin:4px 9px}.hero-choice small{font-size:10px;margin:0 9px;min-height:34px}.hero-faction{font-size:8px;margin-left:9px}.hero-choice{padding-bottom:9px}.deployment-heading .eyebrow{display:none}.panel h2{font-size:21px}.panel-copy{font-size:11px}.deployment-options{flex-wrap:wrap;gap:10px}.deployment-options .secondary{margin:0}.brief-abilities{gap:8px}.brief-abilities small{font-size:10px}.panel,.intro .panel{padding:15px;width:95vw;max-height:95vh}.panel-actions{margin-top:12px}.panel-actions button{font-size:11px;padding:8px 12px}.module-grid{grid-template-columns:1fr 1fr}.history>div{flex-wrap:wrap;font-size:11px}.upgrade-panel .upgrade{min-height:90px}#toast{top:27%;width:max-content;max-width:92vw}.small-note{font-size:10px}.settings-grid{gap:12px}}
@media(max-width:640px){#unit-console #unit-health{display:inline-block!important;font-size:10px;padding:1px 5px;margin-top:0}.hero-ability-details{grid-template-columns:1fr}.upgrade-icon{width:38px;height:38px}.node-symbol{width:26px;height:26px}}
@media(max-width:640px){#unit-console{bottom:26px}}