/* Keep the desktop game layout at its designed size in narrow browser windows. */
@media (max-width: 1080px) {
  .page-shell {
    width: 1010px;
    min-width: 1010px;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .game-layout {
    display: grid;
    grid-template-columns: 260px 430px 260px;
    width: 970px;
    max-width: none;
    gap: 10px;
    margin: 45px 0 0;
    align-items: start;
  }

  .vip-panel {
    min-height: 680px !important;
  }

  .roller-card {
    grid-column: auto;
    grid-row: auto;
    width: auto;
    max-width: none;
    min-height: max(590px, calc(100vh - 104px)) !important;
    justify-self: stretch;
  }

  .dice-stage {
    min-height: 152px !important;
    padding: 19px 2px;
    gap: 8px !important;
  }

  .dice-stage > .die {
    width: 78px;
    height: 78px;
  }

  .history-section {
    width: 968px;
    max-width: none !important;
    margin: 42px 0 0 !important;
  }
}
