/* A calm result, then a clear next action. The score is never dimmed. */
.board.has-score:not(.wicket):not(:has(.match-complete)) .arena{display:flex;flex-direction:column;justify-content:center;gap:12px}
.board.has-score:not(.wicket):not(:has(.match-complete)) .arena>.sub:empty,.board.has-score .arena>.action-placeholder{display:none}
.board.has-score:not(.wicket):not(:has(.match-complete)) .hands{height:280px;flex:0 1 280px;min-height:0;margin:0}
.board .handlabel{margin-top:8px;line-height:16px;opacity:1}
.board.has-score .arena{transition:opacity .35s,filter .35s}
.board.awaiting-next-pick .arena{opacity:.76;filter:saturate(.88)}
.board.awaiting-next-pick .boardtop{opacity:.72}
.board .boardtop{transition:opacity .35s}
.board.has-score:not(.wicket) .controls:not(.match-complete),.board.toss-pick .controls{position:relative;isolation:isolate;overflow:hidden;gap:0;background:#f8f0d8;border:1px solid #e8d89f;border-top:5px solid #d9c58c;border-radius:9px;padding:18px;color:#244435}
.board.has-score:not(.wicket) .controls:not(.match-complete){margin:0 14px 14px}
.board.has-score:not(.wicket) .controlhint,.board.toss-pick .controlhint{margin-bottom:14px;justify-content:center}
.board.has-score:not(.wicket) .controlhint b,.board.toss-pick .controlhint b{color:#244435;letter-spacing:0}
.board.has-score:not(.wicket) .controlhint b{font-size:24px;line-height:1.2}
.board.has-score:not(.wicket) .controlhint span{display:none}
.board.has-score:not(.wicket) .number,.board.toss-pick .number{background:#f1d58e;color:#244435;border:1px solid #c7ab67;border-bottom:4px solid #b69a55;box-shadow:none;height:62px;font-size:30px}
.board.has-score:not(.wicket) .number:disabled{opacity:.45}
.board .controls.picker-active{border-top-color:#ecc866;box-shadow:0 0 0 1px #e9d08c55,0 0 24px #f0ce7120}
.board .controls.picker-active::after{content:'';position:absolute;inset:-30% auto -30% 0;width:55%;z-index:2;background:linear-gradient(105deg,transparent 12%,#fffbee66 48%,#ffffff99 52%,transparent 88%);transform:translateX(-220%) skewX(-15deg);pointer-events:none;animation:picker-shimmer 4s .15s ease-in-out infinite}
@keyframes picker-shimmer{0%{transform:translateX(-220%) skewX(-15deg)}32%,100%{transform:translateX(330%) skewX(-15deg)}}
@media(max-width:1024px){
 .board.has-score:not(.wicket):not(:has(.match-complete)) .arena{gap:8px;padding:14px}
 .board.has-score:not(.wicket):not(:has(.match-complete)) .hands{height:260px;flex-basis:260px}
 .board.has-score:not(.wicket) .controls:not(.match-complete),.board.toss-pick .controls{padding:14px 10px}
 .board.has-score:not(.wicket) .controls:not(.match-complete){margin:0 10px 12px}
 .board.has-score:not(.wicket) .controlhint b{font-size:22px}
 .board.has-score:not(.wicket) .number,.board.toss-pick .number{height:54px;font-size:27px}
}
@media(max-width:1024px) and (max-height:700px){
 .board.has-score:not(.wicket):not(:has(.match-complete)) .hands{height:220px;flex-basis:220px}
 .board.has-score:not(.wicket) .controls:not(.match-complete),.board.toss-pick .controls{padding:12px 8px}
 .board.has-score:not(.wicket) .controlhint b{font-size:20px}
 .board.has-score:not(.wicket) .number,.board.toss-pick .number{height:48px;font-size:25px}
}
@media(max-width:1024px) and (max-height:500px) and (orientation:landscape){
 .board.has-score:not(.wicket):not(:has(.match-complete)){grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:'meta meta' 'arena controls' 'score score'}
 .board.has-score:not(.wicket):not(:has(.match-complete)) .boardtop{min-height:44px;padding-right:54px}

 .board.has-score:not(.wicket):not(:has(.match-complete)) .arena{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);gap:2px;padding:4px 12px 6px}
 .board.has-score:not(.wicket):not(:has(.match-complete)) .arena>h2{grid-column:1;grid-row:1;margin:0;font-size:20px;line-height:1.1}
 .board.has-score:not(.wicket):not(:has(.match-complete)) .arena>.sub{grid-column:1;grid-row:2}
 .board.has-score:not(.wicket):not(:has(.match-complete)) .arena .hands{height:100%;grid-column:1;grid-row:3;gap:12px;justify-content:space-between}
 .board.has-score:not(.wicket):not(:has(.match-complete)) .handgroup{flex:1 1 0;width:0}
 .board.has-score:not(.wicket):not(:has(.match-complete)) .hand[data-pose="0"] canvas{transform:scale(1.45);transform-origin:50% 100%}
 .board.has-score:not(.wicket):not(:has(.match-complete)):has(.arena>.actions:not(.action-placeholder)){grid-template-areas:'meta meta' 'arena arena' 'score score'}
 .board.has-score:not(.wicket):has(.arena>.actions:not(.action-placeholder)) .controls{display:none}
 .board.has-score:not(.wicket):not(:has(.match-complete)) .arena:has(>.actions:not(.action-placeholder)){grid-template-columns:1fr 1fr;grid-template-rows:auto auto minmax(0,1fr);padding:8px 16px;column-gap:16px}
 .board.has-score:not(.wicket):not(:has(.match-complete)) .arena:has(>.actions:not(.action-placeholder)) .hands{grid-column:2;grid-row:1/-1}
 .board.has-score:not(.wicket):not(:has(.match-complete)) .arena>.actions:not(.action-placeholder){grid-column:1;grid-row:3;margin:0}
 .board.has-score:not(.wicket) .controls:not(.match-complete){margin:4px 6px 4px 6px;padding:4px 10px 7px;justify-content:flex-start}
 .board.has-score:not(.wicket) .controlhint{margin-bottom:4px;flex-shrink:0}
 .board.has-score:not(.wicket) .controlhint b{font-size:14px}
 .board.has-score:not(.wicket) .numbers{gap:6px 9px;flex:1;grid-template-rows:repeat(2,minmax(44px,1fr))}
 .board.has-score:not(.wicket) .number{height:100%;min-height:44px;font-size:30px;border-radius:7px;background:linear-gradient(160deg,#fae7ac,#e8c779);border-color:#c7a65e;border-bottom-width:4px;box-shadow:inset 0 1px 0 #fff7d8,0 2px 2px #75572220;text-shadow:0 1px #fff5d3;transition:transform .12s,box-shadow .12s}
 .board.has-score:not(.wicket) .number:not(:disabled):hover{background:linear-gradient(160deg,#fff0c1,#f2d28c);color:#244435;transform:translateY(-1px)}
 .board.has-score:not(.wicket) .number:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 1px 3px #75572230;border-bottom-width:2px}
 .board.has-score:not(.wicket) .broadcast-main{min-height:43px}
 .board.has-score:not(.wicket) .broadcast-batter,.board.has-score:not(.wicket) .broadcast-rival{padding-block:3px}
 .board.has-score:not(.wicket) .broadcast-detail{min-height:24px;padding-block:3px}
 .board.has-score:not(.wicket) .match-strip .role-icon{height:14px;width:14px}

}
@media(prefers-reduced-motion:reduce){.board .controls.picker-active::after{display:none;animation:none}.board.has-score .arena,.board .boardtop{transition:none}}