/* Desktop battle console. Only optional detail drawers scroll. */
.battle-disclosure{position:relative;font-size:12px;margin:6px 0;color:#d7dfc8}
.battle-disclosure>summary{cursor:pointer;padding:9px 10px;background:#3b5342;border-radius:10px;min-height:36px;font-weight:650}
.battle-disclosure>summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.disclosure-content{padding:10px;background:#243b2e;border:1px solid #7f987269;border-radius:12px}
@media(min-width:1000px) and (min-height:650px){
 body:is([data-screen=prep],[data-screen=battle],[data-screen=finished]){height:100dvh;overflow:hidden}
 body:has(.workspace) header{height:56px;padding:0 18px}
 .workspace{height:calc(100dvh - 56px);max-width:none;padding:10px 14px;gap:12px;grid-template-columns:180px minmax(0,1fr) 290px;overflow:hidden}
 .workspace>*{min-width:0;min-height:0}
 .left-col,.right-col{display:flex;gap:8px;grid-column:auto;position:relative}
 .workspace .panel{padding:11px;border-radius:15px}
 .workspace .section-label{font-size:10px;margin-bottom:8px;letter-spacing:.7px}
 .main-col{display:flex;flex-direction:column;gap:6px;position:relative}
 .arena-top{margin:0;padding:5px 12px;min-height:40px;flex-shrink:0;border-bottom:3px solid #a9b98155}
 .round strong{font-size:20px}.round small{font-size:11px}.timer{font-size:19px;padding:2px 10px}
 .scouting-panel{margin:0;gap:6px;font-size:10px;min-height:32px;flex-shrink:0}
 .scouting-panel select{min-height:30px;padding:3px 8px;font-size:11px}
 .scouting-panel small{flex-basis:auto;flex:1;font-size:9px;line-height:1.3}
 .arena{flex:1;min-height:180px;border-radius:18px;box-shadow:0 4px 0 #162b22;display:flex;align-items:center;justify-content:center}
 #board{width:100%;height:100%;min-height:0}
 .arena svg{width:100%;height:100%;max-height:none}
 .arena-caption,.battle-label{top:8px;font-size:10px}
 .bench-label{margin:2px 2px 0;font-size:10px;flex-shrink:0}
 .bench{height:48px;flex-shrink:0;gap:5px;padding:0 2px}
 .bench-slot{height:48px;min-height:40px;aspect-ratio:auto;padding:2px;background:linear-gradient(#3b5241,#2c4133);border-bottom:3px solid #607b55}
 .bench-slot img{height:38px;width:38px;object-fit:contain}
 .toolbar{padding:0;min-height:40px;align-items:center;flex-shrink:0;gap:5px;flex-wrap:nowrap}
 .toolbar button{padding:7px 10px;font-size:11px;min-height:36px}
 .wallet{gap:10px}.wallet strong{font-size:23px}.wallet small{font-size:9px}
 .shop{flex-shrink:0;height:83px;gap:7px;padding:2px 0}
 .shop-card{min-height:0;height:79px;padding:8px 7px 6px 59px;text-align:left;border-bottom-width:4px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
 .shop-card img{position:absolute;left:7px;top:17px;width:44px;height:44px;margin:0}
 .shop-card strong{font-size:12px;line-height:1.5}.shop-card small{font-size:9px;line-height:1.4}
 .shop-card .cost{top:3px;right:5px;font-size:10px;padding:1px 5px}
 .shop-card[data-action=item-menu]{padding-left:42px}.shop-card[data-action=item-menu]>div{position:absolute;left:9px;font-size:27px!important;margin:0!important}
 .shop-card.sold{display:grid;padding:0;place-items:center}
 .toolbar>.hint{margin:0;font-size:10px}.toolbar .primary{min-width:140px}
 .rank-row{padding:6px 2px;font-size:11px;gap:6px}.rank-row .health{font-size:12px}.hp{height:2px;margin-top:3px}.hp i{height:2px}
 .trainer-icon{float:left;width:31px;height:31px;font-size:17px;border-radius:9px;margin:0 8px 4px 0}
 .trainer-name{font-size:15px}.trainer-desc{font-size:10px;line-height:1.5;margin:3px 0 7px}
 [data-action=fusion]{font-size:11px;min-height:32px;padding:5px}
 .left-col .hint{font-size:10px;margin:5px 0;line-height:1.5}
 .left-col .eyebrow{font-size:9px;letter-spacing:1px}.left-col h3{font-size:15px;margin:4px 0}
 .gym p{font-size:10px;line-height:1.4}.gym button{font-size:10px;min-height:32px;padding:5px 7px;margin-top:5px}
 .left-col [data-action=choice]{font-size:10px;min-height:32px;padding:6px}
 .partner-console .unit-portrait{width:48px;height:48px}.partner-console .eyebrow{font-size:9px;letter-spacing:1px}
 .unit-heading{font-size:19px;margin:4px 0}.type{font-size:9px;padding:2px 7px}
 .stats{margin:9px 0;font-size:10px}.stats b{font-size:16px;margin-top:2px}
 .move-slot{min-height:31px;margin:4px 0;padding:5px 8px;font-size:11px;border-radius:9px}
 .move-slot button{min-height:26px;min-width:32px;padding:2px 7px}
 .unit-actions{gap:5px;margin-top:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .unit-actions button{min-height:32px;padding:6px 3px;font-size:10px}
 .inventory-console{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}
 .inventory-console .section-label{flex-shrink:0;margin-top:8px!important;margin-bottom:5px}
 .inventory-console .bag{min-height:24px;overflow:auto;gap:4px;align-content:start}
 .bag button{font-size:10px;min-height:30px;padding:5px 7px}.bag small{font-size:10px}
 .empty-detail{padding:20px 0;font-size:12px}
 .battle-disclosure{margin:5px 0}.battle-disclosure>summary{padding:6px 9px;min-height:28px;font-size:10px}
 .battle-disclosure[open]{z-index:30}
 .battle-disclosure[open]>.disclosure-content{position:absolute;top:100%;left:0;width:360px;max-height:55dvh;overflow:auto;box-shadow:0 12px 40px #08190bcc;z-index:31}
 .right-col .battle-disclosure[open]>.disclosure-content{left:auto;right:0;width:330px}
 .disclosure-content .battle-report{margin:0}.disclosure-content .hint{font-size:11px}
 .left-col>.log{font-size:10px;max-height:55px;overflow:hidden;margin-top:auto;line-height:1.5}
 .main-col>.panel{padding:6px;font-size:11px}.main-col>.panel button{min-height:28px;padding:4px;font-size:10px}
}
@media(min-width:1000px) and (max-width:1200px) and (min-height:650px){
 .workspace{grid-template-columns:154px minmax(0,1fr) 256px;gap:8px;padding:8px}
 .shop-card{padding:31px 4px 4px;justify-content:end}.shop-card img{width:30px;height:30px;top:4px;left:7px}.shop-card strong{font-size:10px}.shop-card small{font-size:8px}
 .shop-card[data-action=item-menu]{padding:31px 4px 4px}.shop-card[data-action=item-menu]>div{top:0;left:8px;font-size:25px!important}
 .scouting-panel small{display:none}.bench-label span:last-child{font-size:8px}.toolbar button{padding:6px;font-size:10px}
}
@media(max-height:800px) and (min-height:650px) and (min-width:1000px){
 .workspace .panel{padding:8px}.left-col{gap:5px}.rank-row{padding:4px 2px}.partner-console .stats{margin:5px 0}.partner-console .move-slot{min-height:28px;margin:3px 0}.unit-actions button{min-height:29px;padding:4px}.unit-actions{gap:4px}.shop{height:73px}.shop-card{height:69px}.bench,.bench-slot{height:42px}.bench-slot img{height:33px;width:33px}.arena{min-height:140px}
}
@media(min-width:1000px) and (min-height:650px){
 .left-col{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#78906b transparent}
 .left-col>.panel{flex-shrink:0}
 .left-col:has(.battle-disclosure[open]){overflow:visible}
 .left-col>.battle-disclosure>.disclosure-content{bottom:100%;top:auto}
}
@media(max-height:800px) and (min-height:650px) and (min-width:1000px){
 .rank-row{padding:3px 2px}.rank-row .hp{margin-top:2px}
 .left-col .panel .section-label{margin-bottom:4px}
 .left-col .trainer-desc{line-height:1.3;margin:2px 0 4px}
 .left-col .panel h3{margin:2px 0}
 .left-col .hint{margin:3px 0;font-size:9px}
 .left-col .gym p{font-size:9px}.left-col .gym button{min-height:28px}
 .left-col .battle-disclosure>summary{min-height:26px;padding:5px 8px}
}