.dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: var(--dashboard-gap);
  align-items: start;
}

.dashboard-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--dashboard-gap);
}

.dashboard-rail {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--dashboard-gap);
  position: sticky;
  top: calc(var(--header-height) + var(--sp-4));
}

.dashboard-section {
  @extend .surface-panel;
}

@media (max-width: 1279px) {
  .dashboard-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-rail {
    position: static;
  }
}

@media (min-width: 1440px) {
  .game-card {
    width: 160px;
    height: 228px;
  }

  .event-card {
    width: 260px;
  }
}
