.match-score{display:flex;gap:19px;align-items:center}.match-score>div>span{display:block;font-size:10px;letter-spacing:1.3px;color:#cde1d6}.match-score strong{display:block;font-size:29px;margin:4px 0 0}.match-score .balls strong{font-size:20px}.match-score .last-ball strong{font-size:20px;color:var(--gold)}.session{min-width:200px}.choices{display:flex;gap:10px}.choices select{max-width:135px}.match-page .stage-message{top:88px;max-width:75%;background:#102e32e8;border:1px solid #b4c9bc33;border-radius:7px;padding:9px 12px;color:#edf6ed}.match-page .stage-message p{font-size:20px;text-shadow:none;margin-bottom:4px}.match-page .stage-message span{background:none;padding:0;color:#c9ddd1;font-size:12px}.match-page .stage{height:clamp(360px,calc(100svh - 260px),650px)}
@media(max-width:900px){.match-page .control-deck{display:grid;grid-template-columns:1fr 1fr}.choices{grid-column:1;display:grid;grid-template-columns:1fr 1fr}.feedback{grid-column:2}.actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.7fr}.match-page .stage{height:clamp(330px,calc(100svh - 325px),570px)}}
@media(max-width:660px){.session{min-width:146px;padding:9px}.match-score{gap:12px}.match-score strong{font-size:24px}.match-score .balls strong,.match-score .last-ball strong{font-size:17px}.match-score>div>span{font-size:8px;letter-spacing:.8px}.match-page .tools{flex-direction:column;gap:4px}.match-page .tools button{min-height:31px;padding:6px 9px;font-size:11px}.match-page .stage-message{top:105px;left:14px;max-width:85%}.match-page .stage-message p{font-size:20px}.match-page .stage-message span{font-size:11px}.match-page .control-deck{grid-template-columns:1fr;gap:10px}.choices{grid-template-columns:1fr 1fr;grid-column:1}.choices select{max-width:none}.feedback{grid-column:1}.feedback p{min-height:0;margin-top:4px}.actions{grid-column:1}.match-page .stage{height:clamp(320px,calc(100svh - 370px),470px)}#replay-label{top:78px;right:13px}}
.match-page .stage-message{top:90px;left:auto;right:14px;max-width:46%}.match-page .stage-message p{font-size:17px;letter-spacing:-.3px}.match-page .stage[data-phase="delivery"] .stage-message,.match-page .stage[data-phase="runup"] .stage-message,.match-page .stage[data-phase="shot"] .stage-message,.match-page .stage[data-phase="replay"] .stage-message{display:none}
.levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px}.level{text-align:left;background:#143537;border:1px solid #48615a;border-radius:7px;padding:10px 12px;color:#edf6ed;cursor:pointer}.level strong,.level span{display:block}.level strong{font-size:14px}.level span{font-size:12px;color:#bed0c8;margin-top:4px}.level.active{border-color:var(--gold);box-shadow:inset 0 -2px var(--gold)}.level:disabled{cursor:default;opacity:.55}.level.active:disabled{opacity:1}.level:focus-visible{outline:3px solid #f3ce7b;outline-offset:2px}.over-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 18px;background:#102c2e;border-bottom:1px solid #ffffff15}.over-strip>span{font-size:12px;color:#cde1d6}.over-strip strong{font-size:16px;color:var(--gold);margin-left:6px}#over-balls{display:flex;gap:7px}#over-balls span{width:25px;height:25px;display:grid;place-items:center;border:1px solid #466661;border-radius:50%;font-size:14px;color:#c9dacf}#over-balls .played{background:#294b44;color:white}#over-balls .boundary{background:var(--gold);border-color:var(--gold);color:#112e2f}#over-balls .current{border-color:var(--gold)}.next-delivery strong{display:block;font-size:16px;padding:9px 0;color:#edf6ed}.over-result{padding:20px;background:#163d36;border-top:1px solid #dfb96055}.over-result[hidden]{display:none}.over-result h2{margin:0 0 8px;font-size:24px}.over-result p{font-size:16px;line-height:1.5;color:#d5e7dc}.result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.result-actions button,.result-actions a{font:inherit;min-height:44px;padding:11px 15px;border-radius:6px}.result-actions a{color:#ffe1a0}.result-actions button[hidden]{display:none}.match-page .stage{height:clamp(330px,calc(100svh - 380px),590px)}
@media(max-width:900px){.match-page .stage{height:clamp(300px,calc(100svh - 430px),500px)}}
@media(max-width:660px){.level{padding:8px 7px}.level strong{font-size:12px;line-height:1.35}.level span{font-size:12px;line-height:1.3}.levels{gap:5px;margin-bottom:9px}.session{min-width:183px}.match-score{gap:11px}.match-page .stage{height:clamp(290px,calc(100svh - 465px),420px)}.over-strip{padding:8px 12px}#over-balls{gap:5px}#over-balls span{width:23px;height:23px}.over-strip>span{font-size:11px}.next-delivery strong{font-size:15px}.over-result{padding:16px}.over-result h2{font-size:21px}}