
/* v0.8.5: tabbed workspace. Original panels are reused, not duplicated. */
main{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
main>header,main>section.expedition-panel,main>.game-workspace,main>section.talent-launch,main>.talent-modal,main>footer{
 grid-column:1/-1;grid-row:auto
}
main>section.expedition-panel{width:100%;min-height:0}
main>.game-workspace{min-width:0;width:100%;display:flex;flex-direction:column;gap:0}
.game-tabs{display:flex;align-items:center;gap:5px;padding:5px 6px;background:var(--panel);border:1px solid var(--edge);border-radius:11px 11px 0 0;overflow-x:auto;scrollbar-width:thin}
.game-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1 0 auto;min-height:38px;padding:8px 15px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text);opacity:.72;white-space:nowrap;font-weight:650;cursor:pointer}
.game-tabs button svg{flex:none}
.game-tabs button[aria-selected="true"]{background:#2868d4;color:#fff;opacity:1;border-color:#4a88ef}
.game-tabs button:hover{opacity:1}
.game-tabs button:focus-visible{outline:2px solid #8cb8ff;outline-offset:-2px}
.game-tab-content{border:1px solid var(--edge);border-top:0;border-radius:0 0 11px 11px;background:var(--panel);padding:12px;min-width:0}
.game-tab-content>section.tab-panel{display:block;width:100%;min-width:0;margin:0;padding:3px;border:0;border-radius:0;background:transparent;box-shadow:none}
.game-tab-content>section.tab-panel[hidden]{display:none}
.game-tab-content>.skills .skill-list{grid-template-columns:repeat(4,minmax(0,1fr))}
.game-tab-content>.upgrades .upgrade-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.game-tab-content>.ascension-panel .ascension-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.game-tab-content>.ascension-panel .upgrade-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.game-tab-content>.equipment-panel .loot-inventory{max-height:390px;overflow-y:auto;overscroll-behavior:contain}
@media(min-width:1051px){
 main>section.expedition-panel,main>.game-workspace,main>section.talent-launch,main>footer{grid-column:1/-1;grid-row:auto}
 main>header{grid-row:auto}
}
@media(min-width:721px) and (max-width:1050px){
 main>section.expedition-panel,main>.game-workspace,main>section.talent-launch,main>footer{grid-column:1/-1;grid-row:auto}
 main>header{grid-row:auto}
 .game-tab-content>.skills .skill-list{grid-template-columns:repeat(3,minmax(0,1fr))}
 .game-tab-content>.upgrades .upgrade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
 main>.game-workspace{width:100%}
 .game-tabs button{padding:8px 11px;min-height:37px;font-size:11px;gap:5px}
 .game-tab-content{padding:9px}
 .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>.ascension-panel .ascension-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .game-tab-content>.ascension-panel .upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:430px){
 .game-tabs{gap:2px;padding:4px}
 .game-tabs button{padding:8px 7px;font-size:10px;gap:4px}
 .game-tabs button svg{width:15px;height:15px}
 .game-tab-content>.skills .skill-list{grid-template-columns:1fr}
}

/* v0.8.6 — five-tab dense workspace; large artwork remains visible */
.game-tab-content>section.talent-launch.tab-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.game-tab-content>section.talent-launch.tab-panel[hidden]{display:none}
.game-tab-content>.skills .skill-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.game-tab-content>.upgrades .upgrade-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.game-tab-content>.equipment-panel .equipment-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:8px 0}
.game-tab-content>.equipment-panel .loot-inventory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:380px;overflow-y:auto}
.game-tab-content>.ascension-panel .ascension-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.game-tab-content>.ascension-panel .upgrade-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.game-tab-content>.upgrades .upgrade{padding:8px}
.game-tab-content>.skills .skill-card{padding:8px}
.game-tab-content>.equipment-panel .loot-item{min-width:0}
@media(max-width:1450px){
 .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:1150px){
 .game-tab-content>.skills .skill-list{grid-template-columns:repeat(4,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:850px){
 .game-tab-content>.skills .skill-list{grid-template-columns:repeat(3,minmax(0,1fr))}
 .game-tab-content>.upgrades .upgrade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .game-tab-content>.ascension-panel .upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 .game-tabs button{flex:1 0 auto;min-width:0;padding:8px 9px}
 .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:1fr}
 .game-tab-content>.equipment-panel .equipment-slots{grid-template-columns:1fr}
}
@media(max-width:420px){
 .game-tabs button{font-size:10px;padding:7px 6px}
 .game-tab-content>.skills .skill-list{grid-template-columns:1fr}
}
