/* A single compact toolbar, with the playing area spanning the screen below it. */
@media(orientation:landscape) and (max-height:600px){
 body.is-playing #arena{max-width:none;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-areas:'header' 'tour' 'status' 'board' 'result';column-gap:0;row-gap:3px}
 .is-playing .arena-header{display:grid;grid-template-columns:36px minmax(80px,.9fr) minmax(150px,1.3fr) auto;align-items:center;gap:9px;min-height:38px;flex-wrap:nowrap;justify-content:normal}
 .is-playing .arena-header>div:not(.arena-tools){order:0;width:auto;padding:0;min-width:0}
 .is-playing .arena-header h1{font-size:16px;line-height:1.15;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 .is-playing .arena-header .back-button{width:36px;min-width:36px;min-height:38px;padding:0;font-size:24px}
 .is-playing .arena-header .app-session-score{font-size:10px;gap:4px;vertical-align:top}.is-playing .arena-header .app-session-score>span{display:none}.is-playing .arena-header .app-session-score b{font-size:11px}
 .is-playing .arena-header .arena-tools{min-width:76px;gap:4px}
 .is-playing .arena-header .arena-tools>button{width:36px;height:36px;border-radius:11px;font-size:16px}
 .is-playing .arena-header .game-scoreboard{grid-area:auto;width:100%;max-width:500px;min-width:0;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);gap:4px;margin:0;justify-self:center}
 .is-playing .arena-header .score-player{padding:5px 8px;gap:6px;min-height:34px;border-radius:10px}
 .is-playing .arena-header .score-player strong{font-size:11px;line-height:1.2}.is-playing .arena-header .score-player>b{font-size:21px;line-height:1}.is-playing .arena-header .player-symbol{display:none}.is-playing .arena-header .score-vs{font-size:8px}
 .is-playing .game-status{font-size:11px;min-height:16px;padding:1px 0;line-height:1.3;align-self:center}
 .is-playing .tour-progress{display:flex;font-size:9px;line-height:1.2;border:0;min-height:0}
 .is-playing #game-result{justify-self:center;align-self:center;width:100%;max-width:850px;padding:6px 10px}
 .is-playing #game-result h2{display:inline;font-size:16px;margin-right:9px}.is-playing #game-result p{display:inline;font-size:10px;margin-right:9px}.is-playing #game-result .button{min-height:32px;padding:6px 11px}.is-playing #game-result .text-button{margin-block:2px}
 /* Math uses the full width and available height instead of shrinking a fixed-width card. */
 .is-playing #arena[data-game="math"] .play-surface{max-width:none}
 .is-playing #arena[data-game="math"] .math-board{width:100%;max-width:none;height:var(--available-play-height);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:9px 12px;align-items:stretch}
 .is-playing #arena[data-game="math"] .math-player{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:0;min-width:0;padding:10px 14px;border-radius:15px}
 .is-playing #arena[data-game="math"] .math-player>small{font-size:11px;line-height:1.25}
 .is-playing #arena[data-game="math"] .math-player>strong{font-size:clamp(22px,7vh,36px);line-height:1.15;margin:7px 0}
 .is-playing #arena[data-game="math"] .math-answers{min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:7px}
 .is-playing #arena[data-game="math"] .math-answers>span{grid-row:1/-1}
 .is-playing #arena[data-game="math"] .math-answers button{min-height:0;min-width:0;height:100%;padding:3px 8px;font-size:clamp(18px,6vh,25px)}
 .is-playing #arena[data-game="math"] .math-board>#math-next{grid-column:1/-1;min-height:34px;padding:7px 15px;font-size:11px}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:650px){
 .is-playing .arena-header{grid-template-columns:32px minmax(72px,.8fr) minmax(128px,1fr) auto;gap:6px}.is-playing .arena-header h1{font-size:13px}.is-playing .arena-header .score-player{padding:4px 6px;min-height:32px;gap:4px}.is-playing .arena-header .score-player strong{font-size:9px}.is-playing .arena-header .score-player>b{font-size:18px}.is-playing .arena-header .arena-tools{min-width:68px}.is-playing .arena-header .arena-tools>button{width:32px;height:32px}.is-playing #arena[data-game="math"] .math-player{padding:7px 10px}.is-playing #arena[data-game="math"] .math-player>strong{margin:5px 0}
}