#welcome-bonus-page[hidden] { display:none!important; }
.welcome-bonus-page { width:min(100%,530px); 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; }
.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-stage { width:min(100%,400px); margin:0 auto; }
.welcome-bonus-wheel { display:block; width:100%; height:auto; }
.welcome-bonus-stage .upgrader-rim { fill:#101c2a; stroke:#254660; stroke-width:1; }
.welcome-bonus-stage .upgrader-loss-fill { fill:#353a42; }
.welcome-bonus-stage .upgrader-win-fill { fill:#17623d; }
.welcome-bonus-stage .upgrader-loss-arc { fill:none; stroke:#818994; stroke-width:17; }
.welcome-bonus-stage .upgrader-win-arc { fill:none; stroke:#33db79; stroke-width:17; }
.welcome-bonus-stage .upgrader-hub { fill:#0b1b2c; stroke:#43607966; stroke-width:1; }
.welcome-bonus-stage .upgrader-pointer { fill:#edf5ff; }
.welcome-bonus-stage .upgrader-pointer-line { fill:none; stroke:#edf5ff; stroke-width:3; stroke-linecap:round; }
.welcome-bonus-stage .upgrader-central-chance { fill:var(--ink); font:700 38px var(--body); }
.welcome-bonus-stage.is-win .upgrader-hub { stroke:#33db79; }
.welcome-bonus-stage.is-loss .upgrader-hub { stroke:#818994; }
.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; } .welcome-bonus-stage { width:min(100%,345px); } }