/* Alpha 0.3.9: show controls beside the question, readable feedback and paged boards. */
.host-live-grid { grid-template-columns:minmax(0,1.7fr) minmax(340px,1fr); align-items:start; }
.host-question-card { min-width:0; }
.host-control-column { min-width:0; }
.host-live-actions { position:static; margin:0; padding:16px; box-shadow:none; }
.host-control-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; align-items:stretch; }
.host-control-grid .btn { width:100%; min-height:50px; padding:10px 8px; font-size:14px; line-height:1.25; white-space:normal; }
.host-control-grid > .primary,.host-control-grid > .ranking-host-status,.host-control-grid > span { grid-column:1/-1; }
.host-control-grid .btn:only-child { grid-column:1/-1; }
.host-media-controls,.host-leaderboard-controls { border-top:1px solid var(--line); margin-top:14px; padding-top:12px; }
.host-media-controls .controls,.host-leaderboard-controls .controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.host-media-controls .btn,.host-leaderboard-controls .btn { font-size:13px; min-height:42px; }
.host-media-controls .phase { margin-bottom:5px; }
.option { align-items:center; }
.option-answer-main { min-width:0; flex:1 1 0; }
.option-status { flex:0 1 auto; margin:0 0 0 auto; max-width:42%; min-width:0; text-align:right; font-size:14px; font-weight:850; line-height:1.25; white-space:normal; overflow-wrap:normal; }
.option.incorrect { color:var(--text); }
.presentation .option-status { font-size:clamp(20px,2.5vh,34px); max-width:42%; }
.player-shell .option-status { font-size:12px; max-width:42%; }
.player-shell .option { align-items:center; gap:9px; }
.leaderboard-page-label { font-size:clamp(17px,2.2vh,29px); font-weight:750; text-align:center; margin-top:14px; color:var(--muted); font-variant-numeric:tabular-nums; }
.media-status { font-size:13px; color:var(--muted); line-height:1.3; margin:5px 0; }
.presentation .media-status { font-size:clamp(17px,2.2vh,29px); }
.managed-question-media video,.break-media video { max-width:100%; max-height:30vh; object-fit:contain; border-radius:12px; display:block; margin:auto; }
.player-shell .managed-question-media video { max-height:25vh; max-height:25dvh; }
.managed-question-media audio,.break-media audio,.show-music-output { display:none; }
.practice-banner { border:1px solid #c5a765; background:#342c1e; color:#fff0c5; padding:8px 12px; border-radius:9px; font-size:13px; margin:8px 0 12px; }
.presentation .practice-banner { font-size:clamp(15px,1.8vh,24px); }
.player-shell .practice-banner { font-size:11px; padding:5px 8px; margin:0 0 9px; }
.practice-count-label { max-width:340px; margin-bottom:12px; }
.sound-desk-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.sound-desk-grid .btn { min-height:44px; }
.host-control-column details>summary { cursor:pointer; }
.host-question-card .option { padding:12px; font-size:20px; }
.host-question-card .question { font-size:clamp(26px,2.8vw,40px); }
@media (max-width:950px) {
  .host-live-grid { grid-template-columns:minmax(0,1fr); }
  .host-control-column { display:contents; }
  .host-live-actions { grid-row:1; }
  .host-question-card { grid-row:2; }
}
@media (max-width:380px) {
  .player-shell .option-status { font-size:11px; max-width:44%; }
  .player-shell .option { padding:9px 7px; gap:7px; }
}