#main.is-signed-in #welcome-bonus-page { display:none!important; }
#welcome-bonus-page[hidden] { display:none!important; }
.welcome-bonus-page { width:min(100%,860px); min-width:0; margin:0 auto; padding:25px 16px; text-align:center; }
.welcome-bonus-eyebrow { margin:0 0 15px; color:var(--ink); font-size:24px; font-weight:700; letter-spacing:normal; }
.welcome-bonus-choice { max-width:420px; margin:0 auto 20px; padding:0; border:0; min-width:0; }
.welcome-bonus-choice legend { width:100%; margin:0 0 10px; color:var(--ink); font-size:14px; font-weight:600; }
.welcome-bonus-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.welcome-bonus-options label { display:flex; align-items:center; justify-content:center; gap:8px; min-height:66px; padding:9px 6px; border:1px solid #315574; border-radius:10px; background:var(--surface); cursor:pointer; }
.welcome-bonus-options label:has(input:checked) { border-color:#59c9ff; background:#59c9ff14; }
.welcome-bonus-options label:focus-within { outline:2px solid var(--lavender); outline-offset:3px; }
.welcome-bonus-options label:has(input:disabled) { cursor:default; }
.welcome-bonus-options input { flex-shrink:0; margin:0; accent-color:#59c9ff; }
.welcome-bonus-options span { display:grid; gap:4px; }
.welcome-bonus-options strong { color:var(--ink); font-size:13px; }
.welcome-bonus-options small { color:var(--muted); font-size:11px; }
#welcome-bonus-choice-hint { margin:10px 0 0; color:var(--muted); font-size:11px; line-height:1.5; }
.welcome-bonus-summary { display:flex; justify-content:space-between; gap:12px; max-width:420px; margin:auto; color:var(--muted); font-size:13px; }
.welcome-bonus-summary p { margin:0; }
#welcome-bonus-winnings { color:var(--ink); font-weight:600; }
.welcome-bonus-wheel { display:block; width:100%; height:auto; }
.welcome-bonus-primary { width:min(100%,360px); min-height:52px; padding:13px 20px; border:1px solid #89d7ff; border-radius:10px; background:#59c9ff; color:#03131f; font:700 16px var(--body); cursor:pointer; }
.welcome-bonus-primary:hover:not(:disabled) { background:#89ddff; }
.welcome-bonus-primary:disabled { opacity:.55; cursor:progress; }
.welcome-bonus-primary:focus-visible,.welcome-bonus-login-row button:focus-visible { outline:2px solid var(--lavender); outline-offset:4px; }
.welcome-bonus-status { min-height:22px; margin:15px 0 8px; color:var(--muted); font-size:13px; line-height:1.5; }
.welcome-bonus-status.is-error { color:#ffb8c7; }
.welcome-bonus-terms { max-width:420px; margin:12px auto 20px; color:var(--muted); font-size:11px; line-height:1.6; }
.welcome-bonus-result { margin:14px auto 20px; padding:20px; border:1px solid #315574; border-radius:12px; background:var(--surface); }
.welcome-bonus-result h2 { margin:0 0 9px; color:var(--ink); font-size:24px; }
.welcome-bonus-result p { margin:0; color:var(--muted); font-size:13px; line-height:1.6; }
.welcome-bonus-login-row { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:4px; margin:16px 0 0; color:var(--muted); font-size:12px; }
.welcome-bonus-login-row button { min-height:36px; padding:6px; border:0; border-radius:7px; background:transparent; color:var(--lavender); font:600 12px var(--body); text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.welcome-signup-reward,.welcome-account-reward { margin:0 0 18px; padding:13px 16px; border:1px solid #315574; border-radius:11px; background:var(--surface); color:var(--accent); font-size:12px; line-height:1.65; }
@media(max-width:600px) { .welcome-bonus-page { padding:20px 8px; } }

/* Use the same wheel, colors and primary action as the paid Upgrader. */

.welcome-bonus-layout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-areas:"stake target" "wheel wheel" "action action"; gap:10px; min-width:0; }
.welcome-bonus-stage { grid-area:wheel; width:100%; margin:0 auto; }
.welcome-bonus-count { margin:0 0 14px; color:var(--muted); font-size:13px; }
.welcome-bonus-winnings { margin:16px 0 0; color:var(--ink); font-weight:600; }
#welcome-bonus-page .welcome-bonus-status { margin:10px 0 8px; padding-top:10px; border-top:1px solid #42698766; }
#welcome-bonus-page .welcome-bonus-status:empty { display:none; }
#welcome-bonus-page .welcome-bonus-status.is-win { color:var(--positive,#56e2a0); border-color:#56e2a066; }
@media(min-width:800px) {
 .welcome-bonus-layout { grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(0,1fr); grid-template-areas:"stake wheel target" "action action action"; align-items:center; gap:16px 20px; }
}