/* Wheel PC only v3 - layout as ref (panel left, wheel+chips right), styled by site theme (light/dark) */
@media (min-width: 1024px) {
  .mines .whl {
    display: grid !important;
    grid-template-columns: 340px minmax(0, 1fr) !important;
    grid-template-areas: "panel stage" "panel chips" "panel hist" !important;
    gap: 0 24px !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 20px 20px 22px !important;
    box-sizing: border-box !important;
    align-content: start !important;
    align-items: start !important;
  }
  .mines .whl > * { min-width: 0 !important; }
  .mines .whl > .whl-stage { grid-area: stage !important; margin: 0 0 16px 0 !important; align-self: start !important; }
  .mines .whl > .whl-chips { grid-area: chips !important; margin: 0 !important; justify-content: space-between !important; gap: 14px !important; }
  .mines .whl > .whl-chips .whl-chip { flex: 1 1 0 !important; max-width: none !important; }
  .mines .whl > .whl-hist { grid-area: hist !important; margin: 14px 0 0 0 !important; }
  .mines .whl > .whl-panel { grid-area: panel !important; align-self: start !important; margin: 0 !important; position: static !important; }
  .mines .whl .whl-ring { max-width: 440px !important; }
  .mines .whl .whl-stage { padding: 28px 22px 34px !important; }
  .mines .whl .whl-row { flex-wrap: wrap !important; }
  .mines .whl .whl-row .whl-play { flex: 1 1 100% !important; order: 5 !important; margin-top: 4px !important; }
}