/* Phone and tablet workspace: one question, one scroll area, no video. */
@media(max-width:899px){
 body{background:#091e31}
 .stage-atmosphere{display:none}
 .topbar{padding:10px 14px;gap:9px;min-height:0;box-shadow:none}
 .brand-logo{width:145px;height:40px}
 .top-actions{gap:6px}.top-actions .quiet{min-height:40px;font-size:.7rem;padding:8px 10px}
 .top-actions .icon-btn{width:36px;height:40px}
 .show-controls{padding-top:8px;gap:4px}.show-controls>.button-row{width:100%;justify-content:space-between}
 .show-toggle{min-height:38px;font-size:.72rem;padding:7px 10px}
 .sound-status:empty{display:none}
 main{padding:16px 14px 20px;min-height:0}
 .game-header{gap:10px;margin-bottom:12px}.game-header h1{font-size:1.4rem}.game-header p{font-size:.72rem}
 .game-header>.button-row{gap:7px}.game-header .outline{min-height:40px}
 .game-layout{display:block}
 .turn-banner{min-height:40px;font-size:.78rem;margin-bottom:9px;padding:9px 11px}
 .scorebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:7px;margin-bottom:12px}
 .score{display:block;min-height:65px;padding:9px 10px;border-radius:9px}
 .score span{display:block;font-size:.68rem;line-height:1.35}.score strong{display:block;font-size:1.35rem;margin-top:3px}
 .score.active-team span:after{display:none}
 .mobile-categories{display:block;margin:10px 0}.mobile-categories>span{font-size:.72rem;margin-bottom:5px}
 .mobile-categories select{background:#133650;border:1px solid #4c6b82;color:#edf6fd;min-height:46px;font-size:1rem;padding:10px 12px}
 .game-board{grid-template-columns:1fr;padding:8px;border:1px solid #3a5970;border-radius:11px;box-shadow:none}
 .game-board:before,.game-board:after{display:none}
 .category{display:none}.category.mobile-active{display:grid;grid-template-rows:36px repeat(5,54px);gap:7px}
 .category-head{min-height:36px;font-size:.72rem;border:0;background:none;margin:0}
 .tile{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;font-size:1.65rem;border-radius:7px;background:linear-gradient(120deg,#1b547b,#143b59);box-shadow:none;text-shadow:none}
 .tile:not(.used):after{content:'Choose';font-size:.73rem;font-weight:600;letter-spacing:0;color:#c5ddeb}
 .tile.used{justify-content:center}.tile:before{display:none}
 .board-bottom{display:flex;align-items:stretch;flex-direction:column;gap:10px;margin-top:12px;font-size:.72rem}
 .board-bottom>.button-row{display:grid;grid-template-columns:1fr 1.5fr;gap:8px}
 .board-bottom .outline,.board-bottom .primary{min-height:44px;margin:0;padding:9px;font-size:.75rem}
 .round-feedback{padding:10px;font-size:.75rem;margin-bottom:10px}
 body[data-screen="board"].music-enabled:not(.question-open){padding-bottom:0}
 body[data-screen="board"] .game-side{position:static;inset:auto;width:240px;max-width:100%;margin:24px auto 0;z-index:auto;clear:both}
 .game-side .fixed-track{width:240px;max-width:100%;padding:8px;border-radius:10px;box-shadow:0 6px 25px #0005}
 .game-side .fixed-track-heading{font-size:.52rem;margin-bottom:6px}
 body:not(.music-enabled) .game-side{display:none}
 body.question-open{overflow:hidden;padding-bottom:0}
 body.question-open .topbar,body.question-open .game-side,body.question-open footer,body.question-open .skip{display:none!important}
 #modal.question-stage{inset:0;margin:0;width:100%;max-width:none!important;height:100dvh;max-height:100dvh;border:0;border-radius:0;box-shadow:none;overflow:hidden;background:#102e48;color:#f1f7fc;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}
 #modal.question-stage[open]{display:flex;flex-direction:column}
 #modal.question-stage .modal-head{position:static;flex:0 0 auto;padding:14px 16px;background:#0b2237;border-bottom:1px solid #385a74;min-height:62px}
 #modal.question-stage .modal-head h2{font-size:1rem;line-height:1.4;letter-spacing:-.02em;color:#ffe39a}
 #modal.question-stage .modal-close{width:42px;height:42px;background:#23445f;color:#fff;font-size:1.6rem}
 #modal.question-stage .modal-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:18px 16px 24px;display:block}
 #modal.question-stage .question-sound{display:none}
 #modal.question-stage .clue-meta{margin:0 0 12px;font-size:.79rem;align-items:center}
 #modal.question-stage .pill{font-size:.66rem;padding:6px 8px}
 #modal.question-stage .clue-question{text-align:left;font-size:clamp(1.25rem,5vw,1.6rem);line-height:1.4;margin:0;padding:8px 0 12px;text-shadow:none;font-weight:700}
 #modal.question-stage .choices{margin:12px 0 16px;gap:10px}
 #modal.question-stage .choice{min-height:60px;padding:12px;gap:12px;font-size:1rem;line-height:1.4;border:1px solid #54748e;border-radius:10px;background:#183e5b;box-shadow:none}
 #modal.question-stage .choice b{width:34px;min-width:34px;text-align:center;padding:5px 0;border-radius:7px}
 #modal.question-stage .clue-actions{gap:8px;margin-top:12px}
 #modal.question-stage .clue-actions button{min-height:44px;font-size:.78rem;padding:10px 12px;box-shadow:none}
 #modal.question-stage #reveal-row{margin-top:18px;gap:10px}
 #modal.question-stage .auto-score-note{width:100%;flex:auto;font-size:.72rem;line-height:1.5}
 #modal.question-stage #skip-clue{min-height:44px;width:100%;font-size:.82rem}
 #modal.question-stage .answer-box{margin:16px 0;padding:15px}
 #modal.question-stage .award .button-row>*{min-height:46px}
 #modal.question-stage #timer-note:empty{display:none}
 #toast{top:calc(10px + env(safe-area-inset-top,0px));bottom:auto;max-width:calc(100% - 28px);width:max-content;font-size:.8rem;line-height:1.5;pointer-events:none}
 body.question-open #toast{top:calc(72px + env(safe-area-inset-top,0px));bottom:auto}
 .intro-row{padding:22px 18px}.intro-row h1{font-size:2.35rem}.intro-row .eyebrow{font-size:.5rem}
 .tracks{gap:9px}.track{min-height:112px;padding:12px}.track strong{font-size:.8rem}.track small{font-size:.72rem}
 .panel{padding:16px}.team-inputs input,.field input,.field select,.field textarea{font-size:16px}
 footer{padding:15px 14px;font-size:.65rem;line-height:1.5}
}
@media(max-width:360px){.topbar{padding:8px 10px}.brand-logo{width:126px;height:36px}.top-actions .quiet{font-size:.65rem;padding:8px}.top-actions .icon-btn{width:32px}.header-volume input{width:45px}.show-toggle{padding:7px;font-size:.68rem}}
@media(max-width:899px) and (max-height:480px){body[data-screen="board"].music-enabled:not(.question-open){padding-bottom:0}#modal.question-stage .modal-head{min-height:52px;padding:8px 14px}#modal.question-stage .modal-body{padding-top:12px}}
@media print{.game-side{display:none!important}body[data-screen="board"].music-enabled{padding-bottom:0}}