/* Approved large-screen layout. Phones and navigation keep their original size. */
html[data-screen-size="large"] { --primary-button-height: calc(76px * var(--screen-scale)); }
html[data-screen-size="large"] .full-game { max-width: calc(1060px * var(--screen-scale)); }
html[data-screen-size="large"] body[data-view="match"] .full-game { height: min(100dvh, calc(700px * var(--screen-scale))); }
html[data-screen-size="large"] .score-chip { min-width: calc(112px * var(--screen-scale)); max-width: calc(180px * var(--screen-scale)); grid-template-columns: calc(32px * var(--screen-scale)) minmax(0, 1fr); padding: calc(11px * var(--screen-scale)) calc(12px * var(--screen-scale)); }
html[data-screen-size="large"] .score-avatar { font-size: calc(27px * var(--screen-scale)); }
html[data-screen-size="large"] .score-name { font-size: calc(14px * var(--screen-scale)); max-width: calc(114px * var(--screen-scale)); }
html[data-screen-size="large"] .score-lives, html[data-screen-size="large"] .match-details .muted { font-size: calc(12px * var(--screen-scale)); }
html[data-screen-size="large"] .match-bar :is(.count-pill, .eyebrow) { font-size: calc(12px * var(--screen-scale)); }
html[data-screen-size="large"] #round-button { width: min(100%, calc(351px * var(--screen-scale))); max-width: calc(351px * var(--screen-scale)); font-size: calc(20px * var(--screen-scale)); }
html[data-screen-size="large"] .draw-button { min-height: calc(48px * var(--screen-scale)); height: auto; font-size: calc(15px * var(--screen-scale)); padding: calc(12px * var(--screen-scale)) calc(19px * var(--screen-scale)); }
html[data-screen-size="large"] body[data-view="match"] #round-note { font-size: calc(12px * var(--screen-scale)); line-height: 1.4; }
@media (orientation: landscape) {
  html[data-screen-size="large"] body[data-view="match"] .round-view {
    --round-art-size: min(calc((100cqw - 36px) / 2.2), calc(100cqh - 68px - var(--primary-button-height)), calc(390px * var(--screen-scale)));
    --wide-question-font: calc(44px * var(--screen-scale));
  }
  html[data-screen-size="large"] body[data-view="match"] .scoreboard { --score-outer: max(0px, calc((100vw - 1060px * var(--screen-scale)) / 2)); }
}
@media (orientation: portrait) {
  html[data-screen-size="large"] body[data-view="match"] .full-game { max-width: calc(800px * var(--screen-scale)); height: min(100dvh, calc(1000px * var(--screen-scale))); }
  html[data-screen-size="large"] .question { font-size: calc(40px * var(--screen-scale)); }
  html[data-screen-size="large"] .timer-side .potato { font-size: calc(253px * var(--screen-scale)); }
  html[data-screen-size="large"] .round-view { grid-template-rows: minmax(180px, 1fr) 54px minmax(170px, 1.6fr) var(--primary-button-height) 40px; }
}
/* Setup gets the same readable type scale, not oversized navigation icons. */
html[data-screen-size="large"] .setup-heading h1 { font-size: calc(50px * var(--screen-scale)); }
html[data-screen-size="large"] .setup-start { max-width: calc(405px * var(--screen-scale)); font-size: calc(24px * var(--screen-scale)); }
html[data-screen-size="large"] .setup-panel h2 { font-size: calc(21px * var(--screen-scale)); }
html[data-screen-size="large"] .section-note, html[data-screen-size="large"] .rules-strip p { font-size: calc(14px * var(--screen-scale)); }
html[data-screen-size="large"] .pool-title, html[data-screen-size="large"] .player-row input { font-size: calc(16px * var(--screen-scale)); }
html[data-screen-size="large"] .pool-description { font-size: calc(13px * var(--screen-scale)); }
html[data-screen-size="large"] .pool-choice { padding: calc(12px * var(--screen-scale)) calc(13px * var(--screen-scale)); }
html[data-screen-size="large"] .avatar-button { font-size: calc(29px * var(--screen-scale)); }
html[data-screen-size="large"] .install-panel h2 { font-size: calc(18px * var(--screen-scale)); }
html[data-screen-size="large"] .install-panel p { font-size: calc(14px * var(--screen-scale)); }