#subscription-wheel{--sw-bg:#fbfaf8;--sw-fg:#252932;--sw-muted:#757c89;--sw-line:#dedbd6;--sw-panel:#f1efeb;box-sizing:border-box;width:min(1080px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid var(--sw-line);border-radius:24px;background:radial-gradient(ellipse at 20% 70%,#ff6a0910,transparent 54%),var(--sw-bg);color:var(--sw-fg);box-shadow:0 30px 100px #0007;overflow:auto;overscroll-behavior:contain;font-family:inherit;scrollbar-width:thin}
:root[data-theme=dark] #subscription-wheel{--sw-bg:#1a1d25;--sw-fg:#f4f5f8;--sw-muted:#a4adbf;--sw-line:#45414a;--sw-panel:#20232b;background:radial-gradient(ellipse at 23% 78%,#b34b1d20,transparent 60%),linear-gradient(125deg,#272a34,#14191f 65%,#1c2028);border-color:#755445}
#subscription-wheel::backdrop{background:rgb(4 8 14 / .56);backdrop-filter:blur(3px)}
#subscription-wheel *{box-sizing:border-box}#subscription-wheel [hidden]{display:none!important}#subscription-wheel button{font-family:inherit;cursor:pointer}#subscription-wheel button:disabled{cursor:wait}#subscription-wheel :focus-visible{outline:2px solid #ff9c5d;outline-offset:4px}
.sw-layout{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(0,1fr);gap:36px;align-items:center;padding:28px 38px 28px 22px;position:relative;isolation:isolate}
#subscription-wheel .sw-close{position:absolute;right:17px;top:17px;width:40px;height:40px;border:1px solid var(--sw-line);background:var(--sw-panel);color:var(--sw-fg);border-radius:50%;display:grid;place-items:center;padding:9px;z-index:3}.sw-close svg{width:100%;height:100%}#subscription-wheel .sw-close:hover{background:var(--sw-line)}
.sw-stage{width:100%;min-width:0;padding:0;position:relative}.sw-wheel{width:100%;aspect-ratio:1;position:relative;isolation:isolate;border-radius:50%;}.sw-wheel:before{content:'';position:absolute;inset:3%;border-radius:50%;box-shadow:5px 12px 20px -7px #05091070,0 0 18px 2px #ff60000c;z-index:-1}.sw-stage:after{content:'';position:absolute;left:10%;right:8%;bottom:-1%;height:12%;background:radial-gradient(ellipse,#06091050,transparent 68%);pointer-events:none;z-index:-1}
.sw-rim-base,.sw-rim-art,.sw-surface-light,.sw-disc-window,.sw-rotor,.sw-rotor>svg{display:block;position:absolute;inset:0;width:100%;height:100%}.sw-disc-window{overflow:hidden;border-radius:50%}.sw-rotor{transform-origin:50% 50%}.sw-spinning .sw-rotor{will-change:transform}.sw-surface-light{z-index:1;pointer-events:none}.sw-rim-art{z-index:2;pointer-events:none}.sw-center{z-index:3;position:absolute;width:23%;height:23%;left:38.5%;top:38.5%;filter:drop-shadow(0 3px 4px #0009)}.sw-pointer{position:absolute;left:45%;top:.3%;width:10%;height:12.5%;filter:drop-shadow(1px 3px 2px #160b04a0) drop-shadow(0 0 5px #ff6819a0);z-index:4}
.sw-info{min-width:0;padding:35px 0 20px}.sw-telegram{width:40px;height:40px;margin:0 0 22px}.sw-telegram svg,.sw-telegram-small svg{width:100%;height:100%}#subscription-wheel h2{font-size:clamp(26px,2.7vw,34px);line-height:1.16;font-weight:750;letter-spacing:-1px;margin:0 0 8px}.sw-subtitle{margin:0;color:var(--sw-muted);font-size:21px;line-height:1.4}.sw-subtitle strong{color:#ff6413;font-size:27px;font-weight:750}
.sw-status{margin-top:27px;border:1px solid var(--sw-line);border-radius:16px;background:linear-gradient(120deg,#ff831307,transparent),var(--sw-panel);padding:19px 18px;min-height:110px}.sw-status-row{display:flex;gap:13px;align-items:center}.sw-status b{font-size:14px;line-height:1.4;font-weight:650}.sw-status small{display:block;font-size:12px;line-height:1.55;color:var(--sw-muted);margin-top:7px}.sw-check{width:25px;height:25px;flex:none}.sw-check svg{width:100%;height:100%}.sw-loader{width:43px;height:43px;flex:none;border:4px solid #9d694744;border-top-color:#ff7427;border-right-color:#ff7427;border-bottom-color:#ff7427;border-radius:50%;animation:sw-loading 1s linear infinite}.sw-telegram-small{width:30px;height:30px;flex:none}.sw-error-dot{width:12px;height:12px;border-radius:50%;background:#e56540;flex:none}
.sw-action{display:block;width:100%;min-height:50px;margin-top:16px;border:0;border-radius:12px;background:linear-gradient(110deg,#ff5103,#ff721e);color:#fff;font-size:16px;font-weight:650;padding:12px 20px;transition:filter .15s,transform .15s}.sw-action:hover:not(:disabled){filter:brightness(1.08)}.sw-action:active:not(:disabled){transform:scale(.985)}.sw-action:disabled{opacity:.65}.sw-channel{display:inline-block;font-size:13px;color:#ff7029;margin-top:14px;text-underline-offset:4px}
.sw-prize{display:block;color:#ff6413;font-size:clamp(34px,3.6vw,46px);line-height:1.1;font-weight:750;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin-bottom:12px}.sw-result-label{display:flex;align-items:center;gap:8px}.sw-result-label svg{width:20px;height:20px;flex:none}.sw-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes sw-loading{to{transform:rotate(360deg)}}
@media(max-width:700px){#subscription-wheel{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:20px}.sw-layout{grid-template-columns:minmax(0,1fr);gap:8px;padding:40px 20px 22px}.sw-stage{max-width:350px;margin:auto}.sw-info{padding:0;text-align:center}.sw-telegram{display:none}#subscription-wheel h2{font-size:26px;letter-spacing:-.6px}.sw-subtitle{font-size:17px}.sw-subtitle strong{font-size:23px}.sw-status{margin-top:16px;padding:15px;text-align:left;min-height:88px}.sw-status-row{justify-content:center}.sw-prize{text-align:center;font-size:38px}.sw-result-label{justify-content:center}.sw-status>.sw-result-label+small{text-align:center}#subscription-wheel .sw-close{top:10px;right:10px;width:36px;height:36px;padding:8px}.sw-action{min-height:48px}.sw-channel{display:block;text-align:center}}
@media(max-width:700px) and (max-height:740px){.sw-stage{max-width:min(280px,42dvh)}.sw-layout{padding-top:32px;gap:6px}.sw-status{margin-top:12px;padding:12px;min-height:76px}.sw-action{margin-top:12px}}
@media(min-width:701px) and (max-height:600px){#subscription-wheel{width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 24px)}.sw-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:16px 35px 16px 20px;gap:24px}.sw-stage{max-width:calc(100dvh - 60px);margin:auto}.sw-info{padding:18px 0 0}.sw-telegram{display:none}#subscription-wheel h2{font-size:26px}.sw-status{margin-top:12px;min-height:80px;padding:12px}#subscription-wheel .sw-close{width:30px;height:30px;top:8px;right:8px;padding:6px}}
@media(prefers-reduced-motion:reduce){#subscription-wheel *,#subscription-wheel *:before{animation:none!important;transition:none!important}}
@media(min-width:701px) and (max-height:600px){.sw-info{padding:8px 0}.sw-subtitle{font-size:18px}.sw-subtitle strong{font-size:23px}.sw-prize{font-size:34px;margin-bottom:8px}.sw-status small{font-size:11px}.sw-action{min-height:44px;margin-top:10px;padding:10px 16px}}

#bonuses-page .bonus-buttons [hidden]{display:none!important}

@media(max-width:700px){
 html:has(#subscription-wheel[open]){overflow:hidden;overscroll-behavior:none}
 #subscription-wheel{overflow:hidden;max-height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
 .sw-layout{padding:40px 20px 24px;gap:8px}
 .sw-stage{max-width:min(350px,calc(100dvh - 426px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}
 .sw-info{padding:0}
 .sw-status{margin-top:12px;padding:12px;min-height:76px}
 .sw-action{margin-top:12px}
}
@media(max-width:700px) and (max-height:640px){
 .sw-layout{padding:38px 16px 20px;gap:6px}
 #subscription-wheel h2{font-size:23px}
 .sw-status small{font-size:11px;line-height:1.4}
 .sw-prize{font-size:32px;margin-bottom:8px}
 .sw-stage{max-width:min(290px,calc(100dvh - 398px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}
}
@media(min-width:480px) and (max-height:500px){
 html:has(#subscription-wheel[open]){overflow:hidden;overscroll-behavior:none}
 #subscription-wheel{width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:hidden}
 .sw-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:26px 28px 20px 16px;gap:18px}
 .sw-stage{max-width:calc(100dvh - 80px)}
 .sw-info{padding:0}
 .sw-telegram{display:none}
 #subscription-wheel h2{font-size:22px}
 .sw-subtitle{font-size:15px}.sw-subtitle strong{font-size:20px}
 .sw-status{padding:10px;margin-top:10px;min-height:0}
 .sw-status b{font-size:12px}.sw-status small{font-size:10px;line-height:1.4;margin-top:5px}
 .sw-prize{font-size:30px;margin-bottom:6px}
 .sw-action{min-height:42px;margin-top:10px;padding:8px 14px;font-size:14px}
 #subscription-wheel .sw-close{width:28px;height:28px;right:6px;top:6px;padding:6px}
}

#bonuses-page .bonus-orbit{background:#faf8f5;border-color:#ece6df}
#bonuses-page .bonus-orbit .bonus-art-glow{background:#faf8f5 url('assets/bonuses/orbit/background.webp') center/cover no-repeat}
#bonuses-page .bonus-orbit .orbit-art{width:45%;height:240px;right:4px;top:22px;object-fit:contain;filter:drop-shadow(0 12px 10px #7d4b2020)}
:root[data-theme=dark] #bonuses-page .bonus-orbit{background:#202329!important;border-color:#373a40!important}
:root[data-theme=dark] #bonuses-page .bonus-orbit .bonus-art-glow{background-color:#e8e5e0;filter:brightness(.16) saturate(.4)}
:root[data-theme=dark] #bonuses-page .bonus-orbit .orbit-art{filter:drop-shadow(0 12px 14px #0005)!important}
@media(max-width:700px){
 #bonuses-page .bonus-orbit .orbit-art{width:43%;height:190px;top:26px;right:5px}
}
@media(max-width:900px){
 .ruvi-mobile #bonuses-page .bonus-orbit .orbit-art{width:128px;height:136px;right:6px;top:16px}
}
@media(max-width:360px){
 .ruvi-mobile #bonuses-page .bonus-orbit .orbit-art{width:106px;height:116px;right:2px;top:22px}
}

#subscription-flow{--sf-bg:#fcfbf9;--sf-fg:#252932;--sf-muted:#757c89;--sf-line:#e2ddd6;box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);overflow:auto;padding:34px 28px 24px;margin:auto;border:1px solid var(--sf-line);border-radius:24px;background:var(--sf-bg);color:var(--sf-fg);text-align:center;box-shadow:0 24px 80px #0005;font-family:inherit}
:root[data-theme=dark] #subscription-flow{--sf-bg:#1c2027;--sf-fg:#f1f2f6;--sf-muted:#a5adba;--sf-line:#343a45}
#subscription-flow::backdrop{background:#050a1280;backdrop-filter:blur(3px)}
#subscription-flow *{box-sizing:border-box}
.sf-close{position:absolute;right:12px;top:12px;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--sf-line);border-radius:50%;background:transparent;color:var(--sf-muted);padding:7px;cursor:pointer}
.sf-close svg{width:100%;height:100%}
.sf-icon{width:48px;height:48px;margin:4px auto 18px}.sf-icon svg{display:block;width:100%;height:100%}
#subscription-flow h2{font-size:27px;line-height:1.2;letter-spacing:-.7px;margin:0 0 12px}
.sf-description{font-size:14px;line-height:1.55;color:var(--sf-muted);margin:0 auto;max-width:330px}
.sf-content{display:flex;flex-direction:column;align-items:stretch;gap:7px;margin-top:25px;min-height:48px}
.sf-primary{display:flex;align-items:center;justify-content:center;min-height:48px;border:0;border-radius:11px;background:linear-gradient(110deg,#ff5103,#ff721e);color:#fff;text-decoration:none;font-family:inherit;font-size:15px;font-weight:650;line-height:1.4;padding:12px 18px;cursor:pointer}
.sf-verify{border:0;background:transparent;color:var(--sf-fg);font:inherit;font-size:13px;min-height:44px;padding:10px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.sf-verify:hover{color:#ff6413}.sf-verify:disabled{opacity:.65;cursor:wait}
.sf-auth-button{width:224px;max-width:100%;margin-inline:auto;min-height:48px;display:grid;place-items:center}.sf-auth-button.is-busy{pointer-events:none;opacity:.6}
.sf-loading{align-self:center;width:28px;height:28px;margin:12px;border:3px solid var(--sf-line);border-top-color:#ff6413;border-radius:50%;animation:sw-loading .8s linear infinite}
#subscription-flow :focus-visible{outline:2px solid #ff752e;outline-offset:4px}
html:has(#subscription-flow[open]){overflow:hidden;overscroll-behavior:none}
@media(max-width:480px){
 #subscription-flow{padding:30px 20px 20px;border-radius:20px}
 #subscription-flow h2{font-size:24px}.sf-description{font-size:13px}
 .sf-content{margin-top:20px}
}
@media(max-height:500px){
 #subscription-flow{padding:20px 24px 16px}.sf-icon{display:none}
 #subscription-flow h2{font-size:22px;margin-bottom:8px}.sf-content{margin-top:14px;min-height:48px}
}
@media(prefers-reduced-motion:reduce){.sf-loading{animation:none}}