/* v3.2.44 — desktop spatial utilization only. Mobile remains owned by fbrkha.css. */
@media (min-width: 901px) {
  body.game-active .app-shell {
    width: min(1720px, calc(100vw - 32px)) !important;
    max-width: 1720px !important;
    margin-inline: auto !important;
  }

  body.game-active.host-active .game-shell,
  body.game-active.host-active .game-shell.wide {
    width: min(1720px, calc(100vw - 40px)) !important;
    max-width: 1720px !important;
    margin-inline: auto !important;
  }

  body.game-active.host-active .question-stage,
  body.game-active.host-active .host-voting-content,
  body.game-active.host-active .host-voting-question {
    width: min(1540px, 100%) !important;
    margin-inline: auto !important;
    padding-inline: clamp(28px, 5vw, 96px) !important;
  }

  body.game-active.host-active .question-stage,
  body.game-active.host-active .host-voting-content {
    min-height: clamp(260px, 42dvh, 560px) !important;
    flex: 1 1 auto !important;
    justify-content: center !important;
  }

  body.game-active .ranking-stage {
    width: min(1440px, calc(100vw - 64px)) !important;
    min-height: min(72dvh, 760px) !important;
    margin-inline: auto !important;
    padding-inline: clamp(30px, 5vw, 88px) !important;
  }

  body.game-active .ranking-list,
  body.game-active .scoreboard-card {
    width: min(1200px, 100%) !important;
    max-width: 1200px !important;
    margin-inline: auto !important;
  }

  body.game-active .final-score-stage,
  body.game-active .final-podium-stage,
  body.game-active .awards-page,
  body.game-active .share-summary-stage {
    width: min(1440px, calc(100vw - 64px)) !important;
    max-width: 1440px !important;
    min-height: min(74dvh, 800px) !important;
    margin: 12px auto max(24px, var(--fbrkha-host-toolbar-reserve, 104px)) !important;
    padding-inline: clamp(28px, 4.5vw, 80px) !important;
  }

  body.game-active .final-scoreboard,
  body.game-active .podium-grid {
    width: min(1200px, 100%) !important;
    max-width: 1200px !important;
  }
}

/* Preserve the proven short-desktop geometry: wide compositions must not push player rows into the fixed host toolbar. */
@media (min-width: 901px) and (max-height: 900px) {
  body.game-active.host-active .question-stage,
  body.game-active.host-active .host-voting-content {
    min-height: 0 !important;
    flex: 0 0 auto !important;
  }
}

@media (min-width: 901px) and (min-height: 901px) {
  body.game-active.host-active .question-stage h1,
  body.game-active.host-active .host-voting-question h1 {
    max-width: 1320px !important;
    font-size: clamp(34px, min(4.4vw, 6vh), 72px) !important;
    line-height: 1.3 !important;
  }
}