.modal-content,
 .game-layout,
 .game-layout > * {
   min-width: 0;
   max-width: 100%;
 }

@media (min-width: 921px) {
  .game-card:last-child {
    grid-column: span 3;
    min-height: 300px;
  }

  .game-card:last-child .card-copy {
    margin-top: 28px;
  }

  .game-card:last-child .mini-duo {
    position: absolute;
    right: 12%;
    top: 62px;
    width: 260px;
  }
}

@media (min-width: 641px) and (max-width: 920px) {
  .game-card:last-child {
    grid-column: span 2;
  }
}

@media (max-width: 640px) {
  .game-card:last-child {
    grid-column: auto;
    min-height: 360px;
  }

  .game-card:last-child .mini-duo {
    position: static;
    width: auto;
  }

  .match-board {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .match-tile {
    min-width: 0;
    padding: 0;
  }

  .match-tray {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .tray-slot {
    min-width: 0;
  }

  .match-hud .ghost-button {
    min-width: 0;
    padding-inline: 14px;
  }
}
.missing-campaign { min-height: 100svh; display: grid; place-content: center; gap: 16px; padding: 24px; text-align: center; background: #090b0d; color: #f7f5e9; }
.missing-campaign p { margin: 0; color: #f6eb00; letter-spacing: 3px; }
.missing-campaign h1 { margin: 0; font-size: clamp(34px, 8vw, 72px); }
.missing-campaign a { color: #090b0d; background: #f6eb00; padding: 14px 20px; text-decoration: none; font-weight: 800; }