.compact-tools,.compact-reveal{display:none}
.control-indicator{margin-left:auto;padding:4px 8px;border:1px solid #d6ad8d;border-radius:5px;background:#f6e8d8;color:#87522e;font-size:10px;white-space:nowrap}
.control-indicator.seat-1{background:#e5f0f5;border-color:#a7c3d0;color:#3b657b}
.player-board.seat-0 .player-name i{background:#e7a271}.player-board.seat-1 .player-name i{background:#9cc5da}
.player-board.seat-0 .life-pip.filled{background:#d89068;border-color:#d89068}.player-board.seat-1 .life-pip.filled{background:#9cc5da;border-color:#9cc5da}
#hand-owner{font:inherit;color:inherit;margin-left:0}.other-hand-button{min-height:25px;padding:3px 7px;font-size:10px;white-space:nowrap}
#other-hand-dialog{max-width:560px}#other-hand-dialog h2{font-size:16px;line-height:1.5}#other-hand-dialog .hand{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
#other-hand-dialog .hand>.hand-card{width:100%;max-width:none;height:clamp(80px,18dvh,133px);min-height:0;padding-bottom:20px}
.compact-play #other-hand-dialog .dialog-inner{padding:16px}.compact-play #other-hand-dialog .dialog-inner>p{font-size:10px;line-height:1.5;margin:6px 0 10px}
.compact-play #other-hand-dialog .section-line{margin-bottom:6px}.compact-play #close-other-hand{font-size:11px;min-height:32px;padding:5px 7px}
#other-hand-dialog .hand-card.has-card-art>.card-art{inset:0 0 20px;height:calc(100% - 20px)}
#other-hand-dialog .hand-card.has-card-art>.card-name{font-size:10px;line-height:18px;left:3px;right:3px;bottom:0}
#other-hand-dialog .hand-card.has-card-art .count{font-size:9px;top:2px;right:2px;bottom:auto}
@media(min-width:601px) and (max-width:950px) and (max-height:500px){.compact-play.solo-play .table-heading{display:flex}}
.compact-panel[open]{display:flex;flex-direction:column;margin:auto auto 0;max-width:600px;width:100%;max-height:76dvh;border-radius:15px 15px 0 0;padding:0}
.compact-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 15px 8px;gap:10px;flex-shrink:0}
.compact-panel-header h2{font-size:15px;margin:0}.compact-panel-header button{min-height:36px;padding:5px 12px}
.compact-panel-tabs{display:flex;gap:5px;padding:0 12px 10px;flex-shrink:0;border-bottom:1px solid var(--line)}
.compact-panel-tabs button{flex:1;font-size:11px;min-height:34px;padding:5px}
.compact-panel-tabs [aria-pressed="true"]{background:#e9efdc;border-color:#94a476;color:#3d532d;font-weight:700}
.compact-panel-content{overflow:auto;overscroll-behavior:contain;padding:12px 12px max(12px,env(safe-area-inset-bottom));min-height:0}
.compact-panel .sidebar{display:block;position:static;margin:0}.compact-panel .panel{display:none}
.compact-panel[data-panel="actions"] .decision-panel,.compact-panel[data-panel="card"] .detail-panel,.compact-panel[data-panel="evaluation"] .evaluation-panel,.compact-panel[data-panel="log"] .log-panel{display:block}
.compact-panel .actions,.compact-panel .log{max-height:none;overflow:visible}
.compact-panel .all-actions .actions{max-height:none}
.compact-panel .detail-panel .panel-title{display:none}
.compact-panel .card-detail{display:grid;grid-template-columns:110px minmax(0,1fr);gap:6px 10px;align-items:start}
.compact-panel .card-detail>*{grid-column:2}
.compact-panel .card-detail>.detail-name,.compact-panel .card-detail>.detail-id,.compact-panel .card-detail>.empty-detail{grid-column:1/-1}
.compact-panel .card-detail>.detail-name{font-size:17px}.compact-panel .card-detail>.detail-id{margin:0}
.compact-panel .card-detail>.art-preview{grid-column:1;grid-row:3/span 6;margin:0}
.compact-panel .art-preview>.card-art{height:155px}.compact-panel .art-preview>span{padding:5px;font-size:9px}
.compact-panel .detail-numbers{gap:3px;margin:0}.compact-panel .detail-numbers span{font-size:9px;padding:3px}
.compact-panel .detail-text{font-size:11px;line-height:1.7;margin:0}
.compact-root{height:100%;overflow:hidden}
.compact-play{height:100dvh;max-height:100dvh;overflow:hidden;padding:0;display:flex;flex-direction:column}
.compact-play .topbar{flex:0 0 auto;min-height:38px;width:100%;padding:4px 7px;gap:6px;max-width:none}
.compact-play .brand{font-size:14px;gap:5px}.compact-play .brand-mark{width:25px;height:25px;font-size:11px}.compact-play .brand small,.compact-play .room-title{display:none}
.compact-play .connection{font-size:0;gap:0;margin-left:auto;min-width:6px}.compact-play .connection:before{width:6px;height:6px}
.compact-play .topbar button{font-size:10px;padding:5px 7px;min-height:30px;white-space:nowrap}
.compact-play .workspace{flex:1;min-height:0;display:flex;align-items:stretch;width:100%;padding:4px 6px;max-width:none;margin:0}
.compact-play .table-area{display:flex;flex-direction:column;flex:1;min-height:0;gap:4px}
.compact-play .table-heading{order:0;flex-shrink:0;min-height:22px;margin:0;gap:5px}
.compact-play .table-heading .eyebrow{display:none}.compact-play .table-heading h1{font-size:12px;margin:0}
.compact-play .phase-label{padding:3px 7px;font-size:9px}
.compact-play .compact-tools{display:flex;order:1;flex-shrink:0;gap:4px}
.compact-play .compact-tools button{flex:1;font-size:10px;min-height:30px;padding:4px;white-space:nowrap}
.compact-play #compact-evaluation-value{font:11px var(--mono);margin-left:3px;color:var(--red)}
.compact-play .game-guide{order:2;flex-shrink:0;min-height:28px;margin:0;padding:4px 6px;gap:5px;align-items:center}
.compact-play .guide-icon{font-size:15px}.compact-play .game-guide strong{font-size:10px;line-height:1.4}
.compact-play .game-guide p{display:none}.compact-play .game-guide button{font-size:9px;min-height:24px;padding:3px 5px}
.compact-play .drag-effect-source,.compact-play .compact-reveal{order:3;flex-shrink:0;display:flex;align-items:center;gap:8px;position:relative;min-height:34px;max-width:none;width:100%;margin:0;padding:4px 35px 4px 34px;font-size:10px;background:#edf2e2;border:1px solid #9aac82;border-radius:6px}
.compact-play .drag-effect-source>.card-art,.compact-play .compact-reveal>.card-art{position:absolute;left:5px;top:2px;height:29px;width:23px;object-fit:contain}
.compact-play .effect-source-symbol{left:10px;font-size:20px}.compact-play .drag-effect-source .drag-grip{bottom:4px;right:4px;width:24px;height:24px;font-size:17px}
.compact-play .drag-status{position:fixed;top:40px;left:6px;right:6px;z-index:12;margin:0;padding:5px 7px;border-radius:5px;background:#f4f7e8;box-shadow:0 2px 10px #17231d33;font-size:10px}
.compact-play .drag-status:empty{display:none}
.compact-play .arena{order:4;flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 10px minmax(0,1fr);gap:3px;padding:5px;border-radius:9px}
.compact-play #opponent-board,.compact-play #human-board{min-height:0}
.compact-play .player-board{height:100%;min-height:0;display:grid;grid-template-rows:31px minmax(0,1fr) minmax(0,1fr);gap:2px}
.compact-play .player-head{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:16px 13px;gap:0 5px;margin:0;align-items:center;min-width:0}
.compact-play .player-name{font-size:10px;gap:3px;white-space:nowrap}.compact-play .player-name i{width:5px;height:5px}
.compact-play .role,.compact-play .opponent-hand{font-size:8px}.compact-play .attack-drop-label{display:none}
.compact-play .life{justify-self:end;gap:2px;margin:0}.compact-play .life small{font-size:6px;margin-right:1px}.compact-play .life strong{font-size:9px;margin-left:1px}
.compact-play .life-pip{width:5px;height:10px}.compact-play .ap{gap:2px;font-size:8px}.compact-play .ap small{font-size:7px;margin:0}.compact-play .ap strong{font-size:9px}.compact-play .ap i{width:5px;height:8px}
.compact-play .piles{grid-column:1/-1;display:flex;width:auto;gap:8px;justify-content:flex-end;font-size:7px}
.compact-play .piles button{padding:0;min-height:13px;font-size:8px}
.compact-play .lane{display:flex;flex-direction:column;min-height:0;margin:0}.compact-play .lane-label{flex-shrink:0;font-size:7px;line-height:10px;margin:0 0 1px;gap:2px}
.compact-play .slots{flex:1;min-height:0;gap:3px}
.compact-play .slot,.compact-play .slot.has-card-art,.compact-play .slot.is-target{height:100%;min-height:0;padding:2px 3px;border-radius:4px;border-width:1px}
.compact-play .slot.has-card-art>.card-name{font-size:8px;line-height:1.1;bottom:18px;left:3px;right:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.compact-play .slot.has-card-art>.card-bottom{bottom:2px;left:3px;right:3px;gap:1px}
.compact-play .slot .card-top{font-size:7px}.compact-play .slot .card-top>span:last-child{display:block;font-size:7px}
.compact-play .slot .cost{width:12px;height:12px;font-size:8px}.compact-play .slot .bp{font-size:14px;letter-spacing:-.5px}.compact-play .slot .bp small{font-size:6px;margin-right:1px}
.compact-play .slot .card-state{font-size:6px}.compact-play .slot>.drag-grip{display:none}
.compact-play .slot.has-card-art .under{top:16px;font-size:6px;max-width:100%;overflow:hidden;white-space:nowrap}
.compact-play .slot.has-card-art .target-badge{position:absolute;top:2px;right:2px;left:auto;bottom:auto;width:auto;max-width:100%;font-size:7px;padding:1px 3px;z-index:3;border-radius:3px}
.compact-play .slot.is-target .card-top>span:last-child{visibility:hidden}
.compact-play .empty-number{font-size:10px}.compact-play .arena-divider{height:10px;min-height:0;gap:5px;padding:0}
.compact-play .arena-divider strong{font-size:7px;line-height:10px}
.compact-play .hand-section,.compact-play .pending-section{order:5;flex-shrink:0;margin:0;padding:0;border:0;background:none;position:relative}
.compact-play.has-pending-cards .hand-section{display:none}
.compact-play .section-line{margin:0 0 2px;min-height:14px;gap:4px}.compact-play .section-line h2{font-size:10px;line-height:14px}.compact-play .section-line h2>span{font-size:9px;margin-left:3px}
.compact-play .section-line>span{font-size:8px}.compact-play #pending-title{font-size:10px}
.compact-play .hand{display:flex;flex-wrap:nowrap;gap:3px;min-height:0}
.compact-play .hand>.hand-card{flex:0 1 64px;min-width:0;max-width:64px;min-height:0;height:clamp(70px,10dvh,90px);aspect-ratio:auto;padding:2px 2px 13px;border-radius:4px;border-top-width:2px;touch-action:none}
.compact-play .hand>.hand-card.has-card-art{padding:0 0 14px}
.compact-play .hand-card.has-card-art>.card-art{inset:0 0 14px;height:calc(100% - 14px)}
.compact-play .hand-card.has-card-art>.card-name{font-size:8px;line-height:12px;left:2px;right:2px;bottom:0;margin:0}
.compact-play .hand-card.has-card-art .count{font-size:8px;top:1px;right:1px;bottom:auto;padding:1px 3px}
.compact-play .hand-card .hand-badge:not(.usable){display:none}.compact-play .hand-card .hand-badge.usable{font-size:6px;top:1px;left:1px;padding:1px 2px}
.compact-play .hand .drag-grip{width:22px;height:22px;right:0;bottom:14px;font-size:16px;border-radius:3px;opacity:.9}
.compact-play .hand>.muted{font-size:10px;line-height:22px;margin:0}
.compact-play.many-hand-cards #hand{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.compact-play.many-hand-cards #hand>.hand-card{max-width:none;width:100%;height:62px}
.compact-play .hand-card:not(.has-card-art) .card-name{font-size:9px;margin:2px 0}.compact-play .hand-card:not(.has-card-art) .bp{font-size:12px}.compact-play .hand-card:not(.has-card-art) .trigger{display:none}
.compact-play .drag-use-zone{position:absolute;left:0;right:0;top:16px;bottom:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:6px;margin:0;font-size:11px;background:#e8f1def5}
.compact-play #human-board .slot,.compact-play #drag-effect-source{touch-action:none}
.compact-play .table-footer{display:none}
.compact-play .action-dock{position:static;flex-shrink:0;padding:5px 6px max(5px,env(safe-area-inset-bottom));width:100%;z-index:10}
.compact-play .dock-inner{min-height:0;gap:4px;display:flex;flex-wrap:nowrap;align-items:stretch}
.compact-play .dock-status,.compact-play .phase-track{display:none}
.compact-play .dock-options{order:0;flex:1;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:3px;max-width:none;width:auto;max-height:88px;min-width:0}
.compact-play .dock-options:empty{display:none}
.compact-play .dock-options button{min-height:34px;min-width:0;max-width:none;flex:1 1 70px;font-size:10px;line-height:1.4;padding:4px 5px}
.compact-play .dock-inner>.primary{flex:0 0 auto;min-height:36px;min-width:102px;font-size:11px;padding:6px 9px;max-width:48%;margin-left:auto}
.compact-play[data-phase="DAMAGE"] #opponent-board .player-board{grid-template-rows:52px minmax(0,1fr) minmax(0,1fr)}
.compact-play[data-phase="DAMAGE"] #opponent-board .player-head .life{position:absolute;top:18px;left:0;right:0;justify-content:center;gap:5px}
.compact-play[data-phase="DAMAGE"] #opponent-board .life-pip.can-act{width:28px;height:30px;min-height:30px;padding:0}
.compact-play[data-phase="DAMAGE"] #opponent-board .piles{display:none}
@media(max-height:700px){.compact-play .topbar{min-height:34px;padding-top:2px;padding-bottom:2px}.compact-play .compact-tools button{min-height:28px}.compact-play .table-area{gap:3px}.compact-play .hand>.hand-card{height:70px}.compact-play .player-board{grid-template-rows:28px minmax(0,1fr) minmax(0,1fr)}.compact-play .player-head{grid-template-rows:15px 11px}.compact-play .slot .card-state{display:none}}
@media(min-width:601px) and (max-width:950px) and (max-height:500px){.compact-play .arena{grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.compact-play .arena-divider{height:100%;overflow:hidden;writing-mode:vertical-rl}.compact-play .arena-divider>span{display:none}.compact-play .table-heading{display:none}.compact-play .compact-tools{position:absolute;top:4px;left:155px;right:250px;z-index:2}.compact-play .topbar .connection{margin-left:auto}.compact-play .hand>.hand-card{height:64px;max-width:57px}.compact-play .game-guide{min-height:24px}.compact-play .slot.has-card-art>.card-name{bottom:16px}.compact-play .slot .bp{font-size:12px}}

/* Roomier controls on tablets and PCs, with the same fixed board as phones. */
@media(min-width:601px) and (min-height:501px){
  .compact-play .topbar{padding:6px 14px;gap:12px;min-height:46px;flex-wrap:nowrap}
  .compact-play .brand{font-size:19px}.compact-play .brand-mark{width:30px;height:30px;font-size:14px}
  .compact-play .room-title{display:block;min-width:0;flex:1}.compact-play .room-title strong{font-size:12px;max-width:320px}.compact-play .room-title>span{font-size:10px}
  .compact-play .topbar button{min-height:34px;padding:6px 11px;font-size:12px}.compact-play .connection{margin-left:auto}
  .compact-play .workspace{padding:6px 14px}.compact-play .table-area{max-width:1440px;margin:auto;width:100%;height:100%;gap:5px}
  .compact-play .table-heading{min-height:26px}.compact-play .table-heading h1{font-size:16px}.compact-play .phase-label{font-size:11px}
  .compact-play .compact-tools{gap:6px}.compact-play .compact-tools button{flex:0 1 165px;font-size:12px;min-height:32px}
  .compact-play .game-guide{min-height:30px;padding:5px 9px}.compact-play .game-guide strong{font-size:12px}.compact-play .game-guide p{display:block;font-size:10px;line-height:1.4}
  .compact-play .arena{padding:7px;gap:4px;grid-template-rows:minmax(0,1fr) 12px minmax(0,1fr)}
  .compact-play .player-board{grid-template-rows:32px minmax(0,1fr) minmax(0,1fr);gap:3px}
  .compact-play .player-head{grid-template-rows:17px 13px}.compact-play .player-name{font-size:12px}.compact-play .role,.compact-play .opponent-hand{font-size:10px}
  .compact-play .life strong,.compact-play .ap strong{font-size:11px}.compact-play .life-pip{width:7px;height:11px}.compact-play .piles,.compact-play .piles button{font-size:9px}
  .compact-play .lane-label{font-size:9px;line-height:12px}.compact-play .slots{gap:6px}
  .compact-play .slot.has-card-art>.card-name{font-size:11px;bottom:22px}.compact-play .slot .card-top{font-size:9px}.compact-play .slot .bp{font-size:18px}.compact-play .slot .card-state{font-size:8px;display:block}
  .compact-play .slot .cost{width:17px;height:17px;font-size:11px}.compact-play .arena-divider strong{font-size:9px;line-height:12px}
  .compact-play .hand>.hand-card{flex-basis:82px;max-width:82px;height:clamp(70px,12dvh,125px)}.compact-play .hand-card.has-card-art>.card-name{font-size:10px;line-height:14px}
  .compact-play .section-line h2{font-size:12px}.compact-play .section-line>span{font-size:10px}
  .compact-play .action-dock{padding:6px 14px}.compact-play .dock-inner{max-width:1440px;margin:auto}
  .compact-play .dock-options button{font-size:12px;min-height:38px;flex:0 1 auto;padding:6px 12px}.compact-play .dock-inner>.primary{font-size:13px;min-height:40px;min-width:150px}
  .compact-play .compact-panel[open]{margin:auto;max-width:680px;border-radius:12px;max-height:84dvh}
}
@media(min-width:601px) and (max-width:900px) and (min-height:501px){.compact-play .room-title{display:none}.compact-play .topbar .connection{margin-left:auto}}
.compact-play .dock-options{overflow:auto;overscroll-behavior:contain}
.compact-play .hand,.compact-play .pending-cards{max-width:100%;min-width:0}