html.match-view,body.match-view{overflow:hidden;width:100%;height:100%;background:#122e33}
body.match-view .masthead,body.match-view main>:not(#arena){display:none}
body.match-view main{padding:0;margin:0;max-width:none}
body.match-view #arena{position:fixed;inset:0;z-index:30;width:100vw;height:100dvh;aspect-ratio:auto;margin:0;border:0;border-radius:0;box-shadow:none;background:#122e33}
.match-view .arena.started .court-keys{display:none}
.match-view.key-hints-visible:not(.touch-ui) .arena.started .court-keys{display:flex}
.match-view .arena.started .play-cue{bottom:40px}
.match-view.key-hints-visible:not(.touch-ui) .arena.started .play-cue{bottom:105px}
.match-view .arena-tools{top:18px;right:18px}
.match-view .arena-tools #pause{min-width:64px;min-height:64px}
.match-view .arena-tools #pause svg{width:28px;height:28px}
.match-view.touch-ui .arena-tools #pause{min-width:84px;min-height:84px}
.match-view .break-overlay{z-index:20}
.match-view .break-card{width:680px;max-width:90%;min-width:0;max-height:640px;overflow-y:auto;padding:18px 26px;overscroll-behavior:contain}
.match-view .break-card h2{font-size:32px;margin:4px 0}
.match-view .break-card p{margin-bottom:12px;font-size:16px}
.match-view .break-card>.btn{font-size:20px;min-height:52px;padding:8px 24px}
.match-view .break-card>.text-button{display:inline-flex;margin:6px 10px 0;font-size:18px;min-height:44px}
#pause-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 16px;text-align:left}
#pause-settings>button,#pause-settings>label{margin:0;padding:8px 18px;min-height:64px;font-size:20px;justify-content:center;gap:10px;border:1px solid #b4c5bd;border-radius:6px;background:#edf0e4;color:#215d5e}
#pause-settings>button:hover{background:#dce7d5}
#pause-settings .switch{flex-shrink:0}
#pause-settings .slow-button{display:none}
.arena.training #pause-settings .slow-button{display:flex}
#pause-settings #fullscreen span{display:inline}
.arena-tools #fullscreen span{display:none}
.match-view .toast{z-index:50}
.match-view #help-dialog{transform:none;max-width:min(92vw,540px);max-height:90dvh;overflow-y:auto}
.match-view.touch-ui .arena.started .touch-controls{display:flex!important;position:absolute;left:24px;right:24px;bottom:24px;z-index:10;align-items:end;justify-content:space-between;pointer-events:none}
.match-view .touch-move,.match-view .touch-actions{display:flex;gap:12px;align-items:end;pointer-events:auto}
.match-view .touch-controls button{display:grid;place-items:center;min-width:88px;min-height:88px;border:2px solid #fff6d499;border-radius:16px;padding:12px;background:#193e43dc;color:#fff9e8;font:800 23px var(--font-body);touch-action:none;user-select:none;-webkit-user-select:none}
.match-view .touch-controls .touch-hit{min-width:112px;min-height:104px;background:#f4a445;color:#183d43}
.match-view .touch-controls button.held{background:#82d1bb;color:#123c40;transform:translateY(2px)}
.match-view.touch-ui .arena.started .play-cue{bottom:145px}
.match-view .break-overlay:not([hidden])~.touch-controls{visibility:hidden}
@media(prefers-reduced-motion:reduce){.match-view .touch-controls button{transition:none}}