/* The player owns the first viewport; browse the catalog below it. */
body>header{max-width:none;height:68px;min-height:68px;padding:10px 24px}
body>main{max-width:none;padding:0 24px}
.play-section{--player-height:calc(100svh - 162px);margin:0 0 24px;padding:16px 0 20px;border-top:0;min-height:calc(100svh - 68px);scroll-margin-top:12px}
.play-title{min-height:48px;margin-bottom:14px;gap:16px}
.play-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.play-tools a{text-decoration:none;white-space:nowrap}
.arena-layout{grid-template-columns:minmax(0,1fr) clamp(260px,23vw,340px);gap:24px;align-items:start}
.arena{height:var(--player-height);min-height:420px}
.arena>canvas{width:100%;height:100%;max-width:100%;object-fit:contain}
.arena-layout>aside{max-height:var(--player-height);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 8px 8px 0;min-width:0}
.play-section .score-box{padding:0 0 12px}.play-section .score-box strong{font-size:36px;margin:2px 0}
.play-section .word-puzzle-panel{margin-bottom:12px}.play-section .puzzle-answer{gap:7px}
.play-section .puzzle-clues{max-height:170px}.play-section .puzzle-answer input{padding:10px 12px}
.play-section .puzzle-message{margin:10px 0}.play-section .puzzle-answer button{padding:10px 14px}
.intro,.section-head,.games,main>.hub-toolbar,main>.hub-card,main>footer,main>.hub-links{max-width:1440px;margin-left:auto;margin-right:auto}
.intro{padding-top:32px}.games{margin-bottom:32px}#game-catalog{scroll-margin-top:20px}
.play-section:fullscreen{background:var(--bg);padding:16px 24px;overflow:auto;--player-height:calc(100svh - 96px);min-height:100svh}
.play-section:fullscreen .arena{min-height:0}.play-section:fullscreen .catalog-shortcut{display:none}
#player-view-status{font-size:13px;color:var(--lime)}
@media(max-width:1000px){.header-note,.brand-small{display:none}.play-tools{gap:6px}.play-tools .quiet{font-size:12px;padding:9px 11px}.arena-layout{gap:16px;grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:720px){body>header{padding:10px 12px;height:auto;min-height:68px;gap:8px;flex-wrap:wrap}body>main{padding:0 12px}.play-section{padding-top:12px;min-height:0;--player-height:min(82svh,calc(100vw - 24px))}.play-title{align-items:flex-start;flex-wrap:wrap;gap:10px}.play-title h2{font-size:22px;margin-top:2px}.play-tools{justify-content:flex-start;width:100%}.arena-layout{grid-template-columns:1fr;gap:14px}.arena{height:var(--player-height);min-height:0}.arena-layout>aside{max-height:none;overflow:visible;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.word-puzzle-panel,.info-box,.actions,.touch-controls,.save-note{grid-column:1/-1}.word-puzzle-panel .puzzle-clues{max-height:210px}.play-section:fullscreen{padding:12px;--player-height:min(78svh,calc(100vw - 24px))}.catalog-shortcut{margin-left:auto}.play-tools .mode-control{order:-1}.play-section .puzzle-answer{grid-template-columns:minmax(0,1fr) auto}.puzzle-answer label,.puzzle-current,.puzzle-pattern,.puzzle-hint{grid-column:1/-1}.intro{padding-top:24px}}
@media(max-height:560px) and (min-width:721px){.play-section{--player-height:calc(100svh - 140px)}.arena{min-height:260px}.play-section:fullscreen{--player-height:calc(100svh - 90px)}}