/* Minimal shell; the pixel arena and permanent bot rolls stay intact. */
:root{--bg:#101113;--panel:#19191d;--white:#f6f3ec;--muted:#a4a2a8;--rail:286px;--header:64px;--board:min(1020px,calc((100dvh - 254px)*17/13),calc(100vw - 350px))}
[hidden]{display:none!important}
body{background:#101113;font-family:'Rajdhani',sans-serif}
button{border-radius:6px}
.welcome-mode #game-shell{display:none}
.welcome{min-height:100dvh;display:flex;flex-direction:column;max-width:1200px;padding:18px 32px 16px;margin:auto}
.welcome-top{display:flex;align-items:center;justify-content:space-between;gap:18px}
.welcome-top .brand-logo{width:190px;height:53px}
.playtest-label{font:10px 'Share Tech Mono',monospace;letter-spacing:1.2px;color:#a9a6a9}
.welcome-content{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:24px 0}
.welcome-bots{height:119px;display:flex;gap:12px;align-items:end;justify-content:center;position:relative;margin-bottom:22px}
.welcome-bots:after{content:'';position:absolute;bottom:-9px;width:250px;height:10px;background:#df42241c;border-radius:50%;box-shadow:0 0 30px 20px #c72d1c0c;z-index:-1}
.welcome-bots canvas{width:64px;height:78px;filter:drop-shadow(0 4px 5px #0005)}
.welcome-bots canvas:nth-child(2){width:91px;height:109px;filter:drop-shadow(0 0 14px #ffce3328)}
.welcome-eyebrow{font:10px 'Share Tech Mono',monospace;letter-spacing:1.8px;color:#d78773;margin:0 0 14px}
.welcome h1{font:700 clamp(38px,4.4vw,60px)/1.04 'Rajdhani',sans-serif;letter-spacing:-1.3px;margin:0;color:#f7f2eb}
.welcome h1 span{color:#ffd85c}
.welcome-description{font-size:17px;line-height:1.5;color:#a7a4aa;margin:17px 0 24px}
.connect-button{width:260px;min-height:46px;font-size:17px;justify-content:space-between;padding:10px 18px;box-shadow:none;border:1px solid #ffdc66;background:#ffd452;color:#261c0b}
.wallet-status{max-width:340px;font-size:13px;line-height:1.4;color:#939096;min-height:18px;margin:10px 0 0}
.wallet-status.has-error{color:#f3a48d}
.wallet-install{display:inline-block;font-size:13px;color:#ffd674;margin:9px 0;text-underline-offset:3px}
.demo-button{padding:9px 14px;margin-top:8px;background:none;border:0;color:#c7c3c7;font-size:14px}
.demo-button span{margin-left:5px;color:#8b858e}
.welcome-steps{display:flex;gap:28px;margin-top:29px;color:#bfb8bc;font-size:14px}
.welcome-steps b{font:10px 'Share Tech Mono',monospace;color:#a36454;margin-right:7px}
.welcome-footnote{text-align:center;font-size:12px;line-height:1.5;color:#76737b;margin:16px 0 0}
.topbar{height:var(--header);max-width:none;padding:0 26px;gap:14px;border-top:0;border-bottom:1px solid #343037;background:#151518;box-shadow:none}
.topbar:before,.topbar:after{display:none}
.brand-logo{width:175px;height:49px}
.brand-tag{border:0;background:none;padding:0;font:9px 'Share Tech Mono',monospace;color:#a6a0a7;letter-spacing:1px}
.top-right{gap:9px}.save-state{font-size:9px;color:#8e8b93;margin-right:8px}.save-state i{width:4px;height:4px;background:#91b381;box-shadow:none}
.balance{height:34px;gap:7px;border:0;background:#222126;box-shadow:none;padding:6px 10px}.balance b{font-size:18px}.balance small{font-size:8px;color:#9e9692}.coin-symbol{width:17px;height:17px;font-size:11px}
.nav-recruit,.wallet-account{height:34px;padding:5px 12px;border:1px solid #48414a;background:#242127;color:#eee5de;font-size:14px;font-weight:600;white-space:nowrap}
.nav-recruit{border-color:#785c2c;color:#ffdb74;background:#30291e}.nav-recruit small{font:8px 'Share Tech Mono',monospace;color:#b5a887;margin-left:5px}
.wallet-account.connected:before{content:'';width:5px;height:5px;background:#99c48c;border-radius:50%;display:inline-block;margin-right:7px}
.topbar .icon-button{width:30px;height:32px;border:0;background:none;color:#c0b7bf}.topbar .pixel-icon{width:16px;height:16px}
.workspace{display:grid;grid-template-columns:var(--rail) minmax(0,var(--board));gap:20px;max-width:1400px;align-items:start;justify-content:center;padding:20px 22px;margin:auto}
.sidebar{display:flex;flex-direction:column;max-height:calc(100dvh - 104px);grid-row:auto}
.mode-list{display:grid;grid-template-columns:1fr 1fr;gap:5px;border:1px solid #333138;border-radius:7px;padding:4px;background:#17171b}
.mode-card{min-height:34px;padding:6px 9px;gap:6px;border:0;background:none;box-shadow:none;justify-content:center}
.mode-card.active{border:0;background:#3b2325;box-shadow:none;color:#ffd77a}
.mode-card.active:before,.mode-card small,.mode-card>b,.mode-card canvas,.mode-card .mode-icon{display:none}
.mode-card strong{font-size:14px;font-weight:600}
.squad-title{padding:18px 1px 10px}.section-label{font:11px 'Share Tech Mono',monospace;letter-spacing:1px;color:#bfb6bc}.squad-title small{font-size:12px;color:#8d8690}
#heroes{gap:8px;padding:1px 3px 3px 1px;scrollbar-color:#55464c #18171b}
.hero-card{grid-template-columns:41px minmax(0,1fr);gap:5px 9px;padding:9px 10px;background:#1b1a20;border-color:#363039;border-radius:7px;box-shadow:none}
.hero-card:hover{border-color:#65545e}.hero-card.is-selected{background:#272023;border-color:#ae8846;box-shadow:inset 2px 0 #e8bb57}
.hero-portrait{width:41px;height:49px;border-radius:5px;border-color:color-mix(in srgb,var(--rarity) 55%,#222);background:#151419}.hero-portrait canvas{width:36px;height:44px}
.hero-info{display:grid;grid-template-columns:minmax(0,1fr) 73px;column-gap:6px;align-items:center}
.hero-name{grid-column:1/-1;font-size:16px}.rarity{font-size:8px}.energy-track{grid-column:1/-1;height:3px;margin:6px 0;background:#3b353c}.energy-track span{background:#edcd6d;border:0}
.hero-meta{grid-column:1;grid-row:3;font-size:9px;justify-content:flex-start;margin:0;gap:4px}.hero-meta .worker-state{display:none}.hero-meta:after{content:'';width:4px;height:4px;background:#a9be86;border-radius:50%}.hero-meta:has(.charging):after{background:#d9a06a}
.work-select{grid-column:2;grid-row:3;height:23px;font-size:10px;background:#29242a;color:#d3c6c9;border:1px solid #51414a;padding:2px 5px}
.worker-toggle.ready{background:#3a3020;border-color:#92723b;color:#f6d88e;box-shadow:none}
.bot-stats{padding-top:6px;gap:3px;border-color:#383039}.bot-stat{gap:3px;font-size:11px}.bot-stat .pixel-icon{width:12px;height:12px}
.bot-skills{padding-top:5px;min-height:22px;border-color:#332d36}.skill-count{font-size:8px;color:#8f818f}.skill-badge{width:19px;height:19px;padding:3px;border-color:#4b3b4a;background:#1b171f}.skill-badge .pixel-icon{width:11px;height:11px}
.deploy-button{height:38px;margin:12px 0 8px;font-size:15px;border:1px solid #e8c25d;background:#ffd765;box-shadow:none;text-shadow:none;color:#2b2010}.deploy-button .pixel-icon{width:18px;height:18px}
.hangar-button{display:none}
.workshop-button{min-height:36px;padding:7px 10px;gap:8px;border:0;background:#1d1b20}.workshop-button strong{font-size:14px;color:#cfc4c8}.workshop-button small,.workshop-button>b{display:none}.workshop-button>[data-icon]{width:18px}.workshop-button .pixel-icon{width:17px;height:17px;color:#a499a4}
.game-panel{border:1px solid #5f3c39;border-top-color:#ab7341;border-radius:7px;overflow:hidden;background:#1c181a;box-shadow:0 8px 30px #0003}.game-panel:before,.game-panel:after{display:none}
.arena-header{height:43px;padding:6px 11px;background:#251d20;border-bottom-color:#443136}.arena-title>canvas{width:24px;height:24px}.arena-title>div{flex-direction:row;gap:11px}.arena-title h1{font-size:18px;letter-spacing:.4px;text-shadow:none;color:#f5dc94}.arena-title #arena-type{font-size:9px;color:#a78c95}.arena-actions .icon-button{width:26px;height:26px;border:0;background:#32252a;color:#e3ba71;font-size:18px}
.arena-stats{height:38px;background:#211b1f;border-color:#3d3035;padding:0 12px}.arena-stats small{font-size:9px;color:#a38d98}.arena-stats b{font-size:17px;color:#f5d78b}.arena-stats .pixel-icon{width:14px;height:14px}
.idle-toolbar{height:34px;gap:9px;padding:5px 11px;background:#211d1e;border-color:#493433}.idle-toolbar>strong{font-size:9px;color:#d4b981}.idle-toolbar .pixel-icon{width:13px;height:13px}.map-progress{height:4px;background:#493c36}.map-progress>span{background:#e2be5e;border:0}#map-progress-label{font-size:8px;color:#a28d94}.idle-toolbar button{background:none;border:1px solid #725638;border-radius:4px;font-size:11px;color:#e5cc93;padding:3px 6px}
.arena-footer{height:29px;border-color:#4b3538;background:#211c20;padding:4px 10px}.idle-footer{font-size:9px;color:#ae929a}.control-guide{font-size:10px}.details-button{border:0;background:none;color:#e8c887;font-size:12px;padding:1px 0;white-space:nowrap}
.rightbar{display:none;width:min(560px,94vw);max-height:85dvh;overflow:auto;padding:22px;scrollbar-width:thin}
.rightbar[open]{display:block}.details-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:10px}.details-heading h2{font-size:25px;margin:0;color:#f2dfba}
.details-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:16px}.details-tabs button{height:34px;padding:5px;border:1px solid #4c3d47;background:#211a22;font-size:13px;color:#a79aa6}.details-tabs button[aria-selected=true]{background:#3a2e28;border-color:#9a7946;color:#ffe2a1}
.rightbar .detail-panel{display:none;border:0;background:none;box-shadow:none;max-height:none;overflow:visible;margin:0}.rightbar .detail-panel.active{display:block}.rightbar .panel-heading{display:none}
.rightbar #loadout{display:block;padding:0}.loadout-bot{display:flex;padding-bottom:14px;margin-bottom:11px}.loadout-bot canvas{width:38px;height:45px}.loadout-bot strong{font-size:20px}.loadout-row{font-size:15px;min-height:29px}.loadout-row b{font-size:15px}.loadout-skills{padding:11px 0 0;border-left:0;border-top:1px solid #533d4a;margin-top:11px}.skill-detail{font-size:14px;min-height:32px}.balance-hint{font-size:12px}.goal-row{font-size:15px;margin:17px 0}.goal-row b{font-size:11px}.chest-legend{padding:12px 0}.chest-legend canvas{width:43px;height:43px}.chest-legend span{font-size:11px}.log-entry{font-size:14px;min-height:45px}#activity{padding:0;min-height:110px}
dialog{background:#201a23;border-color:#705143;border-top-color:#c69b55;box-shadow:0 22px 80px #0008}.modal-body{color:#bfb2bc}.recruit-notice{display:flex;gap:12px;align-items:center;padding:10px 12px;border:1px solid #554737;border-radius:5px;background:#30281f;font-size:13px;color:#d2c1a2}.recruit-notice strong{font:9px 'Share Tech Mono',monospace;color:#f3ce77}.wallet-full-address{word-break:break-all;border:1px solid #4e3c4b;border-radius:5px;background:#19151c;padding:12px;font:13px/1.6 'Share Tech Mono',monospace;color:#e5c788}
@media(min-width:1800px){:root{--rail:310px}.hero-name{font-size:17px}.hero-card{padding:11px 12px}.bot-stat{font-size:12px}.squad-title{padding-top:20px}.arena-title h1{font-size:20px}}
@media(max-width:1100px) and (min-width:721px){:root{--rail:252px;--board:min(calc((100dvh - 254px)*17/13),calc(100vw - 310px))}.workspace{gap:16px;padding:18px}.brand-tag,.save-state,#settings{display:none}.topbar{padding:0 18px}.arena-title>div{flex-direction:column;gap:3px;align-items:flex-start}.arena-title h1{font-size:16px}.hero-name{font-size:15px}.hero-card{padding:8px}.arena-stats small{font-size:8px}.arena-stats>span{gap:4px}}
@media(max-width:720px){
 :root{--header:100px;--rail:100%;--board:100%}
 .welcome{padding:15px 20px 20px}.welcome-top{gap:10px}.welcome-top .brand-logo{width:155px;height:44px}.playtest-label{max-width:100px;text-align:right;font-size:8px;line-height:1.6}.welcome-content{padding:30px 0}.welcome h1{font-size:43px}.welcome-eyebrow{font-size:8px;letter-spacing:1.3px}.welcome-description{font-size:16px}.welcome-bots{margin-bottom:22px}.welcome-footnote{font-size:11px;max-width:300px;align-self:center}.welcome-steps{gap:22px}
 .topbar{height:100px;flex-wrap:wrap;padding:6px 12px 9px;gap:0;align-content:space-between}.brand-logo{width:158px;height:44px}.brand-tag{display:block;margin-left:auto;font-size:8px}.top-right{width:100%;justify-content:space-between;margin:0;gap:6px}.save-state,#settings,.balance small,#help{display:none}.balance{height:31px;padding:5px 7px;gap:5px}.balance b{font-size:17px}.nav-recruit,.wallet-account{height:31px;padding:4px 9px;font-size:12px}.nav-recruit small{font-size:7px;margin-left:2px}.wallet-account{min-width:103px}.topbar .icon-button{width:27px;height:29px}
 .workspace{display:flex;flex-direction:column;gap:14px;padding:14px 10px 22px}.sidebar{display:grid;grid-template-columns:1fr auto;gap:8px;max-height:none;width:100%}.mode-list{grid-column:1/-1;padding:3px;gap:4px}.mode-card{min-height:31px;padding:5px}.mode-card strong{font-size:13px}.squad-title{grid-column:1/-1;padding:4px 1px 0}.section-label{font-size:10px}.squad-title small{font-size:11px}
 #heroes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:294px;min-height:0;padding:1px 2px 2px 0}.hero-card{display:flex;flex-direction:column;gap:5px;padding:7px 4px}.hero-portrait{width:35px;height:42px}.hero-portrait canvas{width:31px;height:38px}.hero-info{display:block;width:100%}.hero-name{font-size:13px;justify-content:center;flex-wrap:wrap;gap:3px}.rarity{font-size:7px;margin:0}.energy-track{height:3px;margin:5px 0}.hero-meta{font-size:8px;justify-content:center;gap:3px;margin:4px 0}.hero-meta .pixel-icon{width:8px;height:8px}.hero-meta:after{display:none}.work-select{height:24px;font-size:10px;width:100%}.bot-stats{padding-top:5px;gap:0}.bot-stat{font-size:9px;gap:3px}.bot-stat .pixel-icon{width:11px;height:11px}.bot-skills{min-height:21px;justify-content:center;gap:3px;padding-top:4px}.skill-badge{width:18px;height:18px}.skill-count{display:none}
 .deploy-button{grid-row:4;grid-column:1;height:36px;margin:0;font-size:14px}.workshop-button{grid-row:4;grid-column:2;min-height:36px;height:36px;padding:5px 10px}.workshop-button strong{font-size:13px}.hangar-button{display:none}
 .game-panel{width:100%}.arena-header{height:42px;padding:5px 8px}.arena-title{gap:6px}.arena-title>canvas{width:23px;height:23px}.arena-title>div{flex-direction:column;align-items:flex-start;gap:3px}.arena-title h1{font-size:15px}.arena-title #arena-type{font-size:7px}.arena-actions{gap:3px}.arena-actions .icon-button{width:24px;height:26px}.arena-stats{height:42px;padding:0 8px}.arena-stats>span{display:grid;grid-template-columns:auto auto;column-gap:4px;row-gap:0}.arena-stats small{font-size:7px}.arena-stats b{font-size:15px}.arena-stats .pixel-icon,.arena-stats canvas,.arena-stats .small-coin{grid-row:1/3;width:13px;height:13px}.idle-toolbar{height:33px;padding:4px 7px;gap:5px}.idle-toolbar>strong{font-size:7px;gap:3px}.idle-toolbar .pixel-icon{width:11px;height:11px}#map-progress-label{font-size:7px;max-width:105px}.idle-toolbar button{font-size:10px;padding:3px 5px}.arena-footer{height:29px;padding:4px 7px}.idle-footer{font-size:8px}.details-button{font-size:11px}.rightbar{padding:20px;width:94vw}.rightbar #loadout{display:block}.rightbar .loadout-bot{display:flex}.details-tabs{gap:3px}.details-tabs button{font-size:12px}.recruit-notice{flex-wrap:wrap;gap:5px 10px;font-size:12px}
}
@media(max-height:720px) and (min-width:721px){.welcome-bots{height:89px;margin-bottom:16px}.welcome-bots canvas{height:65px;width:55px}.welcome-bots canvas:nth-child(2){height:85px;width:74px}.welcome h1{font-size:47px}.welcome-content{padding:12px 0}.welcome-description{margin:14px 0 18px;font-size:16px}.welcome-steps{margin-top:18px}.hero-card{padding:7px 9px;row-gap:4px}.hero-portrait{height:45px}.bot-skills{min-height:20px;padding-top:4px}}
@media(max-height:800px) and (min-width:721px){.hero-card{padding:7px 9px;row-gap:4px}.energy-track{margin:4px 0}.hero-name{font-size:15px}.bot-stat{flex-direction:row;justify-content:center;gap:4px;font-size:10px}.bot-stat .pixel-icon{width:11px;height:11px}.bot-stats{padding-top:5px}.bot-skills{padding-top:4px;min-height:21px}.skill-badge{height:18px;width:18px}.squad-title{padding-top:14px}}