/* RiddleR – Daily Free Coins modal */

/* Fullscreen overlay */
.rfcm-overlay{
  position:fixed; inset:0;
  background:rgba(0,0,0,.5);
  display:flex; align-items:center; justify-content:center;
  z-index:10050;
}

/* Modal card */
.rfcm-card{
  background:#fff; color:#111;
  border-radius:12px; max-width:420px; width:calc(100% - 32px);
  padding:18px; box-shadow:0 20px 60px rgba(0,0,0,.25);
}

/* Title and message */
.rfcm-title{ margin:0 0 8px 0; font-size:18px; line-height:1.3; }
.rfcm-msg{ margin:0 0 14px 0; font-size:14px; opacity:.9; }

/* Actions */
.rfcm-actions{ display:flex; gap:10px; justify-content:flex-end; }

/* Buttons */
.rfcm-btn{
  appearance:none; border:0; border-radius:999px;
  padding:8px 14px; font-weight:700; cursor:pointer;
}
.rfcm-ok{ background:#111; color:#fff; }
.rfcm-reward{ background:#2563eb; color:#fff; }
.rfcm-reward:hover{ background:#1d4ed8; }
.rfcm-reward-status{ margin:10px 0 0; min-height:1.25em; font-size:13px; line-height:1.45; opacity:.88; }

.rfcm-ok:hover {background:#2563eb;}
/* ==========================================================================
   Visual polish pass: modal consistency, safe areas, and keyboard focus
   ========================================================================== */
.rfcm-overlay,
.rfcm-overlay * {
  box-sizing: border-box;
}

.rfcm-overlay {
  padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
}

.rfcm-card {
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.28);
}

.rfcm-btn {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.12s ease, box-shadow 0.18s ease;
}

.rfcm-btn:hover {
  transform: translateY(-1px);
}

.rfcm-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.24);
}

@media (max-width: 420px) {
  .rfcm-card {
    width: 100%;
    padding: 16px;
  }

  .rfcm-actions {
    flex-direction: column-reverse;
  }

  .rfcm-btn {
    width: 100%;
  }
}

@media (prefers-color-scheme: dark) {
  .rfcm-card {
    background: #111827;
    color: #e5e7eb;
    border-color: #1f2937;
  }

  .rfcm-ok {
    background: #2563eb;
  }
}
/* RiddleR accessibility hardening: visible keyboard focus + reduced motion. */
.sr-only,
.riddler-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.riddler a:focus-visible,
.riddler button:focus-visible,
.riddler input:focus-visible,
.riddler select:focus-visible,
.riddler textarea:focus-visible,
.rnav a:focus-visible,
.rnav button:focus-visible,
.rnav-sheet a:focus-visible,
.rnav-sheet button:focus-visible,
.rnav-sheet input:focus-visible,
.rdesk-nav a:focus-visible,
.rdesk-nav button:focus-visible,
.rdesk-mega a:focus-visible,
.rdesk-mega button:focus-visible,
.rdesk-mega [role="tab"]:focus-visible,
.ua a:focus-visible,
.ua button:focus-visible,
.ua input:focus-visible,
.ua select:focus-visible,
.ua textarea:focus-visible,
.riddler-avatar-card a:focus-visible,
.riddler-avatar-card button:focus-visible,
.riddler-avatar-modal a:focus-visible,
.riddler-avatar-modal button:focus-visible,
.ravcm-overlay a:focus-visible,
.ravcm-overlay button:focus-visible,
.rfcm-overlay a:focus-visible,
.rfcm-overlay button:focus-visible,
.riddle-modal a:focus-visible,
.riddle-modal button:focus-visible,
.rq-wrap a:focus-visible,
.rq-wrap button:focus-visible,
.rq-wrap input:focus-visible,
.rq-wrap select:focus-visible,
.rq-wrap textarea:focus-visible,
.rqm-dialog a:focus-visible,
.rqm-dialog button:focus-visible,
.rqm-dialog input:focus-visible,
.rqm-dialog select:focus-visible,
.rqm-dialog textarea:focus-visible,
.rqpdf-dialog a:focus-visible,
.rqpdf-dialog button:focus-visible,
.rqpdf-dialog input:focus-visible,
.rqconfirm-dialog a:focus-visible,
.rqconfirm-dialog button:focus-visible,
.ecr a:focus-visible,
.ecr button:focus-visible,
.ecr input:focus-visible,
.ecr select:focus-visible,
.ecr textarea:focus-visible,
.riddler-case-reader a:focus-visible,
.riddler-case-reader button:focus-visible,
.riddler-case-reader input:focus-visible,
.riddler-case-reader select:focus-visible,
.riddler-case-reader textarea:focus-visible,
.ecr-hints-modal a:focus-visible,
.ecr-hints-modal button:focus-visible,
.ecr-hints-modal input:focus-visible,
.rcl-confirm-card a:focus-visible,
.rcl-confirm-card button:focus-visible {
  outline: 3px solid #2563eb !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.22) !important;
}

@media (prefers-reduced-motion: reduce) {
  .riddler,
  .riddler *,
  .rnav,
  .rnav *,
  .rnav-sheet,
  .rnav-sheet *,
  .rdesk-nav,
  .rdesk-nav *,
  .rdesk-mega,
  .rdesk-mega *,
  .ua,
  .ua *,
  .ravcm-overlay,
  .ravcm-overlay *,
  .rfcm-overlay,
  .rfcm-overlay *,
  .riddle-modal,
  .riddle-modal *,
  .rq-wrap,
  .rq-wrap *,
  .rqm-dialog,
  .rqm-dialog *,
  .rqpdf-dialog,
  .rqpdf-dialog *,
  .rqconfirm-dialog,
  .rqconfirm-dialog *,
  .riddler-case-reader,
  .riddler-case-reader *,
  .ecr-hints-modal,
  .ecr-hints-modal *,
  .rcl-confirm-card,
  .rcl-confirm-card * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

.rfcm-reward:disabled { opacity: .58; cursor: not-allowed; transform: none; }

/* ==========================================================================
   Rewarded Ads visual alignment (v1.5.119)
   Keep the Daily Gift modal compact and consistent with its pre-rewarded UI.
   This modal intentionally does NOT follow OS/case dark themes.
   ========================================================================== */
.rfcm-card {
  background: #fff;
  color: #111827;
  padding: 22px 24px;
  border-radius: 16px;
  box-shadow: 0 18px 48px rgba(15, 23, 42, .24);
}

.rfcm-title {
  margin: 0 0 11px;
  color: #172033;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.3;
}

.rfcm-msg {
  margin: 0;
  color: #374151;
  font-size: 15px;
  line-height: 1.58;
  opacity: 1;
}

.rfcm-reward-status {
  min-height: 0;
  margin: 12px 0 0;
  color: #596579;
  font-size: 14px;
  line-height: 1.5;
  opacity: 1;
}

.rfcm-reward-status:empty {
  display: none;
}

.rfcm-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  margin-top: 17px;
}

.rfcm-btn {
  width: auto;
  min-width: 0;
  min-height: 36px;
  padding: 7px 13px;
  font-size: 14px;
  line-height: 1.25;
}

.rfcm-ok {
  background: #111827;
  color: #fff;
}

.rfcm-ok:hover,
.rfcm-ok:focus-visible {
  background: #2563eb;
  color: #fff;
}

.rfcm-reward,
.rfcm-reward:disabled {
  background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
  color: #172033;
}

.rfcm-reward:hover:not(:disabled),
.rfcm-reward:focus-visible:not(:disabled) {
  background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
  color: #2563eb;
}

@media (max-width: 420px) {
  .rfcm-card {
    width: 100%;
    padding: 20px;
  }

  .rfcm-actions {
    flex-direction: row;
  }

  .rfcm-btn {
    width: auto;
    min-height: 36px;
    padding: 7px 12px;
    font-size: 13.5px;
  }
}

@media (max-width: 350px) {
  .rfcm-actions {
    justify-content: stretch;
  }

  .rfcm-btn {
    flex: 1 1 auto;
  }
}