.rd-challenge { font-family:inherit; font-size:14px; line-height:1.6; }
.rd-challenge *, .rd-challenge-trigger { box-sizing:border-box; }
.rd-challenge [hidden], .rd-challenge-trigger[hidden] { display:none!important; }
.rd-challenge-card, .rd-challenge-dialog { color-scheme:light; background:#fff; color:#18202a; border:1px solid #dfe3eb; border-radius:12px; box-shadow:0 12px 40px #18202a24; }
.rd-challenge-card { position:fixed; z-index:40; top:50%; left:50%; transform:translate(-50%,-50%); width:340px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); overflow:auto; overscroll-behavior:contain; padding:24px 22px 20px; }
.rd-challenge h2 { margin:0 0 14px; font-size:23px; line-height:1.2; font-weight:650; letter-spacing:-.7px; }
.rd-challenge-card h2 { padding-right:8px; white-space:nowrap; }
.rd-challenge-card h2 strong { color:#4358cf; font-size:44px; line-height:1.06; font-weight:800; letter-spacing:-2px; }
.rd-challenge p { margin:12px 0 0; font-size:13px; line-height:1.6; color:#465163; }
.rd-challenge-card ol { list-style:decimal; margin:12px 0 0; padding-left:20px; color:#465163; font-size:13px; }
.rd-challenge-card li { margin:8px 0; padding-left:2px; }
.rd-challenge .rd-challenge-prize { font-size:12px; color:#18202a; }
.rd-challenge a, .rd-challenge-rules-link { color:#4358cf; text-decoration:underline; text-underline-offset:3px; }
.rd-challenge-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:16px; }
.rd-challenge .rd-challenge-join { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:9px 14px; border-radius:5px; background:#4358cf; color:#fff; font-size:13px; font-weight:600; text-decoration:none; }
.rd-challenge button { font-family:inherit; cursor:pointer; }
.rd-challenge-rules-link { padding:8px 0; border:0; background:none; font-size:12px; line-height:1.5; }
.rd-challenge-close { position:absolute; right:1px; top:1px; display:grid; place-items:center; width:36px; height:36px; padding:0; border:0; border-radius:8px; background:transparent; color:#626b76; font-size:24px; line-height:1; }
.rd-challenge-close:hover { background:#f3f4f7; color:#18202a; }
.rd-challenge :focus-visible, .rd-challenge-trigger:focus-visible { outline:2px solid #4358cf; outline-offset:3px; }
.rd-challenge-trigger { flex:0 0 auto; margin:0; padding:6px 0; border:0; background:none; color:var(--color-primary,#4358cf); font-family:inherit; font-size:13px; font-weight:600; line-height:1.5; text-align:left; text-decoration:underline; text-underline-offset:3px; white-space:nowrap; cursor:pointer; }
.dark .rd-challenge-trigger, [data-theme="dark"] .rd-challenge-trigger { color:#a6b3ff; }
.rd-challenge-dialog { position:fixed; inset:0; width:min(560px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); margin:auto; padding:28px; overflow:auto; overscroll-behavior:contain; }
.rd-challenge-dialog::backdrop { background:#18202a80; }
.rd-challenge-dialog h2 { padding-right:20px; font-size:21px; }
.rd-challenge-dialog h3 { margin:20px 0 6px; font-size:14px; line-height:1.4; font-weight:650; }
.rd-challenge-dialog ol { list-style:decimal; margin:8px 0; padding-left:22px; color:#465163; font-size:13px; }
.rd-challenge-dialog li { margin:7px 0; }
.rd-challenge-dialog .rd-challenge-fine { font-size:11px; }
html.rd-challenge-modal-open { overflow:hidden; }
body:has([data-app-toast-root]:not(:empty)) .rd-challenge-card,
body:has([role="dialog"][data-state="open"]) .rd-challenge-card { visibility:hidden; }
@media(max-width:767px) {
  .rd-challenge-dialog { padding:24px 20px; }
}
@media(max-width:360px) { .rd-challenge-card h2 { font-size:21px; } .rd-challenge-card h2 strong { font-size:40px; } }
@media(pointer:coarse) { .rd-challenge-close { width:44px; height:44px; } .rd-challenge-rules-link, .rd-challenge-trigger { min-height:44px; } }
/* In the footer the trigger looks like the other footer links. */
footer .rd-challenge-trigger { display:inline-flex; align-items:center; min-height:30px; padding:0; border:0; background:none; color:var(--rd-muted); font:400 13px/1.4 var(--rd-font); text-align:left; text-decoration:none; cursor:pointer; }
footer .rd-challenge-trigger:hover { text-decoration:underline; }
@media(max-width:640px) { footer .rd-challenge-trigger { min-height:44px; font-size:14px; } }