/* The choices belong to the playing surface, within the wooden frame. */
html{overflow-anchor:none}
.board .match-strip[hidden],.scorecard[hidden]{display:none}
.board{display:flex;flex-direction:column;min-height:660px}
.board .arena{flex:1;min-height:390px;padding:26px 24px}
.board .controls{display:block;margin:0;padding:22px 26px 26px;border-top:1px solid #f1eed129;background:#123c2e4d}
.board .controlhint{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;min-width:0}
.board .controlhint b{font-size:10px;letter-spacing:1.2px;color:#f0e4b9}
.board .controlhint span{font:12px 'DM Sans',sans-serif;color:#c2d0b2}
.board .numbers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;width:100%}
.board .number{width:100%;height:65px;border:1px solid #fcf4d6;border-bottom:4px solid #b6b995;border-radius:6px;background:#f6f0dc;color:#244435;font-size:27px;box-shadow:0 3px 9px #082c2b33}
.board .number:disabled{opacity:.3}
.board .number{transition:background-color .16s,opacity .18s,border-color .16s}
.board .number:not(:disabled):hover{background:#ffe3a2;color:#224231;border-color:#ffe3a2;border-bottom-color:#c2a164;transform:none}
.board .number:not(:disabled):active{transform:none;box-shadow:none}
.board .number:focus-visible{outline:3px solid #ffd579;outline-offset:4px}
.board .controls.match-complete{display:none}
.board .arena>.actions{min-height:46px}
.board .arena>.action-placeholder{visibility:hidden;pointer-events:none}
.board .choice-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.choice-icon{width:26px;height:26px;flex-shrink:0}
.board .arena .actions button[aria-pressed]{min-width:92px;background:#f3d58e;border-color:#f8e4b0;color:#244435;font-weight:700;box-shadow:0 3px 0 #ae8d4b;transition:background-color .15s,border-color .15s,color .15s}
.board .arena .actions button[aria-pressed="true"]{background:#d7492d;border-color:#f18c63;color:#fff4de;box-shadow:0 3px 0 #953824}
.board .arena .actions button[aria-pressed]:focus-visible{outline:3px solid #fff1c7;outline-offset:4px}
@media(hover:hover){.board .arena .actions button[aria-pressed="false"]:hover{background:#ffe7aa}.board .arena .actions button[aria-pressed="true"]:hover{background:#e65a3c}}
.board.is-toss .arena>.sub{min-height:2.8em;line-height:1.4}
.board.wicket .controls{background:#551c2229}
/* A brief light sweep draws attention when it is time to switch innings. */
.board [data-action="chase"]{position:relative;overflow:hidden;isolation:isolate}
.board [data-action="chase"]::after{content:'';position:absolute;top:-25%;bottom:-25%;left:0;width:45%;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff80,transparent);transform:translateX(-180%) skewX(-18deg);animation:innings-shimmer 3.8s .5s ease-in-out infinite}
@keyframes innings-shimmer{0%{transform:translateX(-180%) skewX(-18deg)}28%,100%{transform:translateX(340%) skewX(-18deg)}}
@media(prefers-reduced-motion:reduce){.board [data-action="chase"]::after{display:none;animation:none}}
.quiet{font:600 12px 'Space Grotesk',sans-serif;white-space:nowrap}
