/* Keep playing controls outside the field and reserve room for every answer. */
.game header,.live-match header,.game footer,.game .topnav{display:none!important}
.game-heading,.live-match .match-top{display:flex;align-items:center;gap:10px;margin:0;padding:6px 0;min-height:56px}
.game-heading>div,.match-top>div{flex:1;min-width:0}
.game-heading h1,.live-match .match-top h1{font-size:22px;margin:0;line-height:1.1}
.game-heading .eyebrow,.match-top .eyebrow{display:none}
.game-heading button,.match-top button{min-height:44px;flex-shrink:0}
.phase-badge{position:static;transform:none;border:0;background:none;padding:0;white-space:normal;font-size:10px;letter-spacing:1px}
.scoreboard{min-height:28px;padding:5px 10px}
.paused{gap:12px}
@media(max-width:700px){
 .game .app,.live-match .app{padding:0 8px max(8px,env(safe-area-inset-bottom))}
 .game-grid,.live-grid{display:flex;flex-direction:column;gap:0}
 .pitch-panel{max-width:none}
 .game .legend,.game #skill-label,.game #control-hint,.live-controls .flow-steps,.live-controls>.short-note,.live-controls>.eyebrow{display:none}
 .game .canvas-wrap{min-height:0;max-height:none}
 .game #pitch,.live-match #match-canvas{width:100%;height:min(calc((100vw - 18px)*720/760),max(200px,calc(100dvh - 310px)));min-height:0;max-height:none;object-fit:contain}
 .game .decision-panel,.live-match .live-controls{padding:7px 0 0}
 .game .decision-panel h2,.live-match .live-controls h2{font-size:20px;line-height:1.2;min-height:0;margin:0 0 5px}
 .game .decision-panel p{margin:5px 0;font-size:14px;line-height:1.35}
 .game .timer-label{margin:0;font-size:10px}
 .game .timer-label strong{font-size:23px}
 .game .timer-track{margin:3px 0 6px}
 .game .choices,.live-match .live-controls .choices{display:grid;grid-template-columns:1fr;gap:6px}
 .game .choices button,.live-match .live-controls .choices button{min-height:44px;padding:8px 10px;flex-direction:row;justify-content:flex-start;text-align:start!important;gap:9px}
 .game .choices b,.live-match .live-controls .choices b{font-size:14px;line-height:1.2}
 .game .choices .key,.live-match .live-controls .choices .key{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;padding:2px}
 .live-match .live-score{margin:0 0 5px;padding:3px 8px;gap:12px;min-height:32px}
 .live-match .live-score strong{font-size:21px}
 .live-match #match-time{padding:3px 8px}
 .live-match .decision-clock{margin:4px 0 6px}
 .live-match .match-ticker{font-size:11px;min-height:24px;padding:5px 8px}
 .game .setup-actions{margin-top:8px}
 .game #setup-hint{font-size:12px}
 .game #result h2{font-size:28px;margin-top:12px}
 .game #result p{line-height:1.5}
}

@media(max-width:700px){.live-match #match-canvas{height:min(calc((100vw - 18px)*720/760),max(200px,calc(100dvh - 380px)))}}

.audio-settings{margin-top:18px}.audio-settings label{display:block;margin:18px 0 6px}.audio-settings input[type=range]{width:100%;min-height:44px;accent-color:var(--lime)}