/* Un même cadre pour la photo et la carte. */
.game-page{--game-media-height:clamp(330px,49vh,540px)}
.game-page .game-layout{align-items:stretch}
.game-page .game-photo-panel,.game-page .game-map-panel{display:flex;flex-direction:column}
.game-page .card-header{flex:0 0 46px}
.game-page .photo-viewport,.game-page .map{height:var(--game-media-height);min-height:var(--game-media-height);flex:0 0 var(--game-media-height)}
.game-page .game-map-panel .map-instructions{flex:1;padding:14px 12px;background:var(--cream)}
.game-page .photo-answer-banner{display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 28px);padding:9px 12px;text-align:left;white-space:normal}
.photo-answer-banner>span{display:grid;gap:3px;min-width:0}
.photo-answer-banner strong{font-family:'Space Grotesk',sans-serif;font-size:15px;line-height:1.2;overflow-wrap:anywhere}
.photo-answer-banner small{font-size:10px;font-weight:600;line-height:1.3}
.photo-answer-banner>.icon{flex-shrink:0}
.round-peer-results{margin:18px 0 0;gap:8px}
@media(max-width:850px){
.game-page{--game-media-height:clamp(200px,calc(100svh - 450px),480px)}
.game-page .card-header{flex-basis:38px}
.round-reveal .game-tabs{display:none}
.game-page.round-reveal .game-photo-panel,.game-page.round-reveal .game-map-panel{display:flex}
.game-page.round-reveal .game-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.game-page .photo-answer-banner{padding:7px 9px;gap:6px}
.photo-answer-banner strong{font-size:13px}
.photo-answer-banner small{font-size:9px}
}
@media(max-width:850px) and (max-height:600px){.game-page{--game-media-height:220px}}