html,body{background:#240744;color:#fff}
html.spidwin-preloader-visible,html.spidwin-preloader-visible body{overflow:hidden}
.spidwinPreloader{position:fixed;inset:0;z-index:200000;display:block;padding:clamp(14px,2vw,24px);padding-top:calc(clamp(14px,2vw,24px) + env(safe-area-inset-top,0px));padding-bottom:calc(clamp(14px,2vw,24px) + env(safe-area-inset-bottom,0px));opacity:0;visibility:hidden;pointer-events:none;overflow:auto;background:radial-gradient(circle at 14% 10%, rgba(255,79,216,.28), transparent 22%),radial-gradient(circle at 88% 18%, rgba(86,216,255,.24), transparent 24%),radial-gradient(circle at 50% 100%, rgba(255,217,61,.16), transparent 30%),linear-gradient(180deg,#4f179d 0%,#2c0b63 48%,#160232 100%);font-family:Inter,system-ui,sans-serif;transition:opacity .18s ease,visibility .18s ease}
html.spidwin-preloader-visible .spidwinPreloader{opacity:1;visibility:visible;pointer-events:auto}
.spidwinPreloader *{box-sizing:border-box}
.spidwinPreloader__progress{position:fixed;top:0;left:0;right:0;height:4px;background:rgba(255,255,255,.08);overflow:hidden}
.spidwinPreloader__progress::before{content:"";position:absolute;top:0;left:0;bottom:0;width:34%;border-radius:999px;background:linear-gradient(90deg,#ffe76d 0%,#ff4fd8 48%,#56d8ff 100%);animation:spidwinPreloaderProgress 1.1s cubic-bezier(.3,.6,.4,1) infinite}
.spidwinPreloader__surface,.spidwinPreloader__app{width:min(1220px,100%);margin:0 auto;display:grid;gap:18px}
.spidwinPreloader__chrome,.spidwinPreloader__topRow,.spidwinPreloader__brandRow,.spidwinPreloader__publicNav,.spidwinPreloader__rewardFooter{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.spidwinPreloader__brand{display:flex;align-items:center;gap:12px}
.spidwinPreloader__brandBadge,.spidwinPreloader__heroStamp,.spidwinPreloader__dockBadge,.spidwinPreloader__bubbleIcon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(180deg,#ffe97b,#ffbe20);box-shadow:0 7px 0 #c88600,0 14px 22px rgba(0,0,0,.22);border:3px solid rgba(255,255,255,.34);color:#5b3800;font-size:24px;font-weight:1000;line-height:1}
.spidwinPreloader__brandText{display:grid;gap:4px}
.spidwinPreloader__brandText strong{font-family:"Baloo 2",sans-serif;font-size:30px;line-height:1;color:#fff6ce;text-shadow:0 3px 0 rgba(92,39,0,.35)}
.spidwinPreloader__brandText span{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#ffd4f7}
.spidwinPreloader__status{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 28px rgba(9,2,33,.18)}
.spidwinPreloader__statusDot{width:10px;height:10px;border-radius:999px;background:#57ef75;box-shadow:0 0 0 0 rgba(87,239,117,.55);animation:spidwinPreloaderPulse 1.35s ease-out infinite}
.spidwinPreloader__statusLabel{font-size:12px;font-weight:900;letter-spacing:.04em;color:#fff1ff}
.spidwinPreloader__hero,.spidwinPreloader__sidebar,.spidwinPreloader__table,.spidwinPreloader__panel,.spidwinPreloader__card,.spidwinPreloader__quickDock,.spidwinPreloader__rewardDock,.spidwinPreloader__missionBand,.spidwinPreloader__jackpotCard,.spidwinPreloader__FanPickCard,.spidwinPreloader__wheelCard,.spidwinPreloader__accountHero,.spidwinPreloader__adminActionBar{border-radius:28px;border:3px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.05));box-shadow:0 18px 34px rgba(5,0,24,.22),inset 0 1px 0 rgba(255,255,255,.08)}
.spidwinPreloader__hero,.spidwinPreloader__panel,.spidwinPreloader__card,.spidwinPreloader__rewardDock,.spidwinPreloader__missionBand,.spidwinPreloader__jackpotCard,.spidwinPreloader__FanPickCard,.spidwinPreloader__wheelCard,.spidwinPreloader__accountHero,.spidwinPreloader__adminActionBar{padding:20px;display:grid;gap:12px}
.spidwinPreloader__table{padding:20px;display:grid;gap:12px}
.spidwinPreloader__hero{min-height:236px;position:relative;overflow:hidden}
.spidwinPreloader__hero::before{content:"";position:absolute;right:-48px;top:-42px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,230,116,.58),rgba(255,179,0,.10) 45%,transparent 72%)}
.spidwinPreloader__hero::after{content:"";position:absolute;left:-56px;bottom:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(86,216,255,.34),rgba(86,216,255,.05) 48%,transparent 72%)}
.spidwinPreloader__hero--landing{grid-template-columns:minmax(0,1fr) 200px;align-items:center;min-height:260px}
.spidwinPreloader__hero--compact{grid-template-columns:minmax(0,1fr) 110px;align-items:center;min-height:176px}
.spidwinPreloader__hero--reward{grid-template-columns:minmax(0,1fr) 150px;align-items:center;background:linear-gradient(145deg,rgba(255,211,84,.34),rgba(255,149,25,.18)),linear-gradient(180deg,#7c29df 0%,#571bb2 52%,#2a0b63 100%)}
.spidwinPreloader__hero--admin{grid-template-columns:minmax(0,1fr) 140px;align-items:center;background:linear-gradient(145deg,rgba(125,249,255,.16),rgba(255,255,255,.05)),linear-gradient(180deg,#6f3be4 0%,#3d138f 58%,#1f0745 100%)}
.spidwinPreloader__stack{position:relative;z-index:1;display:grid;gap:12px}
.spidwinPreloader__stack--intro{padding:8px 0 2px}
.spidwinPreloader__layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}
.spidwinPreloader__sidebar{padding:18px;display:grid;gap:14px;min-height:560px}
.spidwinPreloader__sidebarHeader{display:flex;align-items:center;gap:10px}
.spidwinPreloader__nav{display:grid;gap:10px}
.spidwinPreloader__content{display:grid;gap:16px}
.spidwinPreloader__grid2,.spidwinPreloader__grid3,.spidwinPreloader__cardGrid,.spidwinPreloader__rewardGrid,.spidwinPreloader__jackpotGrid,.spidwinPreloader__trackerGrid,.spidwinPreloader__fieldGrid,.spidwinPreloader__wheelLayout,.spidwinPreloader__boardLayout,.spidwinPreloader__accountTop{display:grid;gap:16px}
.spidwinPreloader__grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
.spidwinPreloader__grid3,.spidwinPreloader__cardGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.spidwinPreloader__rewardGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.spidwinPreloader__jackpotGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.spidwinPreloader__wheelLayout{grid-template-columns:minmax(0,1fr) 320px;align-items:start}
.spidwinPreloader__boardLayout,.spidwinPreloader__accountTop{grid-template-columns:minmax(0,1.4fr) minmax(260px,.82fr);align-items:start}
.spidwinPreloader__sideColumn,.spidwinPreloader__filterStack,.spidwinPreloader__threadList,.spidwinPreloader__FanPicksection{display:grid;gap:12px}
.spidwinPreloader__chipRow,.spidwinPreloader__buttonRow,.spidwinPreloader__mobileTabs,.spidwinPreloader__badgeRow,.spidwinPreloader__footerLinks,.spidwinPreloader__tokenRow{display:flex;gap:10px;flex-wrap:wrap}
.spidwinPreloader__buttonRow--end{justify-content:flex-end}
.spidwinPreloader__chipRow--slider{overflow:hidden}
.spidwinPreloader__fieldGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.spidwinPreloader__field{display:grid;gap:8px}
.spidwinPreloader__field--full{grid-column:1 / -1}
.spidwinPreloader__navItem,.spidwinPreloader__chip,.spidwinPreloader__mobileTab,.spidwinPreloader__button,.spidwinPreloader__line,.spidwinPreloader__tableLine,.spidwinPreloader__heroMedia,.spidwinPreloader__heroDog,.spidwinPreloader__input,.spidwinPreloader__choice,.spidwinPreloader__token,.spidwinPreloader__miniStat,.spidwinPreloader__rewardMedia,.spidwinPreloader__frame,.spidwinPreloader__device,.spidwinPreloader__wheelCircle,.spidwinPreloader__wheelCenter,.spidwinPreloader__threadInput,.spidwinPreloader__listRow{position:relative;overflow:hidden}
.spidwinPreloader__navItem,.spidwinPreloader__mobileTab{height:48px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05))}
.spidwinPreloader__chip{height:42px;min-width:118px;border-radius:999px;background:rgba(255,255,255,.10)}
.spidwinPreloader__chip--mini{min-width:92px;height:34px}
.spidwinPreloader__chip--gold{background:linear-gradient(180deg,rgba(255,231,109,.32),rgba(255,188,31,.18))}
.spidwinPreloader__chip--pillTitle{min-width:180px;height:38px}
.spidwinPreloader__button{height:52px;min-width:150px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06))}
.spidwinPreloader__button--short{min-width:120px}
.spidwinPreloader__button--ghost{min-width:128px;opacity:.78}
.spidwinPreloader__line{height:16px;border-radius:999px;background:rgba(255,255,255,.10)}
.spidwinPreloader__line--tiny{height:12px;width:120px}
.spidwinPreloader__line--small{width:38%}
.spidwinPreloader__line--medium{width:62%}
.spidwinPreloader__line--large{width:78%}
.spidwinPreloader__line--full{width:100%}
.spidwinPreloader__line--title{height:52px;width:min(520px,92%);border-radius:20px}
.spidwinPreloader__line--subtitle{width:min(460px,88%)}
.spidwinPreloader__line--cardTitle{height:24px;width:68%}
.spidwinPreloader__line--cardValue{height:38px;width:46%}
.spidwinPreloader__line--navBrand{height:26px;width:126px}
.spidwinPreloader__line--navSub{height:12px;width:90px}
.spidwinPreloader__tableLine{height:58px;border-radius:18px;background:rgba(255,255,255,.08)}
.spidwinPreloader__tableLine--header{height:44px;background:rgba(255,255,255,.12)}
.spidwinPreloader__quickDock{padding:18px;display:grid;gap:12px}
.spidwinPreloader__mobileTabs{display:none}
.spidwinPreloader__heroMedia{height:168px;border-radius:28px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.32),rgba(255,255,255,0) 56%),linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.06))}
.spidwinPreloader__heroMedia--stack{height:220px}
.spidwinPreloader__heroDog{width:112px;height:150px;justify-self:end;border-radius:32px;background:linear-gradient(180deg,rgba(255,223,118,.36),rgba(255,255,255,.08))}
.spidwinPreloader__heroStamp,.spidwinPreloader__dockBadge,.spidwinPreloader__bubbleIcon{background:linear-gradient(180deg,#83e6ff,#20b8ff);box-shadow:0 7px 0 #1271b8,0 14px 22px rgba(0,0,0,.22);color:#063f72}
.spidwinPreloader__rewardDock{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
.spidwinPreloader__rewardCard{min-height:220px;padding:16px;border-radius:24px;background:linear-gradient(180deg,rgba(255,223,93,.28),rgba(255,149,25,.14));display:grid;gap:10px}
.spidwinPreloader__rewardMedia{height:76px;border-radius:18px;background:rgba(255,255,255,.16)}
.spidwinPreloader__rewardMedia--large{height:240px}
.spidwinPreloader__missionBand{background:linear-gradient(180deg,rgba(56,213,247,.24),rgba(37,99,235,.12))}
.spidwinPreloader__jackpotCard{min-height:286px;background:linear-gradient(180deg,rgba(255,231,109,.30),rgba(255,188,31,.16));color:#fff}
.spidwinPreloader__jackpotCard--featured{box-shadow:0 16px 32px rgba(79,37,0,.26),inset 0 1px 0 rgba(255,255,255,.18)}
.spidwinPreloader__tokenRow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.spidwinPreloader__token{height:42px;border-radius:14px;background:rgba(255,255,255,.18)}
.spidwinPreloader__choiceGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.spidwinPreloader__choice{min-height:54px;border-radius:16px;background:rgba(255,255,255,.12)}
.spidwinPreloader__choice--wide{min-height:78px}
.spidwinPreloader__trackerGrid{grid-template-columns:repeat(5,minmax(0,1fr))}
.spidwinPreloader__trackerCard{padding:12px;border-radius:16px;background:rgba(255,255,255,.08);display:grid;gap:8px}
.spidwinPreloader__FanPickCard{background:linear-gradient(180deg,rgba(123,97,255,.40),rgba(79,36,199,.22))}
.spidwinPreloader__panel--soft,.spidwinPreloader__panel--notice{background:rgba(255,255,255,.08)}
.spidwinPreloader__wheelStage{display:grid;justify-items:center}
.spidwinPreloader__wheelCard{min-height:640px;align-items:center;justify-items:center;background:linear-gradient(180deg,rgba(116,48,221,.35),rgba(57,15,124,.24))}
.spidwinPreloader__wheelCircle{width:min(420px,78vw);height:min(420px,78vw);border-radius:999px;background:conic-gradient(from 0deg,rgba(255,231,109,.30),rgba(255,79,216,.20),rgba(86,216,255,.26),rgba(102,240,113,.18),rgba(255,231,109,.30));display:grid;place-items:center}
.spidwinPreloader__wheelCenter{width:102px;height:102px;border-radius:999px;background:rgba(255,255,255,.20)}
.spidwinPreloader__miniStat{height:50px;border-radius:16px;background:rgba(255,255,255,.10)}
.spidwinPreloader__accountHero{min-height:204px;background:linear-gradient(145deg,rgba(56,18,142,.98),rgba(22,16,67,.92) 58%,rgba(9,14,38,.96))}
.spidwinPreloader__panel--thread{gap:14px}
.spidwinPreloader__threadBubble{max-width:78%;padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.10);display:grid;gap:8px}
.spidwinPreloader__threadBubble--self{margin-left:auto;background:rgba(78,205,196,.28)}
.spidwinPreloader__threadInput{height:86px;border-radius:20px;background:rgba(255,255,255,.08)}
.spidwinPreloader__input{height:54px;border-radius:16px;background:rgba(255,255,255,.10)}
.spidwinPreloader__input--check{height:46px}
.spidwinPreloader__listRow{height:74px;border-radius:18px;background:rgba(255,255,255,.08)}
.spidwinPreloader__frame{height:260px;border-radius:22px;background:rgba(255,255,255,.08)}
.spidwinPreloader__device{width:min(240px,100%);height:460px;margin:0 auto;border-radius:36px;background:rgba(255,255,255,.10)}
.spidwinPreloader__publicNav{padding:4px 2px}
.spidwinPreloader__brandRow{display:flex;align-items:center;gap:12px}
.spidwinPreloader__panel--legal{min-height:360px}
.spidwinPreloader__panel--download{max-width:420px;justify-self:center;justify-items:center;padding:26px;text-align:center}
.spidwinPreloader__panel--authVisual,.spidwinPreloader__panel--authForm{min-height:360px}
.spidwinPreloader__panel--emailPreview{min-height:360px}
.spidwinPreloader__adminActionBar{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.spidwinPreloader__admin .spidwinPreloader__sidebar{background:linear-gradient(180deg,rgba(113,57,210,.22),rgba(30,10,67,.52))}
.spidwinPreloader__dashboard .spidwinPreloader__sidebar{background:linear-gradient(180deg,rgba(91,27,196,.22),rgba(36,7,81,.52))}
.spidwinPreloader__authSplit{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:18px}
.spidwinPreloader__shine::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.18) 45%,transparent 100%);transform:translateX(-160%);animation:spidwinPreloaderShimmer 1.05s linear infinite}
.spidwinPreloaderContentArea{position:relative;min-height:clamp(320px,42vh,560px)}
.spidwinPreloader--content{position:absolute;inset:0;z-index:30;overflow:hidden auto}
.spidwinPreloader--content .spidwinPreloader__progress{position:absolute}
.spidwinPreloader--content .spidwinPreloader__chrome,
.spidwinPreloader--content .spidwinPreloader__sidebar,
.spidwinPreloader--content .spidwinPreloader__mobileTabs{display:none}
.spidwinPreloader--content .spidwinPreloader__surface,
.spidwinPreloader--content .spidwinPreloader__app{width:100%;max-width:none;min-height:100%}
.spidwinPreloader--content .spidwinPreloader__layout{grid-template-columns:minmax(0,1fr)}
.spidwinPreloader--content .spidwinPreloader__content{min-height:100%}
@keyframes spidwinPreloaderProgress{0%{transform:translateX(-120%)}100%{transform:translateX(360%)}}
@keyframes spidwinPreloaderShimmer{100%{transform:translateX(220%)}}
@keyframes spidwinPreloaderPulse{0%{box-shadow:0 0 0 0 rgba(87,239,117,.55)}100%{box-shadow:0 0 0 14px rgba(87,239,117,0)}}
@media (max-width:980px){
.spidwinPreloader__layout,.spidwinPreloader__grid2,.spidwinPreloader__grid3,.spidwinPreloader__cardGrid,.spidwinPreloader__wheelLayout,.spidwinPreloader__boardLayout,.spidwinPreloader__accountTop,.spidwinPreloader__authSplit{grid-template-columns:1fr}
.spidwinPreloader__fieldGrid{grid-template-columns:1fr}
.spidwinPreloader__rewardDock{grid-template-columns:1fr}
.spidwinPreloader__trackerGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.spidwinPreloader__choiceGrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.spidwinPreloader__sidebar{min-height:auto}
.spidwinPreloader__mobileTabs{display:flex}
.spidwinPreloader__surface{gap:14px}
.spidwinPreloader__wheelCard{min-height:520px}
.spidwinPreloaderContentArea{min-height:clamp(280px,48vh,520px)}
}
@media (max-width:640px){
.spidwinPreloader{padding:12px;padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
.spidwinPreloader__chrome{align-items:flex-start}
.spidwinPreloader__brandBadge,.spidwinPreloader__heroStamp,.spidwinPreloader__dockBadge,.spidwinPreloader__bubbleIcon{width:48px;height:48px;border-radius:16px;font-size:22px}
.spidwinPreloader__brandText strong{font-size:26px}
.spidwinPreloader__hero,.spidwinPreloader__card,.spidwinPreloader__table,.spidwinPreloader__sidebar,.spidwinPreloader__quickDock,.spidwinPreloader__panel,.spidwinPreloader__rewardDock,.spidwinPreloader__missionBand,.spidwinPreloader__jackpotCard,.spidwinPreloader__FanPickCard,.spidwinPreloader__wheelCard,.spidwinPreloader__accountHero,.spidwinPreloader__adminActionBar{padding:18px;border-radius:24px}
.spidwinPreloader__line--title{height:44px;width:100%}
.spidwinPreloader__status{width:100%;justify-content:center}
.spidwinPreloader__button,.spidwinPreloader__chip{flex:1 1 100%;min-width:0}
.spidwinPreloader__hero--landing,.spidwinPreloader__hero--compact,.spidwinPreloader__hero--reward,.spidwinPreloader__hero--admin{grid-template-columns:1fr}
.spidwinPreloader__heroMedia,.spidwinPreloader__heroDog{justify-self:stretch;width:100%}
.spidwinPreloader__choiceGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.spidwinPreloader__tokenRow{grid-template-columns:repeat(3,minmax(0,1fr))}
.spidwinPreloader__trackerGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.spidwinPreloader__threadBubble{max-width:100%}
.spidwinPreloader__wheelCard{min-height:420px}
.spidwinPreloader__wheelCircle{width:min(280px,82vw);height:min(280px,82vw)}
.spidwinPreloader__device{height:340px}
}
@media (prefers-reduced-motion:reduce){
.spidwinPreloader,.spidwinPreloader *{transition:none !important;animation:none !important}
.spidwinPreloader__shine::after{display:none}
}