/* Only the working presentation receives readable, full-flow card descriptions. */
#app .working-ui .board .card.unit,#app .working-ui .hand .card{display:flex;flex-direction:column;padding:3px;overflow:visible;min-height:0;position:relative;gap:0}
#app .working-ui .board .card .art,#app .working-ui .hand .card .art{position:relative;inset:auto;width:100%;height:auto;min-height:64px;flex:1 1 64px;overflow:hidden}
#app .working-ui .board .card>strong,#app .working-ui .hand .card>strong{position:static;inset:auto;display:block;min-height:0;height:auto;flex:0 0 auto;width:100%;padding:3px 1px;font:13px/15px Georgia;overflow:visible;white-space:normal;background:#142934}
#app .working-ui .board .card-text,#app .working-ui .hand .card-text{position:static;inset:auto;display:block;height:auto;min-height:0;max-height:none;flex:0 0 auto;width:100%;padding:3px 4px;font:12px/15px system-ui;letter-spacing:0;white-space:normal;overflow:visible;text-align:center;background:#122631;color:#fff0ce;overflow-wrap:anywhere}
#app .working-ui .face-rules{display:block;float:none;font:inherit;color:inherit;white-space:normal}
#app .working-ui .face-rules b,#app .working-ui .live-keywords{font-weight:800;color:#ffe09a}
#app .working-ui .live-keywords{display:block;margin-bottom:2px}
#app .working-ui .board .unit-status{display:block;position:static;font:11px/14px system-ui;margin:3px 0 0;color:#b9e4ed}
#app .working-ui .board .stats,#app .working-ui .hand .stats{position:static;inset:auto;display:flex;height:26px;min-height:26px;flex:0 0 26px;width:100%;padding:0;margin:0;background:#142934}
#app .working-ui .card:disabled{opacity:1}
#app .working-ui .card:disabled .art{opacity:.68}
@media(min-width:1000px){
 #app .battle.working-ui{height:auto;min-height:calc(100dvh - var(--battle-header));grid-template-rows:22px auto 18px max(clamp(174px,24.5dvh,240px),var(--hand-rules-height,174px))}
 #app .working-ui .table{height:auto;min-height:calc(100dvh - var(--battle-header) - 65px - clamp(174px,24.5dvh,240px));grid-template-rows:38px minmax(var(--enemy-rules-height,180px),1fr) 14px minmax(var(--player-rules-height,180px),1fr) 42px}
 #app .working-ui .board{container-type:normal}
 #app .working-ui .board .card-wrap{flex:1 1 0;width:auto;max-width:190px;min-width:0;height:100%;grid-template-rows:minmax(0,1fr) 20px}
 #app .working-ui .board .empty-slot{flex:1 1 0;min-height:180px;height:100%;max-width:190px}
 #app .working-ui .hand{container-type:normal;align-items:stretch}
 #app .working-ui .hand .card-wrap{flex:0 1 calc((100% - 54px)/10);width:auto;min-width:0;max-width:170px;height:100%;grid-template-rows:minmax(0,1fr) 20px}
 #app .working-ui .hand .card{height:100%}
 #app .working-ui .working-sidebar{max-height:100%;height:100%;overflow:hidden}
 #app .working-ui .working-log-scroll{max-height:350px}
}
@media(min-width:1450px) and (min-height:850px){
 #app .working-ui .table{grid-template-rows:48px minmax(var(--enemy-rules-height,180px),1fr) 16px minmax(var(--player-rules-height,180px),1fr) 52px}
 #app .working-ui .board .card>strong,#app .working-ui .hand .card>strong{font-size:15px;line-height:17px}
 #app .working-ui .board .card-text,#app .working-ui .hand .card-text{font-size:13px;line-height:16px}
}
@media(max-width:999px){
 #app .working-ui .board{grid-template-rows:max(280px,var(--enemy-rules-height,280px),var(--player-rules-height,280px))}
 #app .working-ui .hand .card-wrap{grid-template-rows:max(234px,calc(var(--hand-rules-height,278px) - 44px)) 44px}
 #app .working-ui .hand .card{height:100%}
 #app .working-ui .board .card-text,#app .working-ui .hand .card-text{font-size:13px;line-height:17px}
 #app .working-ui .board .card>strong,#app .working-ui .hand .card>strong{font-size:15px;line-height:17px}
}