/* X100 PC v2 - Trix-like: wheel full width, timer+amount+history centered inside the arc, 6 bet buttons in a row, 6 bet columns below */
@media (min-width: 1024px) {
  .x1-page .content.cards { max-width: 1180px !important; margin: 0 auto !important; }
  .x1-content { display: flex !important; flex-direction: column !important; gap: 0 !important; padding: 12px 20px 24px !important; }
  .x1-content > .x1-top, .x1-content > .x1-panel { display: contents !important; }

  /* wheel */
  .x1-stage { order: 1; position: relative; z-index: 1; padding-bottom: 36% !important; margin-bottom: -13% !important; border-radius: 18px; }
  .x1-pointer { top: 43% !important; left: 50% !important; width: 56px !important; height: auto !important; margin-left: 0 !important; transform: translateX(-50%) !important; }
  .x1-pointer svg { width: 100% !important; height: auto !important; }
  .x1-stage .x1-wheelbox, .x1-stage .x1-pointer, .x1-stage svg { pointer-events: none !important; }

  /* centered block inside the arc */
  .x1-timer { order: 2; position: relative; z-index: 5; padding: 0 !important; }
  .x1-timer__lbl { font-size: 14px !important; font-weight: 600; opacity: .75; }
  .x1-timer__val { font-size: 42px !important; line-height: 1.1 !important; }
  .x1-panel > .x1-lbl:first-child { order: 3; position: relative; z-index: 5; text-align: center; margin: 6px 0 8px !important; font-size: 14px !important; opacity: .75 !important; }
  .x1-panel > .x1-lbl:not(:first-child) { display: none !important; }
  .x1-amt { order: 4; position: relative; z-index: 5; width: 100%; max-width: 380px; margin: 0 auto 10px !important; }
  .x1-ab { height: 40px !important; min-width: 44px !important; border-radius: 9px !important; }
  .x1-in { height: 40px !important; border-radius: 9px !important; }
  .x1-hist { order: 5; position: relative; z-index: 5; justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; width: 100%; max-width: 720px; margin: 0 auto !important; padding: 4px 0 2px !important; }
  .x1-hchip { min-width: 62px; padding: 8px 10px; font-size: 13px; border-radius: 10px; }
  .x1-note { order: 6; margin: 12px 0 0 !important; }

  /* bet buttons row */
  .x1-btns { order: 7; display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 12px !important; margin-top: 14px; }
  .x1-cb { height: 56px !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; padding: 0 18px !important; font-size: 18px !important; border-radius: 12px !important; }
  .x1-cb::before { content: "Ставка"; font-weight: 600; font-size: 17px; }
  .x1-cb b { margin-left: auto; }
  .x1-cb small { margin-left: 8px; font-size: 12px; }

  /* bet columns */
  .x1-list { order: 8; display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 12px !important; margin: 12px 0 0 !important; }
  .x1-row { margin: 0 !important; min-height: 230px; display: flex; flex-direction: column; }
  .x1-row.open { grid-column: auto !important; }
  .x1-row__head { justify-content: space-between !important; padding: 12px 14px !important; gap: 8px !important; cursor: default !important; }
  .x1-sq, .x1-chev { display: none !important; }
  .x1-users { font-size: 13px; opacity: .7; }
  .x1-sum { font-size: 13px; font-weight: 600; }
  .x1-row__body { flex: 1; display: flex; flex-direction: column; padding: 8px 12px 12px !important; }
  .x1-row__body .x1-empty { flex: 1; display: flex; align-items: center; justify-content: center; font-size: 0 !important; padding: 0 !important; opacity: 1 !important; }
  .x1-row__body .x1-empty::before { content: "Нет ставок"; font-size: 14px; opacity: .55; }
  .x1-bet { font-size: 12px; }

  /* click fix v2 */
  .x1-stage { pointer-events: none !important; }
  .x1-amt { position: relative !important; z-index: 20 !important; pointer-events: auto !important; }
  .x1-ab, .x1-in { position: relative; z-index: 21; pointer-events: auto !important; }
}