/* Player questions share the available viewport; content scrolls inside the card. */
body:not(.obs-view) :is(.player-question-modal,.scavenger-riddle-modal-wrap:not(.host-play-screen)){
  padding:2vh 2vw;align-items:center;justify-content:center;overflow:hidden;
}
body:not(.obs-view) :where(.player-question-layout,.scavenger-riddle-modal-wrap:not(.host-play-screen) .scavenger-riddle-layout){
  width:96vw;height:96vh;height:96dvh;max-height:96dvh;
  grid-template-columns:minmax(0,1fr) clamp(180px,15vw,260px);gap:16px;align-items:stretch;
}
body:not(.obs-view) :where(.player-question-layout,.scavenger-riddle-modal-wrap:not(.host-play-screen) .scavenger-riddle-layout) > .question{
  width:auto;max-width:none;min-width:0;min-height:0;max-height:none;overflow:auto;
  padding:clamp(18px,2vw,32px);scrollbar-gutter:stable;overscroll-behavior:contain;
  display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;
}
body:not(.obs-view) :where(.player-question-layout,.scavenger-riddle-modal-wrap:not(.host-play-screen) .scavenger-riddle-layout) > .question > *{min-width:0;grid-column:1/-1;overflow-wrap:anywhere}
body:not(.obs-view) :where(.player-question-layout,.scavenger-riddle-modal-wrap:not(.host-play-screen) .scavenger-riddle-layout) .player-side-scoreboard{
  width:auto;min-height:0;max-height:100%;overflow:auto;overscroll-behavior:contain;
}
.player-question-layout > .question > .text{font-size:clamp(26px,2.7vw,48px);line-height:1.2;margin:10px 0 18px}
.player-question-layout > .question > :is(.response-own,.estimate-player-panel,.team-discussion-slot,.revealed-estimates,.response-teams,.geo-map-panel,.question-tips-player){margin:0}
.player-question-layout .team-discussion{margin:0;padding:14px;border:1px solid #365269;border-radius:12px;background:#0b2036}
.player-question-layout .discussion-log{max-height:28vh}
.player-question-layout .discussion-drafts{max-height:16vh;overflow:auto}
.player-question-layout .response-teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px}
.player-question-layout > .question > .video{width:100%;max-height:52vh;object-fit:contain;margin:0 auto}
.player-question-layout > .question > .audio{width:100%;margin:0}
.player-question-layout .geo-map-shell{height:48vh;min-height:260px;max-height:620px}
.player-question-layout .geo-map-toolbar{flex-wrap:wrap;gap:10px}
.player-question-layout .geo-map-zoom-controls{flex-wrap:wrap}
.player-question-layout .player-answer{margin:0;max-height:45vh;overflow:auto}
.scavenger-riddle-modal-wrap:not(.host-play-screen) .scavenger-riddle-text{font-size:clamp(24px,2.3vw,40px);margin:0;line-height:1.3}
.scavenger-riddle-modal-wrap:not(.host-play-screen) :is(.scavenger-geo-wrap,.scavenger-answer-upload){margin:0}
.scavenger-riddle-modal-wrap:not(.host-play-screen) .geo-map-shell{height:48vh;min-height:260px}
.scavenger-riddle-modal-wrap:not(.host-play-screen) .scavenger-answer-shot{max-height:24vh;object-fit:contain}
@media(min-width:1100px){
  body:not(.obs-view) .player-question-layout > .question:has(> .team-discussion-slot:not(:empty)){grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr)}
  .player-question-layout > .question:has(> .team-discussion-slot:not(:empty)) > .question-header{grid-row:1}
  .player-question-layout > .question:has(> .team-discussion-slot:not(:empty)) > .response-phase{grid-row:2}
  .player-question-layout > .question:has(> .team-discussion-slot:not(:empty)) > .text{grid-column:1;grid-row:2}
  .player-question-layout > .question:has(> .team-discussion-slot:not(:empty)) > :is(.response-own,.estimate-player-panel){grid-column:1;grid-row:3;align-self:start}
  .player-question-layout > .question:has(> .team-discussion-slot:not(:empty)) > .team-discussion-slot{grid-column:2;grid-row:2/4;align-self:start;display:block}
  body:not(.obs-view) .player-question-layout > .question:has(> .geo-map-panel):has(> .question-screenshot-gallery){grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
  .player-question-layout > .question:has(> .geo-map-panel) > .question-screenshot-gallery{grid-column:1;grid-row:3}
  .player-question-layout > .question:has(> .question-screenshot-gallery) > .geo-map-panel{grid-column:2;grid-row:3}
  body:not(.obs-view) .scavenger-riddle-modal-wrap:not(.host-play-screen) .scavenger-riddle-modal{grid-template-columns:minmax(0,1fr) minmax(260px,.45fr)}
  .scavenger-riddle-modal-wrap:not(.host-play-screen) .scavenger-riddle-modal > .scavenger-geo-wrap{grid-column:1}
  .scavenger-riddle-modal-wrap:not(.host-play-screen) .scavenger-riddle-modal > .scavenger-answer-upload{grid-column:2;align-self:start}
}
@media(max-width:900px){
  body:not(.obs-view) :where(.player-question-layout,.scavenger-riddle-modal-wrap:not(.host-play-screen) .scavenger-riddle-layout){grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:10px}
  body:not(.obs-view) :where(.player-question-layout,.scavenger-riddle-modal-wrap:not(.host-play-screen) .scavenger-riddle-layout) > .question{padding:18px 14px;border-radius:16px}
  body:not(.obs-view) :where(.player-question-layout,.scavenger-riddle-modal-wrap:not(.host-play-screen) .scavenger-riddle-layout) .player-side-scoreboard{max-height:140px;overflow:auto}
  body:not(.obs-view) :where(.player-question-layout,.scavenger-riddle-modal-wrap:not(.host-play-screen) .scavenger-riddle-layout) .player-side-scoreboard-list{display:flex;flex-direction:row;gap:8px}
  body:not(.obs-view) :where(.player-question-layout,.scavenger-riddle-modal-wrap:not(.host-play-screen) .scavenger-riddle-layout) .player-side-scoreboard .score{flex:0 0 160px}
  .player-question-layout > .question > .text{font-size:28px;margin:6px 0 12px}
  .player-question-layout .geo-map-shell,.scavenger-riddle-modal-wrap:not(.host-play-screen) .geo-map-shell{height:40vh;min-height:240px}
}

body:not(.obs-view) :where(.player-question-layout,.scavenger-riddle-modal-wrap:not(.host-play-screen)) .question-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:0;padding:0;text-align:left}
body:not(.obs-view) :where(.player-question-layout,.scavenger-riddle-modal-wrap:not(.host-play-screen)) .question-header .points{padding:0;text-align:left}
body:not(.obs-view) .player-question-layout .question-timer-wrap{position:static;flex:0 0 auto}
@media(min-width:1100px){
.player-question-layout > .question:has(> .response-phase):has(> .team-discussion-slot:not(:empty)) > .text{grid-row:3}
.player-question-layout > .question:has(> .response-phase):has(> .team-discussion-slot:not(:empty)) > .response-own{grid-row:4}
.player-question-layout > .question:has(> .response-phase):has(> .team-discussion-slot:not(:empty)) > .team-discussion-slot{grid-row:3/5}
}