/* Moderator layout: permanent scorecard left, broad game canvas centre, controls right. */
#gameView .stage:not(:has(.final-splash)){height:618px!important;min-height:618px!important;max-height:618px!important;grid-template-columns:minmax(0,1fr) 172px!important;grid-template-areas:"rail timer" "question controls" "answer controls" "hint controls"!important;grid-template-rows:64px 300px 130px 64px!important;gap:10px 16px!important;align-items:stretch!important}
#gameView .stage:not(:has(.final-splash))>.meta{display:none!important}
.question-rail{height:64px!important;min-height:64px!important;max-height:64px!important}
#gameView .stage:not(:has(.final-splash)) article#questionText{height:300px!important;min-height:300px!important;max-height:300px!important;padding:20px 26px!important;overflow:hidden!important}
#gameView #questionText:has(.question-media){font-size:clamp(1.05rem,1.55vw,1.6rem)!important}
#gameView #questionText:has(.question-media) .question-copy{max-height:258px!important}
#gameView .question-media{max-height:260px!important}
#gameView .stage:not(:has(.final-splash)) #answerReveal{height:130px!important;min-height:130px!important;max-height:130px!important;margin:0!important;overflow:auto!important}
#gameView .answer-media{max-height:96px!important}
#gameView .timer{height:64px!important;min-height:64px!important;margin:0!important;padding:0!important;justify-content:center!important;overflow:visible!important}
#gameView .timer #timerButton{width:64px!important;height:64px!important;margin:0!important}
#gameView .timer #timerDisplay{font-size:1.35rem!important}
#gameView .time-adjust{display:none!important}
#gameView #gameControls{height:514px!important;min-height:514px!important;margin:0!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;gap:10px!important;align-content:stretch!important}
#gameView #gameControls button{grid-column:1!important;grid-row:auto!important;width:100%;min-height:0!important;padding:12px 7px!important;font-size:.78rem!important}
#gameView .hint{height:64px!important;min-height:64px!important;margin:0!important;overflow:hidden!important}
@media(max-width:850px){#gameView .stage:not(:has(.final-splash)){height:744px!important;min-height:744px!important;max-height:744px!important;grid-template-columns:minmax(0,1fr) 132px!important;grid-template-rows:64px 350px 160px 64px!important;gap:10px!important}#gameView .stage:not(:has(.final-splash)) article#questionText{height:350px!important;min-height:350px!important;max-height:350px!important}#gameView .stage:not(:has(.final-splash)) #answerReveal{height:160px!important;min-height:160px!important;max-height:160px!important}#gameView #gameControls{height:604px!important;min-height:604px!important}#gameView .question-media{max-height:290px!important}}
@media(max-width:620px){#gameView .stage:not(:has(.final-splash)){height:820px!important;min-height:820px!important;max-height:820px!important;grid-template-columns:1fr!important;grid-template-areas:"rail" "timer" "question" "answer" "controls" "hint"!important;grid-template-rows:64px 64px 280px 140px 220px 20px!important}#gameView .timer{justify-content:flex-start!important}#gameView #gameControls{height:220px!important;min-height:220px!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important}#gameView #gameControls button{grid-column:auto!important}#gameView #questionText:has(.question-media){flex-direction:column!important}#gameView .question-media{max-width:100%!important;max-height:150px!important}}