/* v0.8.7 — compact all-in-one UI. Last stylesheet; no !important. */
:root{--compact-gap:7px}
body{line-height:1.35}
main{width:min(calc(100% - 22px),1650px);padding:9px 0 14px;gap:var(--compact-gap)}
main>header{padding:2px 3px 6px;gap:8px;align-items:center}
main>header h1{font-size:19px;line-height:1.15;margin:1px 0}
main>header .eyebrow{font-size:9px;letter-spacing:.09em}
main>header small{font-size:10px}
main>header .stats{gap:6px}
main>header .stat{padding:5px 9px;min-width:66px}
main>header .stat strong{font-size:15px}
main>section.expedition-panel{padding:9px 12px}
main>section.expedition-panel>h2{font-size:12px;margin:0 0 5px}
.expedition-panel>.combat-status{margin-bottom:4px;gap:7px}
.expedition-panel>.combat-status>section{padding:7px 9px}
.expedition-panel>.combat-status h2{font-size:10px;margin-bottom:2px}
.expedition-panel>.combat-status .name{font-size:10px;margin:2px 0}
.expedition-panel>.combat-status .bar{height:6px;margin:2px 0}
.expedition-panel>.combat-status .details{font-size:9px;line-height:1.25}
.expedition-panel .hero-stat-grid{margin-top:4px;padding-top:5px;gap:3px 9px;grid-template-columns:repeat(3,minmax(0,1fr))}
.expedition-panel .hero-stat-grid span{font-size:9px}
.expedition-panel .hero-stat-grid strong{font-size:10px}
.expedition-panel .controls{margin-top:5px;gap:5px}
.expedition-panel .controls button{padding:5px 9px;min-height:27px;font-size:10px}
.expedition-panel .message{margin-top:3px;min-height:0;font-size:9px}
.expedition-panel .arena--deferred{display:none}
main>.game-workspace{gap:0}
.game-tabs{padding:4px;gap:3px;border-radius:9px 9px 0 0}
.game-tabs button{min-height:34px;padding:6px 12px;font-size:11px;gap:6px}
.game-tabs button svg{width:16px;height:16px}
.game-tab-content{padding:8px 10px;border-radius:0 0 9px 9px}
.game-tab-content>section.tab-panel{padding:0}
.game-tab-content>section.tab-panel h2{font-size:13px;margin:0 0 4px}
.game-tab-content>section.tab-panel h3{font-size:11px;margin:7px 0 5px}
.game-tab-content>section.tab-panel .muted{font-size:10px;line-height:1.25}
.game-tab-content .upgrade-header,.game-tab-content .skills-heading{margin:0 0 7px;gap:7px}
.game-tab-content>.skills .skill-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:6px}
.game-tab-content>.skills .skill-card{min-height:98px;padding:6px;gap:3px;border-radius:7px}
.game-tab-content>.skills .skill-card-top{grid-template-columns:52px minmax(0,1fr);min-height:52px;gap:6px}
.game-tab-content>.skills .skill-icon{width:52px;height:52px;min-width:52px;min-height:52px}
.game-tab-content>.skills .skill-card-title strong{font-size:10px}
.game-tab-content>.skills .skill-card-title small,.game-tab-content>.skills .skill-description{font-size:9px;line-height:1.2}
.game-tab-content>.skills .skill-card-bottom{gap:3px}
.game-tab-content>.skills .skill-card .cast{padding:4px 6px;font-size:9px}
.game-tab-content>.upgrades .upgrade-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:6px}
.game-tab-content>.upgrades .upgrade{min-height:112px;padding:6px;gap:4px;border-radius:7px}
.game-tab-content>.upgrades .upgrade-head{grid-template-columns:52px minmax(0,1fr);gap:6px}
.game-tab-content>.upgrades .upgrade-icon{width:52px;height:52px;min-width:52px;min-height:52px}
.game-tab-content>.upgrades .upgrade-name strong{font-size:10px}
.game-tab-content>.upgrades .upgrade-head-info>small{font-size:9px;line-height:1.2}
.game-tab-content>.upgrades .upgrade-bonus{font-size:10px}
.game-tab-content>.upgrades .upgrade button{padding:5px 6px;min-height:27px;font-size:10px}
.game-tab-content>.upgrades .upgrade-multipliers{padding:2px;gap:2px}
.game-tab-content>.upgrades .upgrade-multiplier{min-height:25px;min-width:31px;padding:4px 6px;font-size:10px}
.game-tab-content>.equipment-panel .equipment-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:6px 0}
.game-tab-content>.equipment-panel .equipment-slot{min-height:58px;padding:7px 9px;gap:3px;border-radius:7px}
.game-tab-content>.equipment-panel .equipment-slot strong{font-size:11px}
.game-tab-content>.equipment-panel .equipment-slot small{font-size:9px}
.game-tab-content>.equipment-panel .loot-heading{margin:7px 0 5px}
.game-tab-content>.equipment-panel .loot-inventory{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:300px}
.game-tab-content>.equipment-panel .loot-item{padding:6px;gap:5px;border-radius:7px}
.game-tab-content>.equipment-panel .loot-description strong{font-size:10px}
.game-tab-content>.equipment-panel .loot-description small{font-size:9px}
.game-tab-content>.equipment-panel .loot-item button{min-width:0;padding:5px 7px;font-size:10px}
.game-tab-content>.ascension-panel .ascension-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:6px 0}
.game-tab-content>.ascension-panel .ascension-stats>div{padding:6px 8px}
.game-tab-content>.ascension-panel .ascension-stats strong{font-size:14px}
.game-tab-content>.ascension-panel .ascension-actions{margin:6px 0;gap:6px}
.game-tab-content>.ascension-panel .ascension-actions button{padding:6px 8px;font-size:10px}
.game-tab-content>.ascension-panel .upgrade-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.game-tab-content>.ascension-panel .upgrade{padding:7px;gap:4px}
.game-tab-content>.ascension-panel .upgrade button{padding:5px 7px;font-size:10px}
.game-tab-content>.talent-launch.tab-panel{padding:7px 3px;gap:8px}
.game-tab-content>.talent-launch.tab-panel h2{margin-bottom:2px}
main>footer{font-size:9px;padding:5px 0}
@media(max-width:1350px){
 .game-tab-content>.skills .skill-list{grid-template-columns:repeat(4,minmax(0,1fr))}
 .game-tab-content>.upgrades .upgrade-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
 .game-tab-content>.equipment-panel .loot-inventory{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1050px){
 .game-tab-content>.skills .skill-list{grid-template-columns:repeat(3,minmax(0,1fr))}
 .game-tab-content>.upgrades .upgrade-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .game-tab-content>.equipment-panel .loot-inventory{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:750px){
 main{width:calc(100% - 14px);padding:6px 0 10px;gap:6px}
 main>section.expedition-panel{padding:8px}
 .expedition-panel .hero-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .game-tab-content>.skills .skill-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .game-tab-content>.upgrades .upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .game-tab-content>.equipment-panel .loot-inventory{grid-template-columns:repeat(2,minmax(0,1fr))}
 .game-tab-content>.ascension-panel .ascension-stats,.game-tab-content>.ascension-panel .upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .game-tabs button{padding:6px 7px;font-size:10px;min-height:32px;gap:4px}
 .game-tabs button svg{width:15px;height:15px}
}
@media(max-width:460px){
 main{width:calc(100% - 10px)}
 main>header h1{font-size:16px}
 .game-tabs button{padding:6px 5px;font-size:9px}
 .game-tabs button svg{width:14px;height:14px}
 .game-tab-content{padding:7px}
 .game-tab-content>.skills .skill-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .game-tab-content>.skills .skill-card-top{grid-template-columns:46px minmax(0,1fr);min-height:46px;gap:5px}
 .game-tab-content>.skills .skill-icon{width:46px;height:46px;min-width:46px;min-height:46px}
 .game-tab-content>.upgrades .upgrade-head{grid-template-columns:46px minmax(0,1fr);gap:5px}
 .game-tab-content>.upgrades .upgrade-icon{width:46px;height:46px;min-width:46px;min-height:46px}
 .game-tab-content>.equipment-panel .equipment-slots{grid-template-columns:repeat(2,minmax(0,1fr))}
 .game-tab-content>.equipment-panel .loot-inventory{grid-template-columns:1fr}
}

/* v0.8.8 learnable skill visuals */
.game-tab-content>.skills .skill-placeholder{display:grid;place-items:center;font-size:30px;line-height:1;background:linear-gradient(135deg,#433a27,#1e2932);border:1px solid #8b764e;color:#efcf83;border-radius:7px}
.game-tab-content>.skills .skill-locked{opacity:.65}
.game-tab-content>.skills .skill-locked:has(.learn-skill){opacity:1}
.game-tab-content>.skills .skill-card .learn-skill{background:#766039;color:#fff5d7;border-color:#b39961;cursor:pointer}