/* One fixed central canvas. Before reveal, the question owns it; on reveal, the answer opens inside it. */
#gameView{padding:12px!important}
#gameView .route-banner{height:74px!important;min-height:74px!important;max-height:74px!important;padding:10px 14px!important}
#gameView .game-grid{margin-top:12px!important;gap:18px!important}
#gameView .stage:not(:has(.final-splash)){height:608px!important;min-height:608px!important;max-height:608px!important;grid-template-columns:minmax(0,1fr) 184px!important;grid-template-areas:"rail timer" "question controls" "answer controls" "hint controls"!important;grid-template-rows:58px 310px 170px 40px!important;gap:10px 18px!important}
.question-rail{height:58px!important;min-height:58px!important;max-height:58px!important}
.question-rail #activePlayerLabel{height:58px!important;font-size:.92rem!important}
#gameView .stage:not(:has(.final-splash)) article#questionText{height:310px!important;min-height:310px!important;max-height:310px!important;margin:0!important;padding:18px 26px!important;border-radius:14px 14px 0 0!important;overflow:hidden!important;box-shadow:none!important}
#gameView .stage:not(:has(.final-splash)) #answerReveal{height:170px!important;min-height:170px!important;max-height:170px!important;margin:0!important;padding:14px 20px!important;border:1px solid #d9d2c3!important;border-top:1px solid #bfd0c5!important;border-left:7px solid #0d805d!important;border-radius:0 0 14px 14px!important;overflow:auto!important;box-shadow:none!important}
#gameView .stage:not(:has(.final-splash)):has(#answerReveal.hidden) article#questionText{grid-column:1!important;grid-row:2 / 4!important;height:490px!important;min-height:490px!important;max-height:490px!important;border-radius:14px!important}
#gameView #questionText:has(.question-media){gap:26px!important;font-size:clamp(1.08rem,1.6vw,1.7rem)!important}
#gameView #questionText:has(.question-media) .question-copy{max-height:438px!important}
#gameView .question-media{max-height:430px!important}
#gameView .answer-media{max-height:122px!important;margin:8px auto 0!important}
#gameView .timer{height:58px!important;min-height:58px!important;margin:0!important;padding:0!important;justify-content:center!important;overflow:visible!important}
#gameView .timer #timerButton{width:58px!important;height:58px!important;margin:0!important}
#gameView .time-adjust{display:none!important}
#gameView #gameControls{height:540px!important;min-height:540px!important;margin:0!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(5,minmax(0,1fr))!important;gap:14px!important;align-content:stretch!important}
#gameView #gameControls button{grid-column:1!important;grid-row:auto!important;width:100%;min-height:0!important;padding:12px 8px!important;border-radius:11px!important;font-size:.8rem!important;line-height:1.15!important}
#gameView #undoButton{background:#fff!important;color:#171717!important;border:2px solid #171717!important;font-weight:900!important}
#gameView .hint{height:40px!important;min-height:40px!important;margin:0!important;overflow:hidden!important}
#gameView .media-lightbox-image{width:92vw!important;height:88vh!important;max-width:92vw!important;max-height:88vh!important;object-fit:contain!important}
@media(max-width:850px){#gameView .stage:not(:has(.final-splash)){height:758px!important;min-height:758px!important;max-height:758px!important;grid-template-columns:minmax(0,1fr) 142px!important;grid-template-rows:58px 400px 220px 40px!important}#gameView .stage:not(:has(.final-splash)):has(#answerReveal.hidden) article#questionText{height:630px!important;min-height:630px!important;max-height:630px!important}#gameView .stage:not(:has(.final-splash)) article#questionText{height:400px!important;min-height:400px!important;max-height:400px!important}#gameView .stage:not(:has(.final-splash)) #answerReveal{height:220px!important;min-height:220px!important;max-height:220px!important}#gameView #gameControls{height:690px!important;min-height:690px!important}#gameView .question-media{max-height:560px!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:58px 58px 300px 170px 200px 34px!important}#gameView .stage:not(:has(.final-splash)):has(#answerReveal.hidden) article#questionText{grid-row:3 / 5!important;height:480px!important;min-height:480px!important;max-height:480px!important}#gameView .timer{justify-content:flex-start!important}#gameView #gameControls{height:200px!important;min-height:200px!important;grid-template-columns:1fr 1fr!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:8px!important}#gameView #gameControls button{grid-column:auto!important}#gameView .question-media{max-height:210px!important}}