/* Megawheel PC v2 - Trix-like: wheel full width, history card, [amount | bet buttons | last win] row, 4x2 color grid */
@media (min-width: 1024px) {
  .mw-page .content.cards { max-width: 1180px !important; margin: 0 auto !important; }
  .mw-content {
    display: grid !important;
    grid-template-columns: minmax(0, 2.3fr) minmax(0, 2.3fr) minmax(0, 1fr) !important;
    grid-template-areas: "top top top" "amt panel last" "list list list" !important;
    gap: 16px !important;
    padding: 12px 20px 24px !important;
    align-items: stretch !important;
  }
  .mw-content > .mw-top { grid-area: top; margin: 0 !important; min-width: 0; }
  .mw-content > .mw-panel-amt { grid-area: amt; margin: 0 !important; position: static !important; }
  .mw-content > .mw-panel:not(.mw-panel-amt) { grid-area: panel; margin: 0 !important; position: static !important; top: auto !important; }
  .mw-content > .mw-last { grid-area: last; margin: 0 !important; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 6px; }
  .mw-content > .mw-list { grid-area: list; margin: 0 !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 10px !important; }
  .mw-content > .mw-head { grid-column: 1 / -1; }

  /* wheel */
  .mw-stage { padding-bottom: 40% !important; border-radius: 18px; }
  .mw-wheelbox { left: -5% !important; width: 110% !important; top: 0 !important; }
  .mw-pointer { top: -4px !important; left: 50% !important; width: 84px !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin-left: 0 !important; transform: translateX(-50%) !important; }
  .mw-pointer svg { width: 100% !important; height: auto !important; }
  .mw-timer { top: auto !important; bottom: 5% !important; }
  .mw-timer__lbl { font-size: 14px !important; }
  .mw-timer__val { font-size: 40px !important; }

  /* history card */
  .mw-hist { min-height: 58px; margin-top: 14px; padding: 12px 14px !important; background: rgba(128,136,180,.10); border: 1px solid rgba(128,136,180,.18); border-radius: 16px; justify-content: flex-start; }
  .mw-hchip { min-width: 62px; padding: 8px 10px; font-size: 13px; border-radius: 10px; }

  /* panels */
  .mw-lbl { font-size: 15px !important; margin: 0 0 12px !important; }
  .mw-chips { justify-content: space-between; }
  .mw-chip { max-width: 70px; }
  .mw-btns { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 10px !important; }
  .mw-cb { height: 44px !important; font-size: 16px !important; }
  .mw-last__l { font-size: 14px; opacity: .7; }
  .mw-last__v { font-size: 18px; }

  /* color rows 4x2 */
  .mw-row { margin: 0 !important; }
  .mw-row__head { padding: 10px 12px !important; gap: 8px !important; }
  .mw-sq { width: 22px !important; height: 22px !important; border-radius: 6px !important; }
  .mw-users { font-size: 13px; }
  .mw-sum { margin-left: auto; font-size: 13px; }
  .mw-chev { display: none !important; }
  .mw-row.open { grid-column: 1 / -1; }
}