/* Scoped to one working UI; the recovered Classic uses only its original rules. */
.layout-picker{display:flex;align-items:center;gap:6px;font:12px system-ui}.layout-picker select{background:#102634;color:#fff1cf;border:1px solid #cfaf72;border-radius:5px;padding:5px;font:inherit}.skirmish-panel>.layout-picker{margin-bottom:16px}
.working-sidebar{min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px}
.working-sidebar .battle-quest,.working-log{background:#0c2433ed;border:1px solid #b6a06c;border-radius:9px;padding:10px;min-width:0;margin:0}
#app .working-ui .working-sidebar .battle-quest,#app .working-ui .working-sidebar .battle-quest :is(h4,p,small,strong){color:#f3dfb6!important}
.working-sidebar h4{font:700 15px Georgia;margin:0 0 6px;color:#f5dfaf}
.working-sidebar .battle-quest p{font:13px/1.35 system-ui;margin:5px 0}
.working-sidebar .battle-quest small{display:block;font:11px/1.3 system-ui;margin-top:4px}
.working-sidebar .battle-quest progress{width:100%;height:10px;display:block;margin:5px 0}
.working-sidebar .battle-quest>strong{font:bold 18px Georgia}
.working-sidebar .battle-quest button{display:block;width:100%;font:13px system-ui;padding:6px 4px;margin:4px 0 0;min-height:30px}
.working-log{display:flex;flex-direction:column;flex:1;min-height:0}
.working-log-scroll{overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable}
.working-log ol{list-style:none;margin:0;padding:0;font:12px/1.4 system-ui}
.working-log li{padding:5px 0;border-top:1px solid #cfb27533;overflow-wrap:anywhere}
.working-ui .card .art img{width:100%;height:100%;margin:0;max-width:100%;object-fit:cover;object-position:var(--art-x,50%) var(--art-y,28%)}
.working-ui .deck-stack>small{position:relative;z-index:10;background:#0a2233f5;border-radius:3px;width:max-content;max-width:100%;padding:2px 5px;margin-inline:auto}
@media(min-width:1000px){
 body:has(.working-ui){--battle-header:28px}
 body:has(.working-ui)>header{padding:1px 10px;gap:8px}
 body:has(.working-ui)>header button{min-height:24px;padding:2px 7px}
 #app .battle.working-ui{grid-template-rows:22px minmax(0,1fr) 18px clamp(174px,24.5dvh,240px);gap:3px;padding:3px 10px 4px}
 #app .working-ui .hand-label{display:none}
 #app .working-ui .battle-heading h2{font-size:14px}
 #app .working-ui .battle-actions button{min-height:22px;padding:2px 8px}
 #app .working-ui .layout-picker select{padding:1px 6px}
 #app .working-ui .table{grid-template-columns:220px minmax(0,1fr) 172px;grid-template-rows:38px minmax(0,1fr) 14px minmax(0,1fr) 42px;gap:3px 8px}
 #app .working-ui .working-sidebar{grid-column:1;grid-row:1/-1;overflow:hidden}
 #app .working-ui .working-sidebar .battle-quest{flex:0 1 auto;max-height:65%;overflow-y:auto}
 #app .working-ui .working-sidebar .battle-quest[data-phase=active]>small:first-of-type{display:none}
 #app .working-ui .working-log{min-height:90px}
 #app .working-ui .enemy-rail{grid-column:3;grid-row:1/4;align-self:start;margin:5px 0 0;transform:none;justify-content:center}
 #app .working-ui .player-rail{grid-column:3;grid-row:4/6;align-self:end;margin:0 0 10px;justify-content:center}
 #app .working-ui .deck-stack{width:150px;flex-basis:150px}
 #app .working-ui .deck-cards,#app .working-ui .deck-stack .sleeve,#app .working-ui .empty-deck{width:138px;height:184px}
 #app .working-ui .deck-stack b{top:153px;font-size:24px}
 #app .working-ui .deck-stack>small{margin-top:11px;font-size:10px}
 #app .working-ui .hero{padding:1px 6px;gap:6px;max-width:390px;flex-basis:390px;height:100%}
 #app .working-ui .hero .portrait{width:34px;height:34px;flex-basis:34px}
 #app .working-ui .hero strong{font-size:15px}
 #app .working-ui .hero small{font-size:10px}
 #app .working-ui .hero b{font-size:25px;padding:2px}
 #app .working-ui .opponent-power{font-size:10px;max-width:90px}
 #app .working-ui .player-row{gap:6px}
 #app .working-ui .hero-power{height:40px;min-width:110px;padding:2px 4px;display:block;line-height:1}
 #app .working-ui .hero-power strong{font-size:14px}
 #app .working-ui .hero-power small{font-size:10px;line-height:1;display:block}
 #app .working-ui .gold{min-width:74px;padding:0 4px}
 #app .working-ui .gold strong{font-size:24px}
 #app .working-ui .gold>span{font-size:9px}
 #app .working-ui #end-turn{min-height:38px;min-width:100px;font-size:15px;padding:4px 8px}
 #app .working-ui .board{container-type:size;display:flex;align-items:stretch;justify-content:center;gap:7px;padding:2px;overflow:visible}
 #app .working-ui .board .card-wrap{flex:0 1 calc((100cqh - 20px)*.74);width:calc((100cqh - 20px)*.74);max-width:190px;max-height:none;height:100%;grid-template-rows:minmax(0,1fr) 20px;gap:1px}
 #app .working-ui .board .card.unit{display:block;position:relative;padding:3px;overflow:hidden}
 #app .working-ui .board .card .art{position:absolute;inset:3px 3px 26px;width:auto;height:auto;margin:0}
 #app .working-ui .board .card strong{position:absolute;bottom:1px;left:2px;right:2px;height:24px;font:13px/1.05 Georgia;padding:1px;display:grid;place-content:center;background:#152a32f2}
 #app .working-ui .board .card-text{position:absolute;left:26px;right:3px;top:3px;height:14px;min-height:0;background:#102432da}
 #app .working-ui .board .cost{display:grid;width:24px;height:24px;font-size:17px}
 #app .working-ui .board .unit-status{font:10px/14px system-ui}
 #app .working-ui .board .stats{bottom:27px;left:3px;right:3px;height:26px}
 #app .working-ui .stats .attack-badge,#app .working-ui .stats .health-badge{height:26px;width:26px;font-size:21px}
 #app .working-ui .inspect-card,#app .working-ui .guard-unit{height:20px;font:11px/16px system-ui;padding:1px;min-height:0}
 #app .working-ui .guard-unit{font-size:10px;letter-spacing:-.2px}
 #app .working-ui .board .empty-slot{flex:0 1 calc((100cqh - 20px)*.74);height:calc(100% - 20px);max-height:none}
 #app .working-ui .hand{container-type:size;display:flex;justify-content:center;gap:6px;padding:2px 3px 0;overflow:visible}
 #app .working-ui .hand .card-wrap{flex:0 1 calc((100cqh - 20px)*.74);width:calc((100cqh - 20px)*.74);max-width:170px;height:100%;grid-template-rows:minmax(0,1fr) 20px;gap:1px}
 #app .working-ui .hand .card{display:block;position:relative;overflow:hidden;padding:3px}
 #app .working-ui .hand .art{position:absolute;inset:3px 3px 28px;height:auto;width:auto}
 #app .working-ui .hand .card strong{position:absolute;bottom:1px;left:2px;right:2px;height:26px;display:grid;place-content:center;background:#152a32f2;font:13px/1.05 Georgia;padding:0 1px}
 #app .working-ui .hand .stats{position:absolute;bottom:28px;left:3px;right:3px;height:26px;background:transparent}
 #app .working-ui .hand .stats>b:only-child{font-size:10px;background:#142934dc;padding:3px}
 #app .working-ui .hand .cost{font-size:19px;width:26px;height:26px}
 #app .working-ui .hint{font-size:11px;padding:0 4px}
 #app .working-ui #cancel{height:24px}
}
@media(min-width:1450px) and (min-height:850px){
 #app .working-ui .table{grid-template-columns:240px minmax(0,1fr) 200px;grid-template-rows:48px minmax(0,1fr) 16px minmax(0,1fr) 52px}
 #app .working-ui .hero .portrait{width:42px;height:42px;flex-basis:42px}
 #app .working-ui .hero strong{font-size:17px}
 #app .working-ui .hero b{font-size:29px}
 #app .working-ui .deck-cards,#app .working-ui .deck-stack .sleeve,#app .working-ui .empty-deck{width:156px;height:208px}
 #app .working-ui .deck-stack{width:170px;flex-basis:170px}
 #app .working-ui .deck-stack b{top:176px}
 #app .working-ui .board .card strong,#app .working-ui .hand .card strong{font-size:15px}
 #app .working-ui .working-log ol{font-size:14px}
}
@media(max-width:999px){
 #app .working-ui .working-sidebar{order:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;align-items:start}
 #app .working-ui .working-sidebar .battle-quest{max-height:280px;overflow:auto;padding:8px}
 #app .working-ui .working-log{height:180px;max-height:180px;min-height:140px;padding:8px}
 #app .working-ui .working-sidebar .battle-quest button{min-height:44px;font-size:12px}
 #app .working-ui .working-sidebar .battle-quest p{font-size:12px}
 #app .working-ui .working-sidebar h4{font-size:14px}
 #app .working-ui .working-log ol{font-size:12px}
 #app .working-ui .board{grid-template-columns:repeat(6,164px);grid-template-rows:280px}
 #app .working-ui .board .card.unit{position:relative;display:block;padding:3px}
 #app .working-ui .board .card .art{position:absolute;inset:3px 3px 29px;height:auto;width:auto;min-height:0}
 #app .working-ui .board .card strong{position:absolute;bottom:1px;left:2px;right:2px;min-height:0;height:27px;font:15px/1 Georgia;display:grid;place-content:center;background:#142934f2}
 #app .working-ui .board .card-text{position:absolute;top:3px;left:34px;right:3px;background:#102432dc}
 #app .working-ui .board .cost{display:grid;width:28px;height:28px;font-size:20px}
 #app .working-ui .board .stats{position:absolute;bottom:29px;left:3px;right:3px;background:transparent}
 #app .working-ui .empty-slot{height:234px;max-height:none}
 #app .working-ui .hand .card-wrap{flex-basis:164px;grid-template-rows:234px 44px}
 #app .working-ui .hand .card{height:234px;position:relative;display:block}
 #app .working-ui .hand .art{position:absolute;inset:3px 3px 31px;width:auto;height:auto}
 #app .working-ui .hand .card strong{position:absolute;bottom:1px;left:2px;right:2px;height:29px;min-height:0;font:15px/1 Georgia;display:grid;place-content:center;background:#142934f2}
 #app .working-ui .hand .stats{position:absolute;bottom:31px;left:3px;right:3px;background:transparent}
 #app .working-ui .hand .stats>b:only-child{font-size:12px;background:#142934dc;padding:3px}
}
@media(min-width:1000px) and (max-height:700px){
 #app .working-ui .deck-cards,#app .working-ui .deck-stack .sleeve,#app .working-ui .empty-deck{width:128px;height:171px}
 #app .working-ui .deck-stack b{top:140px}
 #app .working-ui .deck-stack>small{margin-top:12px}
}