/*
 * Landscape TV layout.
 * Scales proportionally for 16:9 Full HD (1920 x 1080) and 4K (3840 x 2160).
 * Ranking data, card order and the mobile layout are unchanged.
 */

@media (min-width: 1100px) and (min-aspect-ratio: 8 / 5) {
  html,
  body {
    height: 100%;
    overflow: hidden;
  }

  .screen {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    width: 100vw;
    height: 100vh;
    min-height: 100vh;
    padding: 2.2vh 4.2vw 1.8vh;
  }

  .topbar {
    min-height: 10.5vh;
    padding-bottom: 1vh;
  }

  .brand-logo-frame {
    left: 0;
    width: 14vw;
    height: 9vh;
  }

  .dartslive-logo-frame {
    width: 18vw;
  }

  .live-status {
    gap: 0.55vw;
    padding: 0.55vw 0.8vw;
    font-size: 0.78vw;
  }

  .live-dot {
    width: 0.64vw;
    height: 0.64vw;
  }

  .hero {
    margin: 1.6vh auto 2.2vh;
  }

  .eyebrow {
    margin-bottom: 0.7vh;
    font-size: 0.82vw;
  }

  h1 {
    font-size: 3.65vw;
  }

  .week-range {
    margin-top: 1.1vh;
    font-size: 0.9vw;
  }

  .ranking-content {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: 89vw;
    height: 100%;
    min-height: 0;
  }

  .podium {
    gap: 1.15vw;
  }

  .podium-card {
    min-height: 20vh;
    padding: 1.4vw;
    border-radius: 1vw;
  }

  .podium-card.first {
    min-height: 23vh;
    transform: translateY(-0.7vh);
  }

  .podium-rank {
    gap: 0.45vw;
    margin-bottom: 1.15vh;
    font-size: 0.78vw;
  }

  .podium-rank::before {
    width: 1.65vw;
    height: 1.28vw;
  }

  .podium-rank strong {
    font-size: 1.8vw;
  }

  .player-name {
    max-width: 61%;
    font-size: 1.7vw;
  }

  .player-score {
    margin-top: 0.65vh;
    font-size: 3.35vw;
  }

  .ranking-list {
    grid-auto-rows: minmax(0, 1fr);
    min-height: 0;
    gap: 1vh 0.9vw;
    margin-top: 1.8vh;
  }

  .ranking-row {
    grid-template-columns: 3.2vw minmax(0, 1fr) auto;
    min-height: 0;
    padding: 0 1.25vw;
    border-radius: 0.75vw;
  }

  .row-rank {
    font-size: 1.1vw;
  }

  .row-name {
    font-size: 1.18vw;
  }

  .row-score {
    font-size: 1.7vw;
  }

  .empty-state {
    align-self: stretch;
    width: 89vw;
    margin: 0 auto;
  }

  .footer {
    width: 89vw;
    margin-top: 1.5vh;
    font-size: 0.68vw;
  }

  /* Podium artwork: percentage-based so it doubles cleanly from FHD to 4K. */
  .podium-card.first::before {
    right: 0.85vw;
    width: 12.2vw;
  }

  .podium-card.second::before {
    right: 0;
    width: 10.5vw;
  }

  .podium-card.third::before {
    right: 0;
    width: 10.7vw;
  }
}