/* Playable screens only. Approved picture templates are intentionally untouched. */
#appbar .mini-brand{font-size:clamp(12px,2vw,18px);gap:5px;min-width:0}
#appbar .piece-logo{display:none}
.game-close-button,.game-new-button{background:#073959;color:white;border:1px solid #65c8e5;border-radius:9px;padding:6px 8px;font-size:11px;cursor:pointer}
.game-metrics{display:flex;align-items:center;justify-content:space-evenly;gap:22px;border:1px solid #3aaacf;border-radius:18px;background:#062e4e;padding:8px 22px;min-width:210px}
.game-metrics>div{display:flex;align-items:center;gap:10px}
.game-metrics small{font-size:clamp(15px,2vw,21px);font-weight:700}
.game-metrics strong{font-size:clamp(23px,3vw,32px);font-variant-numeric:tabular-nums}
#screen-game .game-top{justify-content:space-between;gap:8px}
#screen-game .game-side{justify-content:flex-start!important;gap:8px!important}
#screen-game .game-side .clue-box{flex:1 1 auto!important;min-height:0!important;overflow:auto}
#screen-game .game-side .game-controls{margin-top:0!important;flex:0 0 auto!important;position:relative}
#screen-game .game-controls .status-line{text-align:center!important;font-size:15px}
#screen-game .game-side .mini-scoreboard{flex:0 1 auto}
.previous-clues{margin-top:10px;border-top:1px solid #3683a1;padding-top:7px}
.previous-clues summary{font-size:13px;font-weight:700;cursor:pointer}
.previous-clues ol{font-size:14px;line-height:1.35;margin:7px 0 0;padding-left:24px}
.previous-clues li{margin-bottom:6px}
.give-up-tip{display:none;position:absolute;bottom:64px;left:10px;right:10px;background:#082a44;border:1px solid #84d9ee;padding:10px;border-radius:9px;font-size:13px;z-index:3;text-align:center}
.game-controls:has(#dontKnowBtn:hover) .give-up-tip,.game-controls:has(#dontKnowBtn:focus-visible) .give-up-tip{display:block}
.player-details-card h2{font-size:23px}
.player-details-card input,.game-count-input,#teamGameCount{font-size:18px}
#screen-round .result-icon,#screen-final .trophy{font-size:45px;margin:8px}
#screen-round .result-title,#screen-final .result-title{font-size:clamp(24px,4vw,36px);margin:8px 0}
#screen-round .result-grid{margin:12px 0}
@media(orientation:portrait){
 #appbar{gap:4px;padding-inline:8px}
 #appbar .icon-button{width:30px;min-width:30px}
 #appbar .mini-brand{font-size:12px}
 .game-close-button{max-width:80px;font-size:10px;padding:4px}
 .game-new-button{font-size:10px;padding:4px}
 #screen-game.active{grid-template-rows:auto auto minmax(0,34dvh) auto minmax(0,1fr)!important}
 .game-metrics{gap:15px;min-width:0;padding:7px 11px;flex:1}
 .game-metrics>div{gap:6px}
 .game-metrics small{font-size:15px}
 .game-metrics strong{font-size:23px}
 #screen-game .round-chip{font-size:12px;padding:6px}
 #screen-game .clue-copy{font-size:16px}
 #screen-game .previous-clues{margin-top:6px;padding-top:5px}
 #screen-game .game-controls .status-line{font-size:13px}
}
@media(orientation:landscape) and (max-height:450px){
 #screen-game .screen-kicker{display:none}
 #screen-game.active{grid-template-rows:0 auto minmax(0,1fr) auto!important;row-gap:3px}
 #screen-game .clue-copy{font-size:17px}
 #screen-game .game-side .clue-box{padding:8px}
 #screen-game .game-controls{padding:7px;gap:4px}
 #screen-game .game-action-row .buzz-button,#screen-game .game-action-row .dont-know-button{height:42px}
 #screen-round.active,#screen-final.active{overflow:auto!important;padding-block:8px}
 #screen-round .result-icon,#screen-final .trophy{font-size:28px;margin:0}
 #screen-round .result-grid{margin:6px 0}
 #screen-round .player-list,#screen-final .player-list{max-height:70px;overflow:auto}
 #screen-round .primary-action,#screen-final .primary-action{height:42px;margin:7px auto}
}
#screen-game .game-top{display:flex;align-items:center}
#screen-game .puzzle-stage{max-height:100%;height:100%;width:auto;max-width:100%;aspect-ratio:1;margin:0 auto}
@media(orientation:portrait){
 #screen-game .game-top{grid-area:top}
 #screen-game .screen-kicker{grid-area:kicker}
 #screen-game .puzzle-stage{width:min(100%,34dvh);height:auto;max-height:34dvh}
}
#screen-game .game-action-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,1.7fr);gap:8px;grid-template-areas:none}
#screen-game .game-action-row>*{grid-area:auto;margin:0;min-width:0}
#screen-game .game-action-row .buzz-button{width:100%}
/* Additional game-screen corrections: centered header and compact result cards. */
#appbar{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;padding-inline:12px}
#appbar .mini-brand{justify-self:center;display:flex;align-items:center;justify-content:center;font-size:clamp(13px,2vw,19px);text-align:center;font-weight:800}
#appbar .piece-logo{display:inline-block;font-size:24px;flex:0 0 auto}
#appbar #homeBtn{justify-self:start}
#appbar #settingsBtn{justify-self:end}
.game-bottom-actions{display:flex;justify-content:center;align-items:center;gap:10px;min-height:36px;flex:0 0 auto}
.game-bottom-actions:empty{display:none}
.game-bottom-actions #gameActions{display:contents}
.game-bottom-actions #gameActions.hidden{display:none}
.game-new-button,.game-close-button{height:36px;max-width:none!important;padding:6px 18px;font-size:13px;border-radius:10px;background:linear-gradient(#0d567c,#07344e);border-color:#46a5c3}
#playBottomActions{margin-top:2px}
#screen-round.active,#screen-final.active{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100dvh - 58px);min-height:0;padding:12px 18px 18px;overflow:hidden!important;gap:8px}
#screen-round>* ,#screen-final>*{flex:0 0 auto;width:min(100%,760px)}
#screen-round .result-title,#screen-final .result-title{font-size:clamp(24px,4vw,34px);margin:0;text-align:center}
#screen-round .result-icon,#screen-final .trophy{font-size:34px;text-align:center;margin:0;line-height:1.1}
#screen-round .winner-line,#screen-final .winner-line{margin:0;font-size:14px}
#screen-round .round-answer{margin:0;font-size:17px}
.last-game-results{border:1px solid #3285a8;border-radius:16px;padding:8px 12px 12px;margin:0;background:#062d49}
.last-game-results legend{padding:0 10px;color:#8bdef4;font-size:15px;font-weight:800;text-align:center}
#screen-round .result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:8px}
#screen-round .result-grid>div{padding:10px 6px;background:#0b3a58;border-radius:10px}
#screen-round .result-grid strong{font-size:25px}
#screen-round .result-grid span{font-size:13px}
.player-total-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.player-total-grid>div{background:#0b3a58;border:1px solid #276784;border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}
.player-total-grid span{font-size:13px;color:#bfe4f1}
.player-total-grid strong{font-size:21px;overflow-wrap:anywhere}
#screen-round #roundScores,#screen-final #finalScores{max-height:16dvh;overflow:auto;flex:0 1 auto}
#screen-round #nextRoundBtn,#screen-final #rematchBtn{width:min(100%,330px);height:44px;min-height:44px;margin:0;border-radius:12px;font-size:16px}
#screen-round #roundWaiting{margin:0}
.session-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:4px 0}
.session-summary>div{background:#0b3a58;border:1px solid #276784;border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}
.session-summary strong{font-size:24px;color:#ffe34f}
.session-summary span{font-size:13px;color:#c4e6f3}
.voice-commands-note{text-align:center;font-size:12px;color:#bfe4f1;margin-bottom:10px}
@media(orientation:landscape){
 #screen-round.active,#screen-final.active{height:calc(100dvh - 52px)}
}
@media(orientation:landscape) and (max-height:450px){
 #screen-round.active,#screen-final.active{gap:4px;padding:6px 18px 10px;justify-content:center}
 #screen-round .result-icon,#screen-final .trophy{display:none}
 #screen-round .result-title,#screen-final .result-title{font-size:23px}
 #screen-round .winner-line,#screen-final .winner-line,#screen-round .round-answer{font-size:12px}
 .last-game-results{padding:4px 8px 6px}
 .last-game-results legend{font-size:12px}
 #screen-round .result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 #screen-round .result-grid>div{padding:6px 3px}
 #screen-round .result-grid strong{font-size:21px}
 #screen-round .result-grid span{font-size:11px}
 .player-total-grid>div{padding:5px;flex-direction:row;justify-content:center;gap:12px}
 .player-total-grid strong{font-size:17px}
 #screen-round #nextRoundBtn,#screen-final #rematchBtn{height:36px;min-height:36px;font-size:14px}
 .game-bottom-actions{min-height:32px}
 .game-new-button,.game-close-button{height:32px;font-size:12px;padding:4px 14px}
 .session-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:2px 0}
 .session-summary>div{padding:7px 4px}
 .session-summary strong{font-size:21px}
 .session-summary span{font-size:11px}
 .answer-card{max-width:540px;padding:12px 18px}
 .answer-card .answer-top h2{font-size:19px}
 .answer-card .mic-button{width:64px;height:64px;font-size:11px}
 .answer-card .or-line{margin:3px}
 .answer-card .timer-pause-note{margin-bottom:5px}
 .answer-card .voice-commands-note{margin-bottom:4px}
 .answer-card input{height:40px;margin-bottom:6px}
 .answer-card .primary-action{height:38px;font-size:15px}
}
#appbar .piece-logo svg{display:block;width:26px;height:26px}
.result-cup{display:block;width:36px;height:36px;margin:0 auto}