
#fourill-fortune-preview{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#e8eaf2;width:100%;--fw-accent:#e8762a}
#fourill-fortune-preview *{box-sizing:border-box}
#fourill-fortune-preview [hidden]{display:none!important}
#fourill-fortune-preview button{font:inherit}
#fourill-fortune-preview .fw-site{background:#07090e;border-radius:16px;overflow:hidden}
#fourill-fortune-preview .fw-sitebar{height:70px;padding:0 26px;display:flex;align-items:center;gap:32px;border-bottom:1px solid #1e2640;background:#0c0f18}
#fourill-fortune-preview .fw-logo{font-size:27px;letter-spacing:-1.8px;font-style:italic;color:var(--fw-accent)}
#fourill-fortune-preview .fw-logo span{font-size:18px;letter-spacing:-.5px;color:#e8eaf2}
#fourill-fortune-preview nav{display:flex;gap:20px;font-size:13px;color:#8a92a8}
#fourill-fortune-preview .fw-tools{margin-left:auto;display:flex;align-items:center;gap:18px}
#fourill-fortune-preview .fw-tools svg{width:19px;height:19px}
#fourill-fortune-preview .fw-wallet{display:flex;gap:7px;align-items:center;font-size:13px;font-weight:600;color:#f5c842;white-space:nowrap}
#fourill-fortune-preview .fw-launch{display:grid;place-items:center;position:relative;background:#e8762a16;border:1px solid #e8762a42;width:38px;height:38px;border-radius:10px;color:var(--fw-accent)}
#fourill-fortune-preview .fw-dot{position:absolute;right:5px;top:5px;width:5px;height:5px;background:#ffb35c;border-radius:50%;box-shadow:0 0 8px #e8762a}
#fourill-fortune-preview .fw-bell{color:#69738b;display:flex}
#fourill-fortune-preview .fw-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#233126;color:#91b795;font-size:12px}
#fourill-fortune-preview .fw-stage{padding:24px 18px 28px;min-height:672px;background:radial-gradient(ellipse at 50% 42%,#1a213344,transparent 67%);display:grid;align-content:start;justify-items:center}
#fourill-fortune-preview .fw-dialog{width:min(100%,430px);padding:24px 25px 0;border:1px solid #252d45;border-radius:20px;background:#111520;box-shadow:0 22px 70px #0007}
#fourill-fortune-preview .fw-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
#fourill-fortune-preview .fw-eyebrow{font-size:9px;color:#8992a7;letter-spacing:1.8px;font-weight:600}
#fourill-fortune-preview h2{margin:5px 0 0;font-size:26px;line-height:1.2;font-weight:750;letter-spacing:-.7px;color:#f1f2f8}
#fourill-fortune-preview .fw-close{width:32px;height:32px;padding:7px;background:#1b2130;border:0;border-radius:50%;color:#8a92a8;display:grid;place-items:center}
#fourill-fortune-preview .fw-close svg{width:16px;height:16px}
#fourill-fortune-preview .fw-status{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 10px;font-size:12px}
#fourill-fortune-preview .fw-streak{display:flex;align-items:center;gap:6px;color:#8a92a8}
#fourill-fortune-preview .fw-streak b{color:#f1f2f8;font-size:14px;letter-spacing:.3px}
#fourill-fortune-preview .fw-streak svg{color:#f0952a;width:17px;height:17px}
#fourill-fortune-preview .fw-plus{display:flex;align-items:center;gap:6px;color:#f5c842;background:#f5c8420c;border-radius:6px;padding:6px 8px;font-size:11px}
#fourill-fortune-preview .fw-plus svg{width:13px;height:13px}
#fourill-fortune-preview .fw-wheel-wrap{position:relative;width:100%;padding:14px 0 0;isolation:isolate}
#fourill-fortune-preview .fw-halo{position:absolute;inset:4% -3% -3%;background:radial-gradient(circle,#e8762a13,transparent 66%);z-index:-1}
#fourill-fortune-preview .fw-wheel-ring{position:relative;border:5px solid #080b12;outline:1px solid #343d53;border-radius:50%;padding:6px;background:#1c2231;box-shadow:0 0 0 6px #171d2a,0 14px 25px #0005}
#fourill-fortune-preview .fw-wheel{display:block;width:100%;height:auto;border-radius:50%;transform:rotate(0deg);overflow:visible}
#fourill-fortune-preview .fw-pointer{position:absolute;top:3px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:23px solid #ffb247;filter:drop-shadow(0 2px 1px #623500) drop-shadow(0 0 8px #f0952a55);z-index:4}
#fourill-fortune-preview .fw-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;background:linear-gradient(145deg,#202738,#0c101a);border:5px solid #0b0f18;box-shadow:0 0 0 1px #343d53,0 5px 15px #0008;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:22px;font-weight:800;font-style:normal;color:#ec8c42;letter-spacing:-1px}
#fourill-fortune-preview .fw-hub span{font-size:7px;letter-spacing:1.4px;font-weight:500;font-style:normal;color:#8a92a8;margin-top:1px}
#fourill-fortune-preview .fw-outcome{min-height:56px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;margin-top:12px}
#fourill-fortune-preview .fw-outcome-hint{font-size:12px;color:#8a92a8}
#fourill-fortune-preview .fw-outcome-title{font-size:23px;color:#f5c842;letter-spacing:-.4px}
#fourill-fortune-preview .fw-spin{width:100%;min-height:51px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(105deg,var(--fw-accent),#f0952a);border:1px solid #ffb06855;border-radius:10px;color:#14100c;font-size:16px;font-weight:750;box-shadow:0 4px 22px #e8762a1f}
#fourill-fortune-preview .fw-spin svg{width:18px;height:18px}
#fourill-fortune-preview .fw-spin:disabled{opacity:.65;cursor:wait}
#fourill-fortune-preview .fw-footnote{margin:11px 0 19px;text-align:center;color:#8790a7;font-size:11px;line-height:1.5}
#fourill-fortune-preview .fw-details{border-top:1px solid #242b3e;font-size:12px}
#fourill-fortune-preview .fw-details summary{display:flex;align-items:center;justify-content:space-between;padding:16px 0;color:#9aa3b9;list-style:none}
#fourill-fortune-preview .fw-details summary::-webkit-details-marker{display:none}
#fourill-fortune-preview .fw-details summary svg{width:15px;height:15px;transition:transform .2s}
#fourill-fortune-preview .fw-details[open] summary svg{transform:rotate(180deg)}
#fourill-fortune-preview .fw-chance-list{display:grid;gap:10px;padding-bottom:14px}
#fourill-fortune-preview .fw-chance-list div{display:flex;justify-content:space-between;gap:12px;color:#c5cbd9;font-size:12px}
#fourill-fortune-preview .fw-chance-list b{font-weight:500;color:#8a92a8}
#fourill-fortune-preview .fw-details p{font-size:11px;color:#8a92a8;line-height:1.8;margin:0 0 17px}
#fourill-fortune-preview .fw-reopen{align-self:center;margin-top:220px;padding:12px 18px;background:#171d2a;border:1px solid #343d53;color:#e8eaf2;border-radius:10px;display:flex;align-items:center;gap:9px}
#fourill-fortune-preview .fw-reopen svg{width:19px;height:19px}
@media(max-width:570px){#fourill-fortune-preview .fw-sitebar{padding:0 16px;height:62px;gap:12px}#fourill-fortune-preview nav{display:none}#fourill-fortune-preview .fw-tools{gap:14px}#fourill-fortune-preview .fw-stage{padding:18px 12px 20px;min-height:610px}#fourill-fortune-preview .fw-dialog{padding:21px 19px 0}#fourill-fortune-preview h2{font-size:24px}#fourill-fortune-preview .fw-status{margin-top:18px}#fourill-fortune-preview .fw-hub{width:60px;height:60px;font-size:20px}}
@media(max-width:365px){#fourill-fortune-preview .fw-dialog{padding-left:14px;padding-right:14px}#fourill-fortune-preview .fw-bell{display:none}#fourill-fortune-preview .fw-tools{gap:11px}#fourill-fortune-preview .fw-wallet{font-size:12px}#fourill-fortune-preview .fw-plus{font-size:10px}}
@media(pointer:coarse){#fourill-fortune-preview .fw-launch,#fourill-fortune-preview .fw-close{min-width:44px;min-height:44px}#fourill-fortune-preview .fw-details summary{min-height:44px}}
@media(prefers-reduced-motion:reduce){#fourill-fortune-preview .fw-wheel{transition-duration:.01ms!important}}

.fortune-trigger{position:relative;display:inline-grid;place-items:center;flex-shrink:0;width:38px;height:38px;padding:0;box-sizing:border-box;margin:0;border:1px solid #e8762a42;border-radius:10px;background:#e8762a16;color:#e8762a;font-size:21px;cursor:pointer}
.fortune-trigger[hidden]{display:none}
.fortune-trigger .fortune-wheel-icon{display:block;width:27px;height:27px;overflow:visible;transform:translateY(-1.5px)}
.fortune-trigger [data-fortune-dot]{position:absolute;right:5px;top:5px;width:6px;height:6px;background:#ffb35c;border-radius:50%;box-shadow:0 0 8px #e8762a}
#fourill-fortune-preview{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:16px;box-sizing:border-box;--fw-accent:#e8762a}
#fourill-fortune-preview[hidden]{display:none!important}
#fourill-fortune-preview .fw-backdrop{position:absolute;inset:0;background:#000b;backdrop-filter:blur(5px)}
#fourill-fortune-preview .fw-dialog{position:relative;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
#fourill-fortune-preview .fw-close{cursor:pointer}
#fourill-fortune-preview .fw-close i{font-size:14px}
#fourill-fortune-preview .fw-spin{cursor:pointer}
#fourill-fortune-preview .fw-spin:disabled{cursor:default}
#fourill-fortune-preview .fw-login{display:block;text-align:center;text-decoration:none;padding:15px;background:#e8762a;color:#14100c;border-radius:10px;font-weight:700}
#fourill-fortune-preview .fw-prizes{border-top:1px solid #242b3e;font-size:13px}
#fourill-fortune-preview summary{cursor:pointer;min-height:44px}
#fourill-fortune-preview .fw-prizes summary{padding:16px 0}
#fourill-fortune-preview .fw-voucher{padding:12px 0;border-top:1px solid #242b3e;display:grid;gap:9px}
#fourill-fortune-preview .fw-voucher select,#fourill-fortune-preview .fw-voucher button{width:100%;padding:10px;border-radius:7px;border:1px solid #343d53;background:#1b2130;color:#e8eaf2;font-size:13px}
#fourill-fortune-preview .fw-history-row{display:flex;justify-content:space-between;padding:8px 0;font-size:12px;color:#8a92a8;gap:12px}
#fourill-fortune-preview .fw-winning{filter:brightness(1.4);stroke:#ffd28a;stroke-width:3px}
#fourill-fortune-preview .fw-outcome-title{font-size:20px;text-align:center}
@media(max-width:400px){#fourill-fortune-preview{padding:10px}#fourill-fortune-preview .fw-dialog{max-height:calc(100dvh - 20px);padding-left:18px;padding-right:18px}}

.fortune-legacy-userbar{gap:12px}
.fortune-legacy-userbar > .me-3{margin-right:0!important}
.fortune-legacy-userbar > .app-notifications{margin-right:0}
#fourill-fortune-preview .fw-plus{text-decoration:none}
#fourill-fortune-preview .fw-plus:hover{color:#ffe58a;background:#f5c84218}
