:root{--red:#ff1010;--gold:#ffd24a;--white:#fff;--black:#050000;--font-display:"Sora","Titillium Web",Impact,system-ui,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;overflow-x:hidden}body{color:var(--white);background:#0e0303;font-family:var(--font-display)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.page-shell{min-height:100svh}.hero{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-columns:minmax(280px,1fr) minmax(340px,1fr);align-items:center;padding:24px clamp(18px,5vw,72px);overflow:hidden;background-image:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.18)),url("./hero-roleta-1.webp");background-position:top center;background-size:cover}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 72% 46%,rgba(255,0,0,.18),transparent 32%),linear-gradient(90deg,rgba(0,0,0,.25),rgba(0,0,0,.04) 50%,rgba(0,0,0,.22));pointer-events:none}.brand-panel,.game-panel{display:flex;align-items:center;justify-content:center}.brand-logo{width:min(42vw,520px);max-height:520px;object-fit:contain;filter:drop-shadow(0 20px 42px rgba(0,0,0,.34))}.game-panel{flex-direction:column}.wheel-title{max-width:min(92vw,640px);margin:0 auto 2px;padding:4px 8px 0;text-align:center;line-height:.94;text-transform:uppercase}.wheel-title span,.wheel-title strong{display:block;letter-spacing:0;opacity:0;transform:translateY(14px) scale(.98);animation:wheelTitleReveal .72s cubic-bezier(.2,.8,.2,1) forwards}.wheel-title span{margin-bottom:3px;color:#fff;font-size:clamp(22px,3.4vw,38px);text-shadow:0 2px 0 rgba(0,0,0,.28),0 0 18px rgba(255,255,255,.16)}.wheel-title strong{color:var(--red);font-size:clamp(26px,4.2vw,48px);text-shadow:0 2px 0 #5d0000,0 6px 18px rgba(0,0,0,.56),0 0 24px rgba(255,0,0,.34);-webkit-text-stroke:1px rgba(255,255,255,.12);animation-delay:.16s}.wheel-game{width:100%;max-width:100vw;display:flex;justify-content:center;align-items:center;position:relative}.wheel-stage{position:relative;width:min(92vw,720px);aspect-ratio:1/1.08;display:flex;justify-content:center;align-items:center}.wheel-disc-wrap{position:relative;width:100%;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center}.wheel-disc-wrap:before{content:"";position:absolute;inset:3%;border-radius:50%;background:radial-gradient(circle,rgba(255,210,0,.18) 0%,rgba(255,0,0,.32) 34%,rgba(255,0,0,0) 66%),conic-gradient(from 0deg,rgba(255,208,0,.32),rgba(255,0,0,.44),rgba(255,255,255,.12),rgba(255,0,0,.38),rgba(255,208,0,.32));filter:blur(18px);opacity:.88;transform:scale(.92);animation:wheelIdleGlow 2s ease-in-out infinite;pointer-events:none}.wheel-disc-wrap:after{content:"";position:absolute;inset:6.5%;border-radius:50%;padding:2px;background:conic-gradient(from 0deg,transparent 0 18%,rgba(255,225,92,.95) 21%,rgba(255,0,0,.95) 26%,transparent 31% 52%,rgba(255,255,255,.7) 55%,rgba(255,0,0,.82) 59%,transparent 64% 100%);filter:drop-shadow(0 0 16px rgba(255,0,0,.55));opacity:.86;animation:wheelBorderChase 3.2s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.wheel-disc-wrap.is-revealing:before{animation:wheelPrizeReveal .68s ease-out both}.wheel-disc-wrap.is-revealing:after{animation:wheelPrizeRing .68s ease-out both}.wheel-disc-wrap.is-final-hit{animation:wheelFinalImpact .72s cubic-bezier(.16,.84,.22,1) both}.wheel-disc{display:block;width:100%;height:auto;transform:rotate(0deg);transform-origin:50% 50%;will-change:transform;user-select:none;-webkit-user-drag:none;pointer-events:none;position:relative;z-index:1}.wheel-prize-sparkles{position:absolute;inset:10%;z-index:3;border-radius:50%;pointer-events:none}.wheel-prize-sparkles span{position:absolute;left:50%;top:50%;width:17%;height:2.4%;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,228,92,.86),rgba(255,0,0,.46),rgba(255,255,255,0));filter:blur(.4px) drop-shadow(0 0 10px rgba(255,0,0,.54));opacity:0;transform-origin:-210% 50%;animation:wheelPrizeSpark 3.4s ease-in-out infinite}.wheel-prize-sparkles span:nth-child(1){transform:rotate(28deg) translateX(118%)}.wheel-prize-sparkles span:nth-child(2){transform:rotate(113deg) translateX(118%);animation-delay:.78s}.wheel-prize-sparkles span:nth-child(3){transform:rotate(206deg) translateX(118%);animation-delay:1.54s}.wheel-prize-sparkles span:nth-child(4){transform:rotate(296deg) translateX(118%);animation-delay:2.26s}.wheel-pointer{position:absolute;top:-1.6%;left:50%;transform:translateX(-50%);width:11.5%;max-width:84px;z-index:5;user-select:none;-webkit-user-drag:none;pointer-events:none;filter:drop-shadow(0 0 10px rgba(255,0,0,.5)) drop-shadow(0 0 18px rgba(255,210,0,.25));animation:wheelPointerTap 1.08s ease-in-out infinite}.wheel-pointer.is-ticking{animation:wheelPointerTick .12s ease-out both,wheelPointerTap 1.08s ease-in-out .12s infinite}.wheel-spin-btn{position:absolute;left:50%;top:50%;width:17%;aspect-ratio:1/1;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;cursor:pointer;z-index:6;animation:pulseBtn 1.6s infinite}.wheel-spin-btn:before,.wheel-spin-btn:after{content:"";position:absolute;inset:-24%;border-radius:50%;border:2px solid rgba(255,34,34,.68);box-shadow:0 0 24px rgba(255,0,0,.52),inset 0 0 18px rgba(255,0,0,.22);opacity:0;transform:scale(.76);animation:wheelEnergyRing 1.35s ease-out infinite;pointer-events:none}.wheel-spin-btn:after{animation-delay:.62s;border-color:rgba(255,208,0,.58);box-shadow:0 0 24px rgba(255,208,0,.34),inset 0 0 16px rgba(255,208,0,.18)}.wheel-spin-btn img{width:100%;height:100%;display:block;transition:transform .18s ease,filter .18s ease;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35)) drop-shadow(0 0 15px rgba(255,0,0,.42));user-select:none;-webkit-user-drag:none;pointer-events:none;position:relative;z-index:2}.wheel-spin-btn:hover img{transform:scale(1.03)}.wheel-spin-btn:active img{transform:scale(.97)}.wheel-spin-btn.is-disabled{pointer-events:none;animation:none}.wheel-spin-btn.is-disabled:before,.wheel-spin-btn.is-disabled:after{animation:none;opacity:0}.wheel-disc-wrap.is-last-chance .wheel-spin-btn{animation:pulseBtn 1.02s ease-in-out infinite}.wheel-disc-wrap.is-last-chance .wheel-spin-btn:before,.wheel-disc-wrap.is-last-chance .wheel-spin-btn:after{inset:-32%;border-color:rgba(255,208,0,.8);box-shadow:0 0 30px rgba(255,208,0,.38),0 0 28px rgba(255,0,0,.46),inset 0 0 18px rgba(255,208,0,.18)}
.wheel-tap-hint,.wheel-opportunity,.wheel-analyzing{position:absolute;left:50%;z-index:8;display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:82%;border-radius:999px;font-size:clamp(10px,1.6vw,15px);font-weight:900;letter-spacing:.7px;line-height:1;text-align:center;text-transform:uppercase;pointer-events:none}.wheel-tap-hint{top:66%;transform:translateX(-50%);padding:9px 14px;border:1px solid rgba(255,255,255,.2);background:rgba(8,0,0,.72);box-shadow:0 10px 24px rgba(0,0,0,.34),0 0 18px rgba(255,0,0,.24);color:#fff;opacity:1;transition:opacity .22s ease,transform .22s ease;animation:wheelHintPulse 1.35s ease-in-out infinite}.wheel-tap-hint.is-hidden{opacity:0;transform:translateX(-50%) translateY(8px)}.wheel-opportunity{top:25%;transform:translateX(-50%) translateY(10px) scale(.94);padding:8px 13px;border:1px solid rgba(255,208,0,.5);background:rgba(10,0,0,.82);box-shadow:0 0 22px rgba(255,0,0,.3),inset 0 1px 0 rgba(255,255,255,.14);color:#fff7cf;opacity:0;transition:opacity .18s ease,transform .18s ease}.wheel-disc-wrap.is-priming .wheel-opportunity{opacity:1;transform:translateX(-50%) translateY(0) scale(1);animation:wheelOpportunityScan .62s ease-out both}.wheel-analyzing{top:73%;transform:translateX(-50%) translateY(8px);padding:10px 16px;border:1px solid rgba(255,208,0,.42);background:rgba(14,0,0,.84);box-shadow:0 0 24px rgba(255,0,0,.35),inset 0 1px 0 rgba(255,255,255,.14);color:#fff;opacity:0;transition:opacity .22s ease,transform .22s ease}.wheel-disc-wrap.is-analyzing .wheel-analyzing{opacity:1;transform:translateX(-50%) translateY(0);animation:wheelAnalyzingPulse .8s ease-in-out infinite}.wheel-speed-lines{position:absolute;inset:4%;z-index:4;border-radius:50%;opacity:0;pointer-events:none;background:repeating-conic-gradient(from 0deg,transparent 0deg 8deg,rgba(255,255,255,.34) 9deg 10deg,transparent 11deg 24deg),repeating-conic-gradient(from 18deg,transparent 0deg 17deg,rgba(255,0,0,.44) 18deg 20deg,transparent 21deg 36deg);filter:blur(.5px) drop-shadow(0 0 12px rgba(255,0,0,.42));-webkit-mask:radial-gradient(circle,transparent 0 58%,#000 63% 80%,transparent 84%);mask:radial-gradient(circle,transparent 0 58%,#000 63% 80%,transparent 84%);animation:wheelSpeedSweep .55s linear infinite;transition:opacity .22s ease}.wheel-disc-wrap.is-spinning .wheel-speed-lines{opacity:.92}.wheel-message{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.wheel-message.is-visible{opacity:1;visibility:visible}.wheel-message-box{max-width:min(92%,560px);padding:22px 26px;border:2px solid rgba(255,208,0,.95);border-radius:20px;background:radial-gradient(circle at top,rgba(255,215,0,.22),rgba(0,0,0,.94) 58%),linear-gradient(180deg,rgba(35,35,35,.98),rgba(0,0,0,.98));box-shadow:0 0 0 3px rgba(255,255,255,.05) inset,0 0 22px rgba(255,208,0,.35),0 18px 50px rgba(0,0,0,.45);color:#fff;font-size:clamp(20px,2.8vw,34px);font-weight:900;line-height:1.2;text-align:center;text-transform:uppercase;animation:wheelMessageImpact .55s ease,wheelMessageGlow 1.2s ease-in-out infinite}.wheel-message-box span{display:inline-flex;align-items:center;justify-content:center;width:1.15em;height:1.15em;margin-right:.18em;border-radius:50%;background:#ffcc00;color:#130000;line-height:1;vertical-align:.04em}
.wheel-popup-overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.72);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}.wheel-popup-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.wheel-popup-box{position:relative;width:min(92vw,560px);transform:scale(.92);opacity:0;transition:transform .28s ease,opacity .28s ease}.wheel-popup-overlay.is-open .wheel-popup-box{transform:scale(1);opacity:1}.wheel-popup-box.is-form-open .wheel-popup-image-button,.wheel-popup-box.is-form-open .wheel-popup-cta{opacity:0;visibility:hidden;pointer-events:none}.wheel-popup-image-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.wheel-popup-image{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.35)}.wheel-popup-cta{position:absolute;left:52%;bottom:20%;z-index:5;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:min(78%,360px);padding:16px;border:0;border-radius:30px;color:#fff;background:linear-gradient(135deg,#c80000 0%,#ff1010 52%,#ff4545 100%);box-shadow:0 10px 25px rgba(200,0,0,.35),0 0 22px rgba(255,16,16,.38),inset 0 1px 0 rgba(255,255,255,.35);overflow:hidden;cursor:pointer;appearance:none;animation:wheelPopupCtaPulse 1.5s ease-in-out infinite}.wheel-popup-cta:before{content:"";position:absolute;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.28),rgba(255,255,255,0));transform:skewX(-22deg);animation:wheelPopupShine 2.4s linear infinite}.wheel-popup-cta span{position:relative;z-index:2;font-size:19px;font-weight:900;letter-spacing:.8px;line-height:1}.wheel-lead-form{position:absolute;left:50%;top:50%;z-index:8;display:grid;gap:12px;width:min(84%,390px);padding:24px 22px 22px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:radial-gradient(circle at top,rgba(255,0,0,.18),rgba(10,0,0,.96) 58%),linear-gradient(180deg,rgba(34,0,0,.98),rgba(0,0,0,.98));box-shadow:0 24px 55px rgba(0,0,0,.56),0 0 34px rgba(255,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-46%) scale(.94);transition:opacity .24s ease,visibility .24s ease,transform .24s ease}.wheel-popup-box.is-form-open .wheel-lead-form{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.wheel-form-header{display:grid;gap:5px;text-align:center}.wheel-form-header strong{color:#ff2020;font-size:clamp(22px,4vw,32px);line-height:.95;text-transform:uppercase;text-shadow:0 0 18px rgba(255,0,0,.38)}.wheel-form-header span{color:rgba(255,255,255,.84);font-size:13px;font-weight:800;line-height:1.25}.wheel-lead-form label{display:grid;gap:6px;color:rgba(255,255,255,.84);font-size:11px;font-weight:900;letter-spacing:.45px;text-transform:uppercase}.wheel-lead-form input{width:100%;min-height:46px;padding:0 14px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.96);box-shadow:inset 0 2px 6px rgba(0,0,0,.12);color:#160000;font-size:15px;font-weight:700;outline:none}.wheel-lead-form input:focus{border-color:#ff2020;box-shadow:0 0 0 3px rgba(255,32,32,.2),inset 0 2px 6px rgba(0,0,0,.1)}.wheel-form-submit{min-height:50px;margin-top:2px;border:0;border-radius:999px;background:linear-gradient(135deg,#c80000 0%,#ff1010 54%,#ff4545 100%);box-shadow:0 12px 28px rgba(200,0,0,.36),0 0 22px rgba(255,16,16,.34);color:#fff;cursor:pointer;font-size:14px;font-weight:900;letter-spacing:.5px}.wheel-confetti-layer{position:fixed;inset:0;z-index:1000000;pointer-events:none;overflow:hidden}.wheel-confetti{position:absolute;top:-30px;width:10px;height:18px;opacity:.95;animation:confettiFall linear forwards;will-change:transform,opacity}.wheel-confetti.shape-rect{border-radius:2px}.wheel-confetti.shape-round{width:12px;height:12px;border-radius:999px}.wheel-confetti.shape-tri{width:0;height:0;background:transparent!important;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:14px solid red}
@keyframes wheelTitleReveal{0%{opacity:0;transform:translateY(18px) scale(.96);filter:blur(4px)}68%{opacity:1;transform:translateY(-2px) scale(1.015);filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes pulseBtn{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}@keyframes wheelPointerTap{0%,100%{transform:translateX(-50%) translateY(0) scale(1)}50%{transform:translateX(-50%) translateY(9px) scale(1.07)}}@keyframes wheelPointerTick{0%{transform:translateX(-50%) translateY(0) rotate(0deg) scale(1)}48%{transform:translateX(-50%) translateY(13px) rotate(-4deg) scale(1.12);filter:drop-shadow(0 8px 18px rgba(255,0,0,.62)) drop-shadow(0 0 24px rgba(255,210,0,.44))}100%{transform:translateX(-50%) translateY(0) rotate(0deg) scale(1)}}@keyframes wheelEnergyRing{0%{opacity:.92;transform:scale(.66)}72%,100%{opacity:0;transform:scale(1.86)}}@keyframes wheelPrizeSpark{0%,28%,100%{opacity:0;filter:blur(.4px) drop-shadow(0 0 6px rgba(255,0,0,.32))}8%{opacity:.92;filter:blur(.2px) drop-shadow(0 0 15px rgba(255,208,0,.6))}15%{opacity:.34}}@keyframes wheelOpportunityScan{0%{opacity:0;transform:translateX(-50%) translateY(12px) scale(.92);filter:blur(3px)}42%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.04);filter:blur(0)}100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1);filter:blur(0)}}@keyframes wheelSpeedSweep{0%{transform:rotate(0deg) scale(1)}100%{transform:rotate(360deg) scale(1.02)}}@keyframes wheelAnalyzingPulse{0%,100%{box-shadow:0 0 20px rgba(255,0,0,.32),inset 0 1px 0 rgba(255,255,255,.14);border-color:rgba(255,208,0,.38)}50%{box-shadow:0 0 32px rgba(255,0,0,.56),0 0 22px rgba(255,208,0,.24),inset 0 1px 0 rgba(255,255,255,.2);border-color:rgba(255,208,0,.72)}}@keyframes wheelBorderChase{to{transform:rotate(360deg)}}@keyframes wheelPrizeReveal{0%{opacity:.72;filter:blur(12px) brightness(1);transform:scale(.94)}50%{opacity:1;filter:blur(8px) brightness(1.45);transform:scale(1.03)}100%{opacity:.78;filter:blur(12px) brightness(1.08);transform:scale(.96)}}@keyframes wheelPrizeRing{0%,100%{opacity:.78;transform:scale(1);box-shadow:0 0 34px rgba(255,0,0,.28),inset 0 0 28px rgba(255,208,0,.12)}52%{opacity:1;transform:scale(1.08);box-shadow:0 0 48px rgba(255,208,0,.45),inset 0 0 42px rgba(255,0,0,.24)}}@keyframes wheelFinalImpact{0%,100%{transform:scale(1);filter:brightness(1)}46%{transform:scale(1.055);filter:brightness(1.18) saturate(1.08)}}@keyframes wheelIdleGlow{0%,100%{opacity:.66;transform:scale(.91) rotate(0deg)}50%{opacity:1;transform:scale(1.01) rotate(8deg)}}@keyframes wheelHintPulse{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-4px)}}@keyframes wheelMessageImpact{0%{opacity:0;transform:scale(.7) rotate(-2deg)}40%{opacity:1;transform:scale(1.08) rotate(1deg)}60%{transform:scale(.96) rotate(-1deg)}100%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes wheelMessageGlow{0%,100%{box-shadow:0 0 0 3px rgba(255,255,255,.05) inset,0 0 18px rgba(255,208,0,.28),0 18px 50px rgba(0,0,0,.45)}50%{box-shadow:0 0 0 3px rgba(255,255,255,.08) inset,0 0 34px rgba(255,208,0,.55),0 18px 55px rgba(0,0,0,.52)}}@keyframes wheelPopupCtaPulse{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.04)}}@keyframes wheelPopupShine{from{left:-120%}to{left:150%}}@keyframes confettiFall{0%{transform:translate3d(0,-20px,0) rotate(0deg);opacity:1}100%{transform:translate3d(var(--confetti-x,0px),110vh,0) rotate(var(--confetti-rotate,540deg));opacity:.95}}
@media (max-width:767px){.hero{min-height:100svh;grid-template-columns:1fr;align-content:start;padding:max(8px,env(safe-area-inset-top)) 0 0}.brand-logo{width:min(76vw,219px);max-height:219px;margin:0 auto -4px}.wheel-title{max-width:94vw;margin:0 auto;padding:0 10px;line-height:.96}.wheel-title span{margin-bottom:2px;font-size:clamp(18px,6.7vw,29px)}.wheel-title strong{font-size:clamp(21px,7.8vw,34px);line-height:.94;-webkit-text-stroke:.5px rgba(255,255,255,.1)}.wheel-stage{width:min(92vw,430px);max-height:62svh;margin-inline:auto}.wheel-disc-wrap:before{inset:5%;filter:blur(13px);opacity:.78}.wheel-disc-wrap:after{inset:8%;opacity:.72}.wheel-pointer{width:12.8%;top:-1.2%}.wheel-spin-btn{width:18.5%}.wheel-tap-hint{top:67%;max-width:72%;padding:8px 11px;font-size:10px;letter-spacing:.45px;white-space:nowrap}.wheel-opportunity{top:25%;max-width:80%;padding:7px 10px;font-size:9px;letter-spacing:.32px;white-space:nowrap}.wheel-analyzing{top:73%;max-width:84%;padding:8px 12px;font-size:10px;letter-spacing:.45px;white-space:nowrap}.wheel-message-box{max-width:92%;padding:18px 16px;border-radius:16px;font-size:clamp(16px,5.2vw,20px)}.wheel-popup-box{width:min(94vw,430px)}.wheel-popup-cta{width:min(78%,330px);bottom:20%;padding:13px 14px;border-radius:14px}.wheel-popup-cta span{font-size:clamp(10px,3.1vw,12px);letter-spacing:.25px;white-space:nowrap}.wheel-lead-form{width:min(88%,360px);max-height:88svh;overflow-y:auto;padding:18px 16px 16px;gap:10px;border-radius:16px}.wheel-form-header strong{font-size:clamp(20px,7vw,27px)}.wheel-form-header span{font-size:12px}.wheel-lead-form input{min-height:42px;font-size:14px}.wheel-form-submit{min-height:46px;font-size:12px}}
.wheel-form-submit:disabled{opacity:.72;cursor:wait}