/* Roomier landscape base and hand, sharing the same horizontal span. */
@media (min-width: 701px) and (orientation: landscape) and (pointer: fine) {
  #stage:not(.is-stacked) .shelf--opp,
  #stage:not(.is-stacked) .shelf--you {
    left: 36%;
    width: 46%;
    height: 19.8%;
    /* Reserve space below the tiles for their Might badge and the gold rail. */
    padding: 1.75cqw 1.8cqw 1.25cqw;
  }

  #stage:not(.is-stacked) .shelf--opp { top: 12%; }

  #stage:not(.is-stacked) .shelf .units {
    align-items: center;
    align-content: center;
  }

  #stage:not(.is-stacked) .shelf .unit {
    filter: drop-shadow(0 .22cqw .2cqw #000b);
  }

  #stage:not(.is-stacked) .shelf--opp::before,
  #stage:not(.is-stacked) .shelf--you::before {
    background-image: url('/modern/assets/generated-v8/rival-base-wide.png');
    background-size: 100% 143%;
  }

  #stage:not(.is-stacked) .shelf--opp .shelf__mat,
  #stage:not(.is-stacked) .shelf--you .shelf__mat {
    inset: 7% 2% 10%;
    width: 96%;
    height: 83%;
    opacity: .7;
    border-radius: 0;
    clip-path: polygon(4% 0, 96% 0, 100% 18%, 100% 82%, 96% 100%, 4% 100%, 0 82%, 0 18%);
  }

  #stage:not(.is-stacked) .handzone {
    --hand-card-width: 7.8cqw;
    --hand-card-height: calc(var(--hand-card-width) * 1039 / 744);
    left: 36%;
    right: 18%;
    height: var(--hand-card-height);
    bottom: calc(var(--hand-card-height) * -.3 - 1.2cqw);
    overflow: visible;
  }

  #stage:not(.is-stacked) .hand {
    height: 100%;
    gap: 0;
    overflow: visible;
  }

  #stage:not(.is-stacked) .hand .card {
    flex: 0 1 var(--hand-card-width);
    width: var(--hand-card-width);
    min-width: 0;
    margin: 0 -.15cqw;
    transform-origin: 50% 100%;
  }

  /* Lift the tucked-away text above the edge for both mouse and keyboard. */
  #stage:not(.is-stacked) .hand .card:hover,
  #stage:not(.is-stacked) .hand .card:focus-visible {
    transform: translateY(calc(var(--hand-card-height) * -.32 - 1.2cqw)) rotate(0deg);
    z-index: 60;
  }

}