@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");:root{--neon-blue:#00f7ff;--neon-purple:#c13eff;--neon-pink:#ff3e9a;--neon-green:#3effc2;--dark-bg:#0a0a0a;--darker-bg:#050505;--card-bg:hsla(0,0%,8%,.7);--text-color:#fff;--highlight-color:#00f7ff}*{box-sizing:border-box}*,body{margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;min-height:100vh;color:var(--text-color);overflow-x:hidden}.landing-page{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0a0014}.background-video{object-fit:cover;z-index:0}.background-video,.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.video-overlay{background:radial-gradient(circle at center,rgba(10,0,20,.3) 0,rgba(10,0,20,.7) 100%);z-index:1;pointer-events:none}.landing-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;width:100%;max-width:800px}.monad-logo{margin-bottom:3rem;animation:float 3s ease-in-out infinite}.monad-logo svg{filter:drop-shadow(0 0 20px rgba(255,255,255,.5))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.landing-title{font-size:clamp(3rem,10vw,6rem);font-weight:400;line-height:1.1;margin-bottom:1.5rem;color:#fff;text-shadow:0 0 40px hsla(0,0%,100%,.3);letter-spacing:-.02em}.landing-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:400;color:hsla(0,0%,100%,.8);margin-bottom:3rem;max-width:500px}.sign-in-button{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);color:#fff;border:none;border-radius:50px;padding:1.125rem 3.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px rgba(124,58,237,.5),0 0 60px rgba(124,58,237,.3);position:relative;overflow:hidden;text-transform:none;z-index:1}.sign-in-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#7c3aed,#9333ea 50%,#c084fc);opacity:0;transition:opacity .3s ease;z-index:-1}.sign-in-button:hover:before{opacity:1}.sign-in-button:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(124,58,237,.6),0 0 80px rgba(124,58,237,.4)}.sign-in-button:active{transform:translateY(0)}.sound-toggle{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.75rem;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:50px;padding:.75rem 1.5rem;color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .3s ease;z-index:10}.sound-toggle:hover{background:rgba(0,0,0,.8);border-color:hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.9)}.sound-toggle svg{flex-shrink:0}.sound-toggle-text{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}@media (max-width:768px){.landing-content{padding:1.5rem}.monad-logo{margin-bottom:2rem}.monad-logo svg{width:48px;height:48px}.landing-title{margin-bottom:1rem}.landing-subtitle{margin-bottom:2rem}.sign-in-button{padding:.875rem 2.5rem;font-size:.9rem}.sound-toggle{bottom:1rem;padding:.625rem 1.25rem;max-width:calc(100% - 2rem)}.sound-toggle-text{font-size:.65rem}}.main{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.cyberpunk-main{background-color:rgba(5,5,5,.6);color:#fff;background:radial-gradient(circle at center,hsla(0,0%,7%,.6) 0,rgba(8,8,8,.6) 70%,rgba(5,5,5,.6) 100%)}.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.stars{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23222222' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23333333'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E")}.glow,.stars{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1}.glow{background:radial-gradient(circle at 30% 30%,rgba(0,247,255,.25) 0,transparent 70%),radial-gradient(circle at 70% 70%,rgba(193,62,255,.25) 0,transparent 70%);mix-blend-mode:screen;pointer-events:none;animation:move-glow 15s ease-in-out infinite alternate}@keyframes move-glow{0%{background-position:0 0;opacity:.7}50%{opacity:1}to{background-position:100% 100%;opacity:.7}}.bg-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,transparent 49%,rgba(0,247,255,.15) 50%,transparent 51%,transparent),linear-gradient(0deg,transparent,transparent 49%,rgba(193,62,255,.15) 50%,transparent 51%,transparent);background-size:100px 100px;animation:move-lines 10s linear infinite;opacity:.8}@keyframes move-lines{0%{background-position:0 0;opacity:.6}50%{opacity:.8}to{background-position:100px 100px;opacity:.6}}header{width:100%;position:sticky;top:0;z-index:10;background:rgba(5,5,5,.8);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,247,255,.1);padding:1rem 2rem;box-shadow:0 5px 20px rgba(0,0,0,.3)}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-container{display:flex;align-items:center;position:relative}.logo-text{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.8rem;background:linear-gradient(90deg,#fff,var(--neon-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 5px rgba(0,247,255,.5);letter-spacing:1px;position:relative}.logo-text:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--neon-blue),transparent);opacity:.7}.highlight-text{color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue),0 0 20px rgba(0,247,255,.5);-webkit-text-fill-color:var(--neon-blue)}.header-icons{gap:1.2rem}.header-icons,.social-icon{display:flex;align-items:center}.social-icon{justify-content:center;width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.05);color:var(--neon-blue);transition:all .3s ease;border:1px solid rgba(0,247,255,.2);box-shadow:0 0 10px rgba(0,247,255,.1);position:relative;overflow:hidden}.social-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(0,247,255,.3) 0,transparent 70%);opacity:0;transition:opacity .3s ease}.social-icon:hover{background:rgba(0,247,255,.1);transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,247,255,.2)}.social-icon:hover:before{opacity:.5}.connect-wallet-button{display:flex;align-items:center;gap:.8rem;background:linear-gradient(90deg,var(--neon-purple),var(--neon-pink));color:#fff;border:none;padding:.7rem 1.4rem;border-radius:50px;font-weight:600;font-size:.95rem;letter-spacing:.5px;cursor:pointer;box-shadow:0 0 15px rgba(193,62,255,.5),0 0 30px rgba(193,62,255,.2);transition:all .3s ease;position:relative;overflow:hidden}.connect-wallet-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 50%,transparent);transition:left .5s ease}.connect-wallet-button:hover{box-shadow:0 0 20px rgba(193,62,255,.7),0 0 40px rgba(193,62,255,.3);transform:translateY(-3px) scale(1.03)}.connect-wallet-button:hover:before{left:100%}.profile-icon{font-size:1.2rem;margin-right:.3rem}.container{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:2rem;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.cyberpunk-container{padding-top:3rem;text-align:center}.welcome-title{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:800;margin-bottom:3rem;line-height:1.2;text-shadow:0 0 10px hsla(0,0%,100%,.2);text-transform:uppercase;letter-spacing:2px;background:linear-gradient(180deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.welcome-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:150px;height:3px;background:linear-gradient(90deg,transparent,var(--neon-blue),transparent);border-radius:3px}.wheel-outer-container{position:relative;width:100%;max-width:680px;margin:0 auto 3rem;aspect-ratio:1/1;padding:20px}.wheel-glow-effect{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at center,rgba(0,247,255,.3) 0,rgba(193,62,255,.2) 40%,transparent 70%);filter:blur(20px);z-index:-1;animation:pulse-glow 3s infinite alternate}@keyframes pulse-glow{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.wheel-container{margin:1.5rem auto;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 0 30px rgba(0,247,255,.2));-webkit-transform:translateZ(0);transform:translateZ(0)}.wheel,.wheel-container{position:relative;width:100%;max-width:600px}.wheel{aspect-ratio:1/1;-webkit-aspect-ratio:1/1;transform-origin:center;transition:transform .5s ease;will-change:transform;transform:rotate(0deg);z-index:1;backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000;-webkit-perspective:1000}.wheel-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:contain;transform:translateZ(0);-webkit-transform:translateZ(0)}.wheel-pointer-container{position:absolute;top:-5px;left:50%;transform:translateX(-50%);z-index:20;width:40px;height:30px}.wheel-pointer{width:40px;height:30px;background:linear-gradient(180deg,#f0e6ff 0,#e0d6ff 60%,#c9b8ff);clip-path:polygon(50% 0,0 100%,100% 100%);transform:rotate(180deg);position:relative;z-index:10;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));border-radius:2px}.wheel-pointer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,0) 50%);clip-path:polygon(50% 0,0 100%,100% 100%);z-index:2}.wheel-pointer:after{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;background:linear-gradient(180deg,hsla(0,0%,100%,.9) 0,rgba(245,240,255,.6));clip-path:polygon(50% 2%,2% 98%,98% 98%);z-index:1;filter:blur(.5px)}.spin-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,var(--neon-purple),var(--neon-pink));border:none;cursor:pointer;z-index:6;display:flex;align-items:center;justify-content:center;transition:all .3s ease;overflow:hidden;box-shadow:0 0 20px rgba(193,62,255,.5),0 0 40px rgba(193,62,255,.2),inset 0 0 15px hsla(0,0%,100%,.2)}.spin-button:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 30px rgba(193,62,255,.7),0 0 60px rgba(193,62,255,.3),inset 0 0 20px hsla(0,0%,100%,.3)}.spin-button-text{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.5rem;color:#fff;letter-spacing:1px;text-shadow:0 0 10px hsla(0,0%,100%,.7);position:relative;z-index:7}.spin-button-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,hsla(0,0%,100%,.8) 0,transparent 70%);opacity:0;transition:opacity .3s ease}.spin-button:hover .spin-button-glow{opacity:.3}@keyframes spin{0%{transform:rotate(0deg);animation-timing-function:cubic-bezier(.32,0,.67,0)}85%{transform:rotate(3500deg);animation-timing-function:cubic-bezier(.33,1,.68,1)}to{transform:rotate(10turn)}}.instruction-cards{display:flex;flex-direction:column;gap:1.2rem;width:100%;max-width:600px;margin:2rem auto 0}.instruction-card{background:hsla(0,0%,6%,.7);border-radius:12px;padding:1.2rem;display:flex;align-items:center;gap:1.2rem;border:1px solid rgba(0,247,255,.1);box-shadow:0 8px 20px rgba(0,0,0,.3),0 0 10px rgba(0,247,255,.1);backdrop-filter:blur(10px);transform:translateZ(0);transition:all .3s ease;position:relative;overflow:hidden}.instruction-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,247,255,.05),transparent 70%);opacity:0;transition:opacity .3s ease}.instruction-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(0,0,0,.4),0 0 15px rgba(0,247,255,.2);border-color:rgba(0,247,255,.3)}.instruction-card:hover:before{opacity:1}.card-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--neon-blue);color:#000;font-weight:700;font-size:1.2rem;flex-shrink:0;box-shadow:0 0 15px rgba(0,247,255,.5)}.instruction-card p{color:hsla(0,0%,100%,.9);margin:0;font-size:1rem;font-weight:500;line-height:1.5}.cooldown-message{margin-top:2rem;background:hsla(0,0%,6%,.7);border-radius:12px;padding:1.2rem 1.5rem;border:1px solid rgba(0,247,255,.2);color:var(--neon-blue);font-weight:500;font-size:1.1rem;letter-spacing:.5px;box-shadow:0 8px 20px rgba(0,0,0,.3),0 0 15px rgba(0,247,255,.1);position:relative;overflow:hidden;display:inline-block}.cooldown-message:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:var(--neon-blue);box-shadow:0 0 10px rgba(0,247,255,.7)}.cooldown-message p{margin:0;display:flex;align-items:center;gap:.5rem}.cooldown-message p:before{content:"⏱️";font-size:1.2rem}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.85);backdrop-filter:blur(15px);display:flex;justify-content:center;align-items:center;z-index:100;animation:backdrop-fade .4s ease}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}.modal{position:relative;border-radius:20px;padding:3rem 2.5rem;max-width:90%;width:480px;box-shadow:0 20px 40px rgba(0,0,0,.5),0 0 30px rgba(0,247,255,.15);text-align:center;overflow:hidden;animation:modal-appear .5s cubic-bezier(.19,1,.22,1);border:1px solid hsla(0,0%,100%,.1)}@keyframes modal-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.welcome-modal{background:linear-gradient(135deg,#111,#222);color:#fff;border:1px solid rgba(0,247,255,.2);position:relative}.glow-effect{background:radial-gradient(circle at center,rgba(0,247,255,.2) 0,transparent 70%);z-index:-1;animation:glow-pulse 3s infinite alternate}.glow-effect,.welcome-modal:before{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.welcome-modal:before{content:"";background:linear-gradient(45deg,transparent 48%,rgba(0,247,255,.1) 50%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(0,247,255,.1) 50%,transparent 52%);background-size:30px 30px;opacity:.3}.welcome-modal h2{font-family:Orbitron,sans-serif;font-size:2rem;margin-bottom:1.2rem;text-transform:uppercase;background:linear-gradient(180deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px;position:relative;display:inline-block}.welcome-modal h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:50%;height:3px;background:linear-gradient(90deg,transparent,var(--neon-blue),transparent);border-radius:3px}.welcome-modal p{margin-bottom:1rem;color:hsla(0,0%,100%,.9);font-weight:400;line-height:1.6}.big-text{font-size:1.2rem;margin:2rem 0 1rem;font-weight:500}.welcome-modal h3{font-family:Orbitron,sans-serif;font-size:3rem;margin:1.5rem 0;color:var(--neon-blue);text-shadow:0 0 10px rgba(0,247,255,.5),0 0 20px rgba(0,247,255,.3);letter-spacing:2px;background:linear-gradient(to bottom,var(--neon-blue),rgba(0,247,255,.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.primary-button{background:linear-gradient(90deg,var(--neon-purple),var(--neon-pink));color:#fff;border:none;padding:1.2rem 2rem;border-radius:50px;font-family:Orbitron,sans-serif;font-weight:600;cursor:pointer;margin-top:2rem;width:100%;position:relative;overflow:hidden;box-shadow:0 0 15px rgba(193,62,255,.5),0 0 30px rgba(193,62,255,.2);transition:all .3s ease;font-size:1.1rem;letter-spacing:1px}.primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 50%,transparent);transition:left .5s ease}.primary-button:hover{box-shadow:0 0 25px rgba(193,62,255,.7),0 0 50px rgba(193,62,255,.3);transform:translateY(-3px)}.primary-button:hover:before{left:100%}.button-text{position:relative;z-index:2}.win-modal{overflow:hidden;padding-top:3.5rem}.regular-win{border:1px solid var(--neon-blue)}.medium-win,.regular-win{background:radial-gradient(circle at center,#111,#0a0a0a)}.medium-win{border:1px solid var(--neon-pink)}.major-win{border:1px solid var(--neon-green)}.jackpot-win,.major-win{background:radial-gradient(circle at center,#111,#0a0a0a)}.jackpot-win{border:1px solid #ff3e3e}.win-modal h1{font-family:Orbitron,sans-serif;font-size:2.2rem;margin-bottom:.8rem;text-transform:uppercase;animation:win-pulse 1s infinite alternate;letter-spacing:2px;text-shadow:0 0 10px hsla(0,0%,100%,.5),0 0 20px hsla(0,0%,100%,.3);background:linear-gradient(180deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes win-pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(1.05);opacity:1}}.win-modal h2{font-family:Orbitron,sans-serif;font-size:3rem;margin-bottom:2.5rem;color:var(--neon-blue);text-shadow:0 0 10px rgba(0,247,255,.5),0 0 20px rgba(0,247,255,.3);background:linear-gradient(to bottom,var(--neon-blue),rgba(0,247,255,.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px;line-height:1.2}.medium-win h2{color:var(--neon-pink);text-shadow:0 0 10px rgba(255,62,154,.5),0 0 20px rgba(255,62,154,.3);background:linear-gradient(to bottom,var(--neon-pink),rgba(255,62,154,.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.major-win h2{color:var(--neon-green);font-size:3.5rem;text-shadow:0 0 10px rgba(62,255,194,.5),0 0 20px rgba(62,255,194,.3);background:linear-gradient(to bottom,var(--neon-green),rgba(62,255,194,.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.jackpot-win h1{color:#ff3e3e;font-size:2.8rem;text-shadow:0 0 10px rgba(255,62,62,.5),0 0 20px rgba(255,62,62,.3);background:linear-gradient(180deg,#ff3e3e,rgba(255,62,62,.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:jackpot-pulse .5s infinite alternate}@keyframes jackpot-pulse{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.08);filter:brightness(1.2)}}.jackpot-win h2{color:#ff3e3e;font-size:4rem;text-shadow:0 0 15px rgba(255,62,62,.7),0 0 30px rgba(255,62,62,.4);background:linear-gradient(180deg,#ff3e3e,rgba(255,62,62,.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.win-modal p{margin-bottom:2rem;color:hsla(0,0%,100%,.9);font-size:1.1rem;font-weight:500}.claim-button{background:linear-gradient(90deg,var(--neon-purple),var(--neon-pink));color:#fff;border:none;padding:1.2rem 2rem;border-radius:50px;font-family:Orbitron,sans-serif;font-weight:600;font-size:1.1rem;cursor:pointer;width:100%;box-shadow:0 0 15px rgba(193,62,255,.5),0 0 30px rgba(193,62,255,.2);transition:all .3s ease;letter-spacing:1px;position:relative;overflow:hidden}.claim-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 50%,transparent);transition:left .5s ease}.claim-button:hover{box-shadow:0 0 25px rgba(193,62,255,.7),0 0 50px rgba(193,62,255,.3);transform:translateY(-3px)}.claim-button:hover:before{left:100%}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.confetti-piece{position:absolute;width:12px;height:24px;top:-30px;animation:confetti-fall 4s linear infinite;z-index:1;opacity:.9;border-radius:2px;transform-origin:center}.jackpot-win .confetti-piece{width:15px;height:30px;filter:brightness(1.2) contrast(1.2);box-shadow:0 0 5px hsla(0,0%,100%,.3)}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0deg) scale(1);opacity:1}25%{transform:translateY(250px) rotate(180deg) scale(.8);opacity:.8}50%{transform:translateY(500px) rotate(1turn) scale(1.2);opacity:.6}75%{transform:translateY(750px) rotate(540deg) scale(.6);opacity:.4}to{transform:translateY(1000px) rotate(2turn) scale(.4);opacity:0}}@media (max-width:767px){.main{padding-bottom:0}header{padding:1rem}.header-content{flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center}.logo-container{flex-basis:100%;justify-content:center;margin-bottom:.5rem}.header-icons{width:100%;justify-content:center;flex-wrap:wrap}.connect-wallet-button{font-size:.9rem;padding:.6rem 1.2rem}.container{padding:1.5rem 1rem}.welcome-title{font-size:2rem;margin-bottom:2rem}.wheel-outer-container{max-width:100%;margin:0 auto 2rem;padding:0}.wheel-container{max-width:100%}.wheel-canvas{width:100%;height:100%}.instruction-cards{gap:1rem}.instruction-card{padding:1rem}.modal{width:95%;padding:2rem 1.5rem}.welcome-modal h2,.win-modal h1{font-size:1.6rem}.welcome-modal h3,.win-modal h2{font-size:2.2rem}.major-win h2{font-size:2.4rem}.jackpot-win h1{font-size:2rem}.jackpot-win h2{font-size:2.6rem}.claim-button,.primary-button{padding:1rem 1.5rem;font-size:1rem}.footer-content{flex-direction:column;gap:1rem;text-align:center}.footer-links{flex-direction:column;gap:.8rem}}@media (min-width:768px) and (max-width:1024px){.wheel-outer-container{max-width:500px}.welcome-title{font-size:2.5rem}.header-content{padding:0 1rem}.modal{max-width:450px}}footer{margin-top:auto;padding:1.5rem 2rem;background:rgba(5,5,5,.9);backdrop-filter:blur(10px);border-top:1px solid rgba(0,247,255,.1);width:100%;position:relative;overflow:hidden}footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,247,255,.5),transparent);opacity:.7}.footer-content{max-width:1200px;margin:0 auto;justify-content:space-between}.footer-content,.powered{display:flex;align-items:center}.powered{color:hsla(0,0%,100%,.6);font-size:.9rem;gap:.5rem}.powered:before{content:"";display:inline-block;width:8px;height:8px;background:var(--neon-blue);border-radius:50%;box-shadow:0 0 10px var(--neon-blue);animation:pulse 2s infinite}.powered span{color:var(--neon-blue);font-weight:600;letter-spacing:.5px}.footer-links{display:flex;gap:2rem;align-items:center;font-size:.9rem}.footer-links a{color:hsla(0,0%,100%,.6);text-decoration:none;transition:all .3s ease;position:relative;padding:.3rem 0}.footer-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--neon-blue);transition:width .3s ease}.footer-links a:hover{color:var(--neon-blue);text-shadow:0 0 5px rgba(0,247,255,.3)}.footer-links a:hover:after{width:100%}.copyright{color:hsla(0,0%,100%,.4)}.close-profile-button:hover{color:#fff!important}.notifications-scroll{scrollbar-width:thin;scrollbar-color:rgba(62,255,194,.2) rgba(62,255,194,.05);scroll-behavior:smooth}.notifications-scroll::-webkit-scrollbar{width:5px}.notifications-scroll::-webkit-scrollbar-track{background:rgba(62,255,194,.05);border-radius:3px}.notifications-scroll::-webkit-scrollbar-thumb{background:rgba(62,255,194,.2);border-radius:3px;transition:background .3s ease}.notifications-scroll::-webkit-scrollbar-thumb:hover{background:rgba(62,255,194,.3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notifications-dropdown{display:none}@media (max-width:480px){.notifications-dropdown{display:none}.notifications-scroll{height:340px!important}}@keyframes fadeOut{0%{opacity:1;visibility:visible}85%{opacity:1;visibility:visible}to{opacity:0;visibility:visible}}@keyframes logoPulse{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}@keyframes progressFill{0%{width:0}5%{width:5%}15%{width:25%}30%{width:40%}50%{width:60%}70%{width:75%}85%{width:90%}to{width:100%}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(5,5,5,.99);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;animation:fadeOut 4s ease-in-out forwards;transition:opacity .8s ease-in-out}.loading-screen:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(0,247,255,.1) 0,transparent 70%);pointer-events:none;opacity:.5;animation:glow-pulse 2s infinite alternate}@keyframes glow-pulse{0%{opacity:.3}to{opacity:.5}}@supports (-webkit-touch-callout:none){.wheel{height:0!important;padding-bottom:100%!important;overflow:hidden;will-change:transform}.wheel,.wheel-canvas{transform:translateZ(0);-webkit-transform:translateZ(0)}.wheel-canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important;border-radius:50%}}@media{.wheel{aspect-ratio:1/1;height:0!important;padding-bottom:100%!important;width:100%;max-width:600px;position:relative}.wheel-canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important}}