.game{position:fixed;inset:0;background:url(/assets/game/game-bg.webp) center/cover no-repeat;padding:0;z-index:1}.game-wrapper{margin-top:140px;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-logo{position:fixed;top:24px;left:0;width:150px;z-index:inherit}.game-hero{position:fixed;top:-15px;right:-40px;width:280px}.game-hero-big{display:none}.reel{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:1.5rem}.reel:before{content:"";position:absolute;inset:-30px;background:url(/assets/game/bubbles-canvas.webp) no-repeat center;background-size:cover;z-index:0}.cell{width:68px;height:64px;border:4px solid transparent;border-radius:8px;display:flex;justify-content:center;align-items:center;overflow:hidden;background:transparent;z-index:1}.cell img{width:100%;height:100%;object-fit:contain}.reel.spinning .cell{animation:reelSpin .7s ease-out}.cell.win{animation:winPulse .6s ease-in-out 3,winGlow .6s ease-in-out 3}.status-bg{display:inline-block;text-align:center;padding:10px;background:url(/assets/game/spin-bg.webp) no-repeat center/cover;border-radius:8px;margin-top:-10px;position:relative;z-index:1}.gradient-text{background:linear-gradient(180deg,#dcefff 40%,#c079e9 49%,#f0cdff 75%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#300a78;font-family:Titan One,sans-serif;font-size:1.5rem;text-align:center;line-height:1;white-space:nowrap}@keyframes reelSpin{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes winPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media screen and (min-width: 600px){.game-hero{width:350px}.game-logo{top:2rem;left:2rem;width:200px;height:180px}.reel:before{inset:-50px;background-size:500px 460px}.status-bg{width:250px}.gradient-text{font-size:2rem}.cell{width:110px;height:95px}.activate-btn.spin{margin-top:-1.5rem}}@media screen and (min-width: 1024px){.game-hero{display:none}.game-hero-big{position:fixed;display:block;top:0;right:0;width:300px}.reel:before{inset:-200px;background-size:600px 560px}.cell{width:130px;height:120px}}.popup-container{position:fixed;inset:0;background:linear-gradient(180deg,#355359b3,#3b5d63b3);display:flex;align-items:center;justify-content:center;z-index:10001}.popup-box{position:relative;display:flex;flex-direction:column;align-items:center;padding:1.5rem;text-align:center;width:290px;height:470px;animation:fadeInUp .4s ease-out}.popup-box:before{content:"";position:absolute;inset:-10px;background:url(/assets/popup-bg.webp) no-repeat center;background-size:100% 100%;z-index:-1}.popup-box:after{content:"";position:absolute;top:-70px;left:50%;transform:translate(-50%);width:260px;height:230px;background:url(/assets/logo.webp) no-repeat center/contain;z-index:1}.popup-heading{font-size:4rem;margin-top:4rem;line-height:.7}.popup-text{margin-top:.5rem;font-size:1.75rem}.popup-top-text{font-size:2.5rem;letter-spacing:2px}.accent-text{font-size:3.5rem;color:#f5ff36;line-height:.75;margin-top:2rem}.popup-wrapper{margin-top:2rem;display:flex;align-items:center}.popup-img{width:6rem;height:5rem;animation:swing 2s ease-in-out infinite}.popup-subtext{text-align:left;line-height:1.05;font-size:1.25rem;letter-spacing:2px}.accent-text.final{margin-top:1rem}.final.popup-box{margin-top:-1.5rem}.final.popup-box:after{top:-80px}.popup-heading.final{margin-top:3rem}.popup-bottom-text{margin-top:.5rem;font-size:2rem;letter-spacing:1px}.popup-wrapper.final{margin-top:.5rem}.popup-subtext.final{font-size:1rem}.activate-btn.final{margin-top:-2rem}.timer{width:150px;margin:-2rem auto 0;position:relative;text-align:center}.timer:before{content:"";position:absolute;inset:-20px;background:url(/assets/timer-bg.png) no-repeat center;background-size:contain;z-index:-1}.timer-label{font-size:1rem;color:#fff}.timer-count{display:flex;justify-content:center;font-family:Titan One,cursive;font-size:2rem;color:#fff;text-shadow:0 0 8px rgba(0,0,0,.5);margin-bottom:.25rem}.timer-count span{min-width:2ch}.timer-unit{display:flex;justify-content:center;gap:2rem;font-size:.75rem;color:#ddd;letter-spacing:.05em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes swing{0%{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(0)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media screen and (min-width: 600px){.popup-box{width:400px}.popup-heading{font-size:5rem}.popup-text{font-size:2.5rem}.popup-wrapper{justify-content:center;gap:1rem}.popup-img{height:5.5rem}.popup-subtext{font-size:1.75rem}.popup-heading.final{font-size:4rem}.popup-wrapper.final{margin-top:1rem}.activate-btn.final{margin-top:-1rem}}.backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#355359b3,#3b5d63b3);z-index:10000}.loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;z-index:10000;border:6px solid rgba(255,255,255,.3);border-top-color:#1605ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.container{margin:0 auto;padding:15px;min-width:320px;max-width:375px}@media screen and (min-width: 600px) and (max-width: 1023px){.container{max-width:768px;padding:24px 60px}}@media screen and (min-width: 1024px){.container{max-width:1440px;padding:84px 120px}}*,:after,:before{box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-family: "Changa One", sans-serif;--main-color-black: #101828;--main-color-white: #ffffff;--transition: .3s ease}body{margin:0;padding:0;font-family:var(--font-family);font-weight:400;background-color:var(--main-color-white);color:var(--main-color-white)}h1,h2,h3,h4,h5,h6,p{margin:0}ul,ol{margin:0;padding:0;padding-inline-start:0;list-style:none}img{display:block;max-width:100%;height:auto}a{color:currentColor;text-decoration:none}button{display:block;cursor:pointer}.hidden{display:none}.activate-btn{position:relative;display:flex;align-items:center;justify-content:center;width:250px;min-height:150px;margin-top:-1rem;padding:1.5rem;font-family:Sigmar-One,sans-serif;background:url(/assets/activate-button.png) no-repeat center/contain;font-size:1.5rem;cursor:pointer;z-index:2;border:none;-webkit-text-stroke-width:2px;-webkit-text-stroke:#360443;animation:pulse 1.5s ease-in-out infinite;text-align:center}.btn-text{display:block;width:100%;white-space:normal;word-break:break-word;line-height:1.2;text-align:center;font-family:Sigmar One,sans-serif;font-size:1.75rem;color:#fff;-webkit-text-stroke:1px #360443;text-shadow:-1px -1px 0 #360443,1px -1px 0 #360443,-1px 1px 0 #360443,1px 1px 0 #360443}