/* Reserve the text, tray, and group hints before sizing the square play area. */
.arena-view .player-header,.arena-view .player-feedback{flex-shrink:0}
.arena-view .player-content{display:grid;grid-template-rows:minmax(0,1fr) max-content max-content;min-height:0}
.arena-view .number-tray,.arena-view .relations-area{flex:none;min-width:0}
.arena-view .number-instruction{flex-wrap:wrap;gap:4px 12px;line-height:1.5;margin:0 0 10px}
.arena-view .number-palette{position:relative}
.arena-view .play-stage{container-type:size;--clue-overhead:200px;--house-overhead:100px;--clue-height-cap:max(48px,calc((100cqh - var(--clue-overhead))/3));min-width:0;min-height:0}
.arena-view .player-panel .board-area{width:min(100%,calc(100cqh - var(--house-overhead)))}
.arena-view .player-panel .clue-matrix .all-clue-card{min-height:0}
.arena-view .player-panel .clue-matrix .all-clue-card .clue-grid{max-width:min(94%,var(--clue-height-cap))}
.arena-view .player-panel .clue-matrix .all-clue-card .no-clue{min-height:0;max-height:var(--clue-height-cap)}

/* A used number stays readable; a check mark records that it already has a room. */
.team-right{--team:#a95313}
.arena-view .number-choice{color:#183b42;opacity:1}
.arena-view .number-choice.selected{color:#fff}
.arena-view .number-choice.on-board:not(.selected){color:#183b42;background:#fffdf6;border-color:var(--team)}
.arena-view .number-choice.on-board::after{content:'✓';left:auto;right:3px;bottom:3px;width:13px;height:13px;display:grid;place-items:center;border-radius:50%;border:1px solid #17613c;background:#edf8ee;color:#17613c;font:900 10px/1 'Microsoft JhengHei',sans-serif;opacity:1}
.arena-view .room-number,.arena-view .player-finished .room-number{color:#183b42;background:#fffef8}
.arena-view .room.selected-number .room-number{color:#fff;background:var(--team)}
.arena-view .room.just-placed .room-number{animation:number-settle .16s ease-out}
@keyframes number-settle{from{transform:scale(.94)}to{transform:none}}
@media(min-width:1600px){.arena-view .play-stage{--clue-overhead:205px;--house-overhead:110px}}
@media(max-height:820px) and (min-width:1101px){.arena-view .play-stage{--clue-overhead:125px;--house-overhead:65px}.arena-view.single-mode .play-stage{--clue-overhead:135px}}

/* Short or narrow windows scroll naturally instead of compressing content into text. */
@media(max-width:1100px),(max-height:699px){
  .arena-view{height:auto;min-height:0}
  .arena-view .player-panel{min-height:0}
  .arena-view .player-content{grid-template-rows:auto auto auto;min-height:auto}
  .arena-view .play-stage{container-type:normal;min-height:auto}
  .arena-view .player-panel .board-area{width:100%}
  .arena-view .player-panel .clue-matrix .all-clue-card .clue-grid{max-width:94%}
  .arena-view .player-panel .clue-matrix .all-clue-card .no-clue{max-height:none}
}