.rwgam-host {
  display: block;
}

.rwgam-host .rwgam-card.rwgam-fallback,
.rwgam-host .rwgam-card.rwgam-fallback * {
  box-sizing: border-box !important;
}

.rwgam-host .rwgam-card.rwgam-fallback {
  max-width: 900px !important;
  margin: 20px auto !important;
  padding: 28px !important;
  background: var(--rwgam-card-bg, #ffffff) !important;
  border: 1px solid #ececec !important;
  border-radius: 16px !important;
  text-align: center !important;
  font-family: inherit !important;
  line-height: 1.3 !important;
}

.rwgam-host .rwgam-card.rwgam-fallback .rwgam-title {
  margin: 0 0 14px !important;
  font-size: var(--rwgam-title-size-desktop, 38px) !important;
  line-height: 1.2 !important;
  color: var(--rwgam-title-color, #111111) !important;
}

.rwgam-host .rwgam-card.rwgam-fallback .rwgam-progress {
  height: 16px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  margin: 0 auto 18px !important;
  background: var(--rwgam-progress-bg, #e5e7eb) !important;
}

.rwgam-host .rwgam-card.rwgam-fallback .rwgam-progress-fill {
  display: block !important;
  height: 100% !important;
  width: 100% !important;
  background: var(--rwgam-progress-fill, #1fb655) !important;
}

.rwgam-host .rwgam-card.rwgam-fallback .rwgam-line {
  margin: 8px 0 !important;
  color: var(--rwgam-text-color, #6b7280) !important;
  font-size: var(--rwgam-line-size-desktop, 30px) !important;
}

.rwgam-host .rwgam-card.rwgam-fallback .rwgam-btn {
  margin-top: 16px !important;
  width: 100% !important;
  padding: var(--rwgam-btn-padding-v-desktop, 20px) var(--rwgam-btn-padding-h-desktop, 16px) !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: var(--rwgam-btn-bg, #e31e24) !important;
  color: var(--rwgam-btn-text, #ffffff) !important;
  font-weight: 700 !important;
  font-size: var(--rwgam-btn-font-size-desktop, 30px) !important;
  cursor: pointer !important;
}

.rwgam-host .rwgam-card.rwgam-fallback .rwgam-btn:disabled {
  opacity: 0.7 !important;
  cursor: not-allowed !important;
}

.rwgam-host .rwgam-card.rwgam-fallback .rwgam-note {
  margin: 14px 0 0 !important;
  color: var(--rwgam-text-color, #6b7280) !important;
  font-size: var(--rwgam-note-size-desktop, 22px) !important;
}

.rwgam-host .rwgam-card.rwgam-fallback .rwgam-status {
  min-height: 22px !important;
  margin: 10px 0 0 !important;
  color: var(--rwgam-title-color, #111111) !important;
  font-size: var(--rwgam-status-size-desktop, 18px) !important;
}

@media (max-width: 768px) {
  .rwgam-host .rwgam-card.rwgam-fallback .rwgam-title {
    font-size: var(--rwgam-title-size-mobile, 28px) !important;
  }

  .rwgam-host .rwgam-card.rwgam-fallback .rwgam-line {
    font-size: var(--rwgam-line-size-mobile, 22px) !important;
  }

  .rwgam-host .rwgam-card.rwgam-fallback .rwgam-btn {
    font-size: var(--rwgam-btn-font-size-mobile, 24px) !important;
    padding: var(--rwgam-btn-padding-v-mobile, 16px) var(--rwgam-btn-padding-h-mobile, 12px) !important;
  }

  .rwgam-host .rwgam-card.rwgam-fallback .rwgam-note {
    font-size: var(--rwgam-note-size-mobile, 18px) !important;
  }

  .rwgam-host .rwgam-card.rwgam-fallback .rwgam-status {
    font-size: var(--rwgam-status-size-mobile, 16px) !important;
  }
}