:root{
  --pearl:#F7F5FC;--lavender:#F2EFFA;--purple:#6C32D4;--purple-2:#4A1598;--deep:#26075E;
  --deepest:#130329;--gold:#D6AE59;--gold-soft:#F2DB9A;--gold-warm:#C99237;--ink:#25183C;
  --glass:rgba(47,9,103,.88);--line:rgba(255,255,255,.34);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--lavender);overflow-x:hidden}body{margin:0;min-width:320px;overflow-x:hidden;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:
radial-gradient(circle at 50% -10%,#fff 0 20%,transparent 48%),linear-gradient(180deg,#FAF9FE 0%,#F2EFFA 46%,#ECE6FA 100%);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:
linear-gradient(110deg,transparent 0 14%,rgba(102,56,177,.06) 14.2% 15.2%,transparent 15.4% 29%,rgba(200,167,228,.09) 29.2% 30.5%,transparent 30.8%),
radial-gradient(ellipse at 20% 32%,rgba(108,50,212,.12),transparent 35%),radial-gradient(ellipse at 82% 27%,rgba(214,174,89,.11),transparent 30%);filter:blur(12px)}
body::after{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;box-shadow:inset 0 0 120px rgba(53,18,109,.07)}
.page-shell{position:relative;z-index:2;padding-top:var(--safe-top);padding-bottom:calc(16px + var(--safe-bottom))}
.ambient{position:fixed;inset:-15%;z-index:-1;pointer-events:none;filter:blur(70px);opacity:.8}.ambient i{position:absolute;border-radius:999px;transform:translate3d(0,0,0);animation:ambientBreath 12s ease-in-out infinite alternate}.ambient i:nth-child(1){width:42vw;height:42vw;left:4%;top:12%;background:rgba(135,88,222,.13)}.ambient i:nth-child(2){width:36vw;height:36vw;right:3%;top:27%;background:rgba(239,205,129,.12);animation-delay:-4s}.ambient i:nth-child(3){width:34vw;height:34vw;left:33%;bottom:2%;background:rgba(98,45,188,.09);animation-delay:-8s}
@keyframes ambientBreath{to{transform:translate3d(2vw,-1.2vw,0) scale(1.08);opacity:.64}}
.first-fold{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(28px,7vh,72px) 14px 30px;position:relative}
.brand-lockup{display:flex;flex-direction:column;align-items:center;gap:9px;margin-bottom:clamp(24px,4vh,44px)}.brand-lockup img{width:clamp(64px,18vw,96px);height:auto;filter:drop-shadow(0 15px 24px rgba(72,32,138,.18))}.brand-word{font-size:clamp(12px,3.2vw,14px);font-weight:850;letter-spacing:.34em;color:#4A248A;margin-left:.34em}
.headline{max-width:920px}.eyebrow{margin:0 0 12px;font-size:clamp(10px,2.5vw,12px);letter-spacing:.26em;font-weight:800;color:#8A6A31}.headline h1{margin:0;font-size:clamp(30px,8.1vw,74px);line-height:.96;letter-spacing:-.045em;font-weight:900;color:#32106E;text-wrap:balance}.subline{margin:18px auto 0;max-width:610px;font-size:clamp(12px,3.2vw,17px);line-height:1.6;color:#796C8F}
.jackpot-wrap{position:relative;width:min(94vw,880px);margin-top:clamp(30px,5vh,56px);padding:1px;border-radius:clamp(22px,5vw,42px);overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#FFF0B7 0%,#B37B2B 22%,#F2D795 49%,#7A4D17 74%,#FBEAB5 100%);box-shadow:0 30px 80px rgba(56,17,112,.20),0 8px 22px rgba(115,72,22,.11)}
.jackpot-wrap::before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,248,216,.58);border-radius:inherit;z-index:3;pointer-events:none}.jackpot-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,18px);min-height:clamp(104px,26vw,190px);padding:18px clamp(10px,3vw,34px);border-radius:calc(clamp(22px,5vw,42px) - 2px);background:
linear-gradient(180deg,rgba(255,255,255,.13),transparent 28%),linear-gradient(115deg,#220455 0%,#5A1DAB 45%,#2B0864 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -30px 70px rgba(10,0,36,.22)}
.jackpot-inner::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(201,173,255,.2),transparent 36%),linear-gradient(90deg,transparent 0 12%,rgba(255,255,255,.05) 13%,transparent 14% 84%,rgba(255,255,255,.045) 85%,transparent 86%);pointer-events:none}.currency{position:relative;z-index:2;color:#F6DF9C;font-weight:860;letter-spacing:.08em;font-size:clamp(16px,4vw,30px);text-shadow:0 1px 10px rgba(255,222,151,.22);white-space:nowrap}
.odometer{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-width:0;color:white;font-variant-numeric:tabular-nums lining-nums;filter:drop-shadow(0 7px 20px rgba(0,0,0,.22))}.digit-cell,.punct{height:1.08em;line-height:1.08em;font-size:var(--digit-size,clamp(28px,8.9vw,74px));font-weight:850;letter-spacing:-.055em}.digit-cell{position:relative;width:.62em;overflow:hidden;flex:0 0 .62em}.digit-track{position:absolute;inset:0 0 auto 0;will-change:transform;transform:translate3d(0,0,0)}.digit-track span{display:flex;align-items:center;justify-content:center;height:1.08em}.digit-track.roll{animation:digitRoll .52s cubic-bezier(.2,.76,.18,1) both}.punct{display:flex;align-items:center;justify-content:center;width:.31em;flex:0 0 .31em;color:#F4E8FF}.punct.decimal{width:.26em;flex-basis:.26em}
@keyframes digitRoll{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,-1.08em,0)}}
.gold-sweep{position:absolute;z-index:4;inset:-40% auto -40% -40%;width:23%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,245,203,.44),rgba(255,255,255,.82),rgba(245,214,136,.42),transparent);filter:blur(2px);transform:translate3d(-180%,0,0) rotate(12deg);animation:goldSweep 9s ease-in-out infinite}
@keyframes goldSweep{0%,67%{transform:translate3d(-180%,0,0) rotate(12deg);opacity:0}73%{opacity:.85}86%{opacity:.7}100%{transform:translate3d(720%,0,0) rotate(12deg);opacity:0}}
.scroll-cue{position:absolute;bottom:calc(18px + var(--safe-bottom));left:50%;transform:translateX(-50%);width:24px;height:38px;border:1px solid rgba(62,28,116,.18);border-radius:20px}.scroll-cue span{position:absolute;top:8px;left:50%;width:3px;height:7px;border-radius:4px;background:#8D6EBB;transform:translate3d(-50%,0,0);animation:scrollDot 1.8s ease-in-out infinite}@keyframes scrollDot{50%{transform:translate3d(-50%,10px,0);opacity:.2}}
.stage-fold{min-height:clamp(620px,95svh,900px);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:80px 0 100px}.stage-fold::before{content:"";position:absolute;width:min(720px,90vw);height:min(290px,38vw);left:50%;bottom:9%;transform:translate3d(-50%,0,0);border-radius:50%;background:radial-gradient(ellipse,rgba(99,44,191,.14) 0 24%,rgba(255,255,255,.75) 43%,transparent 70%);filter:blur(2px)}
.coin-stage{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(62vw,420px);transition:opacity .3s ease}.stage-halo{position:absolute;top:15%;left:50%;width:130%;aspect-ratio:1;border-radius:50%;transform:translate3d(-50%,0,0);background:radial-gradient(circle,rgba(119,62,218,.22),rgba(214,174,89,.08) 38%,transparent 68%);filter:blur(18px);animation:haloPulse 7s ease-in-out infinite alternate}.coin-float{position:relative;width:100%;animation:coinBob 6.5s ease-in-out infinite;will-change:transform}.coin-float img{display:block;width:100%;height:auto;filter:drop-shadow(0 34px 35px rgba(61,22,121,.24));transform:translate3d(0,0,0) rotateY(0deg)}.coin-glint{position:absolute;inset:13% 16% 20%;border-radius:50%;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.0) 43%,rgba(255,255,255,.55) 49%,rgba(255,244,203,.16) 55%,transparent 62%);mix-blend-mode:screen;animation:coinGlint 8s ease-in-out infinite;transform:translate3d(-35%,0,0);opacity:.45}.coin-shadow{width:70%;height:28px;border-radius:50%;margin-top:-2%;background:rgba(56,21,106,.19);filter:blur(17px);animation:shadowPulse 6.5s ease-in-out infinite}.coin-stage p{margin:34px 0 0;font-size:clamp(10px,2.8vw,12px);font-weight:850;letter-spacing:.29em;color:#674198;text-align:center}
@keyframes coinBob{0%,100%{transform:translate3d(0,10px,0) rotate(-1deg)}50%{transform:translate3d(0,-14px,0) rotate(1.2deg)}}@keyframes shadowPulse{50%{transform:scale(.86);opacity:.58}}@keyframes haloPulse{to{transform:translate3d(-50%,-2%,0) scale(1.06);opacity:.75}}@keyframes coinGlint{0%,30%{transform:translate3d(-50%,0,0);opacity:0}42%{opacity:.54}58%{transform:translate3d(55%,0,0);opacity:.15}100%{transform:translate3d(55%,0,0);opacity:0}}
.slot{position:absolute;z-index:3;width:clamp(280px,51vw,440px);aspect-ratio:520/760;background:url('../img/slot-shell.svg') center/contain no-repeat;filter:drop-shadow(0 30px 36px rgba(54,18,111,.20));transform:translate3d(0,0,0);will-change:transform}.slot-left{left:-31%;bottom:4%;transform:translate3d(0,0,0) rotate(-3deg)}.slot-right{right:-31%;bottom:4%;transform:translate3d(0,0,0) rotate(3deg)}.slot-reel-window{position:absolute;left:18.6%;top:31%;width:62.7%;height:25.9%;display:grid;grid-template-columns:repeat(3,1fr);gap:3%;overflow:hidden;border-radius:8%;background:linear-gradient(#F8F5FF,#fff,#EEE7FA);box-shadow:inset 0 0 24px rgba(56,17,111,.18)}.slot-reel-window::before,.slot-reel-window::after{content:"";position:absolute;left:0;right:0;height:26%;z-index:3;pointer-events:none}.slot-reel-window::before{top:0;background:linear-gradient(rgba(30,4,68,.20),transparent)}.slot-reel-window::after{bottom:0;background:linear-gradient(transparent,rgba(30,4,68,.18))}.reel{position:relative;overflow:hidden}.reel-strip{position:absolute;inset:0 0 auto 0;will-change:transform;transform:translate3d(0,0,0)}.symbol{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#3A126F;font-size:clamp(20px,4.6vw,37px);font-weight:950;letter-spacing:-.06em;text-shadow:0 1px 0 #fff}.symbol.word{font-size:clamp(11px,2.4vw,20px);letter-spacing:-.05em}.symbol.icon{font-size:clamp(20px,4.5vw,36px);filter:saturate(.82)}
.particles{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.particles i{position:absolute;left:var(--x);top:var(--y);width:calc(18px * var(--s));height:calc(18px * var(--s));border-radius:4px;background:linear-gradient(135deg,rgba(255,241,192,.75),rgba(131,82,190,.34));box-shadow:0 0 0 1px rgba(255,255,255,.25);opacity:.26;transform:translate3d(0,0,0) rotate(24deg);animation:particleDrift var(--d) ease-in-out infinite alternate;will-change:transform,opacity}.particles i:nth-child(even){border-radius:50%}@keyframes particleDrift{to{transform:translate3d(24px,-32px,0) rotate(145deg);opacity:.12}}
.trust-row{display:grid;grid-template-columns:1fr;gap:10px;width:min(980px,calc(100% - 28px));margin:0 auto;padding:0 0 calc(14px + var(--safe-bottom))}.trust-row>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;padding:18px 20px;border:1px solid rgba(84,43,144,.10);border-radius:20px;background:rgba(255,255,255,.54);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 30px rgba(64,28,117,.05)}.trust-icon{grid-row:1/3;align-self:center;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#F1EAFE;color:#6E3CC5;font-weight:900}.trust-row strong{font-size:11px;letter-spacing:.14em;color:#442778}.trust-row small{margin-top:3px;color:#9386A6;font-size:11px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[data-suspended="true"] *{animation-play-state:paused!important}

@media (min-width:760px){
  .first-fold{padding-left:32px;padding-right:32px}.stage-fold{min-height:900px}.slot{width:min(38vw,470px)}.slot-left{left:1%;bottom:9%;transform:rotate(-2deg)}.slot-right{right:1%;bottom:9%;transform:rotate(2deg)}.coin-stage{width:min(34vw,430px)}.trust-row{grid-template-columns:repeat(3,1fr);gap:14px}
}
@media (min-width:1120px){
  .first-fold{min-height:720px;padding-top:70px;padding-bottom:90px}.scroll-cue{display:none}.stage-fold{min-height:760px;margin-top:-80px}.slot{width:390px}.slot-left{left:7%;bottom:5%}.slot-right{right:7%;bottom:5%}.coin-stage{width:330px}.trust-row{margin-top:-35px}
}
@media (max-width:380px){.jackpot-wrap{width:96vw}.jackpot-inner{gap:6px;padding-left:7px;padding-right:7px}.currency{font-size:14px}.digit-cell,.punct{font-size:27px}.stage-fold{min-height:570px}.slot{width:270px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient i,.gold-sweep,.scroll-cue span,.coin-float,.coin-glint,.coin-shadow,.stage-halo,.particles i{animation:none!important}.digit-track.roll{animation-duration:.01ms}.slot{will-change:auto}}
