/* Modals PC v2: cancel-wager overlay fix (dense bg + blur + top z-index + body lock), bigger modals (profile), bonus info cards (bcm), shared help dialogs (kh) */
.modal-overlay[data-v-1a97473d] {
  position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
  width: 100vw !important; height: 100vh !important; margin: 0 !important;
  background: rgba(10,12,20,.88) !important;
  -webkit-backdrop-filter: blur(6px) !important; backdrop-filter: blur(6px) !important;
  opacity: 1 !important; visibility: visible !important;
  z-index: 2147483600 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  pointer-events: auto !important;
}
.modal-box[data-v-1a97473d] { position: relative !important; z-index: 1 !important; pointer-events: auto !important; }

/* body lock while the profile modal is open (class is set by Profile.vue beforeEnter/leave) */
body.pf-modal-open { overflow: hidden !important; }
body.pf-modal-open > *:not(.modal-overlay) { pointer-events: none !important; }

@media (min-width: 1024px) {
  .modal-box[data-v-1a97473d] { width: 100% !important; max-width: 560px !important; padding: 28px !important; border-radius: 24px !important; }
  .modal-title[data-v-1a97473d] { font-size: 22px !important; }
  .warn-box[data-v-1a97473d] { font-size: 16px !important; padding: 18px !important; }
  .wager-chip[data-v-1a97473d] { font-size: 20px !important; padding: 16px 26px !important; }
  .wide-btn[data-v-1a97473d] { font-size: 17px !important; padding: 16px !important; }

  .bcm-box { width: 100% !important; max-width: 620px !important; padding: 28px !important; border-radius: 24px !important; }
  .bcm-title { font-size: 22px !important; }
  .bcm-badge, .bcm-x { width: 44px !important; height: 44px !important; font-size: 18px !important; }
  .bcm-hero { font-size: 30px !important; padding: 26px 20px !important; }
  .bcm-text { font-size: 16px !important; line-height: 1.5 !important; padding: 22px !important; }
  .bcm-pct { padding: 20px 22px !important; }
  .bcm-pct-ico { width: 56px !important; height: 56px !important; font-size: 22px !important; }
  .bcm-pct-lbl { font-size: 14px !important; }
  .bcm-pct-val { font-size: 28px !important; }

  html body .kh-dialog { width: 100% !important; max-width: 640px !important; padding: 26px 28px !important; border-radius: 22px !important; }
  html body .kh-tab { font-size: 15px !important; padding: 10px 16px !important; }
  html body .kh-body, html body .kh-content { font-size: 15px !important; line-height: 1.55 !important; }
  html body .kh-close { width: 40px !important; height: 40px !important; font-size: 24px !important; }
}