interactive-popups{display:block}.interactive-popup-container{--popup-bg: rgba(10, 10, 10, .98);--popup-accent: #ff0055;--text-primary: #ffffff;--transition-speed: .6s;--ease: cubic-bezier(.23, 1, .32, 1);width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:0;border:none;background:var(--popup-bg);color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;opacity:0;visibility:hidden;transform:scale(1.1);transition:opacity var(--transition-speed) var(--ease),visibility var(--transition-speed) var(--ease),transform var(--transition-speed) var(--ease)}dialog.interactive-popup-container[open]{opacity:1;visibility:visible;transform:scale(1)}dialog.interactive-popup-container.closing{opacity:0;transform:scale(1.1)}dialog.interactive-popup-container::backdrop{background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:background .6s ease,backdrop-filter .6s ease}dialog.interactive-popup-container[open]::backdrop{background:#000000d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}dialog.interactive-popup-container.closing::backdrop{background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.interactive-popup-glass{width:100%;max-width:650px;padding:60px 40px;display:flex;flex-direction:column;align-items:center;gap:30px;position:relative}.popup-step{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(40px) scale(.9);transition:opacity .7s var(--ease),visibility .7s var(--ease),transform .7s var(--ease);pointer-events:none}.popup-step.active{position:relative;opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:all}.interactive-btn{max-width:320px;padding:18px 30px;border:none;border-radius:50px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s ease;width:100%;margin-top:20px;box-shadow:0 10px 20px #0003;z-index:10000}.interactive-input.error-shake{border-color:#f33!important;animation:shake .5s var(--ease)}.plinko-board{width:100%;max-width:360px;background:#1a1d23;border-radius:20px;padding:30px 10px;margin:0 auto 20px;border:1px solid #2f3742;position:relative;overflow:hidden}.plinko-board-inner{position:relative;height:280px;display:flex;flex-direction:column;justify-content:space-around}.plinko-row{display:flex;justify-content:center;gap:15px}.plinko-peg{width:6px;height:6px;background:#2f3742;border-radius:50%;box-shadow:0 0 5px #00000080}.plinko-ball-active{width:12px;height:12px;background:#0f5;border-radius:50%;position:absolute;top:-20px;left:50%;transform:translate(-50%);z-index:10;box-shadow:0 0 15px #0f5;transition:all .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes winPulse{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.5)}to{transform:scale(1);filter:brightness(1)}}.slot-reel{border:2px solid #2f3742;box-shadow:inset 0 0 20px #000c}.slot-item{font-weight:900;text-shadow:0 0 10px rgba(255,255,255,.2)}.interactive-input{background:#1a1d23!important;border:1px solid #2f3742!important;color:#fff!important;font-family:Inter,sans-serif!important}.interactive-input::placeholder{color:#555e6b}.hide{display:none!important}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}}@keyframes plinkoDrop{0%{top:0;left:50%}20%{top:40px;left:45%}40%{top:80px;left:55%}60%{top:120px;left:40%}80%{top:160px;left:60%}to{top:200px;left:50%}}.scratch-reward{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffff0d;z-index:0}#scratch{position:relative;z-index:1}.interactive-btn:hover{transform:translateY(-2px);box-shadow:0 15px 25px #0000004d;filter:brightness(1.2)}.interactive-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:15px;border-radius:10px;color:#fff;margin-bottom:15px;font-size:16px;transition:border-color .3s}.interactive-input:focus{border-color:var(--cl-main, #fff);outline:none}.plinko-board{position:relative;width:100%;max-width:350px;height:350px;margin:0 auto 20px;background:#0003;border-radius:15px;overflow:hidden}.slots-container{display:flex;justify-content:center;gap:10px;margin:30px 0}.slot-reel{width:80px;height:120px;background:#1a1a1a;border:2px solid #333;border-radius:10px;overflow:hidden;position:relative}.slot-strip{display:flex;flex-direction:column;transition:transform 3s cubic-bezier(.45,.05,.55,.95)}.slot-item{height:120px;display:flex;align-items:center;justify-content:center;font-size:40px}.scratch-canvas-wrap{position:relative;width:300px;height:200px;margin:0 auto;cursor:crosshair}.scratch-reward{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111;border-radius:15px;z-index:1}canvas#scratch{position:absolute;top:0;left:0;z-index:2;border-radius:15px}.mystery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.mystery-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:20px;border-radius:15px;cursor:pointer;transition:all .3s}.mystery-box:hover{background:#ffffff1a;transform:scale(1.05)}.mystery-box.opened{background:var(--cl-main);border-color:#fff}.confetti-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.slots-container.win-glow{animation:winGlowPulse .5s ease-in-out infinite;border-color:#0f5!important}@keyframes winGlowPulse{0%{box-shadow:0 0 10px #0f53}50%{box-shadow:0 0 30px #0f59}to{box-shadow:0 0 10px #0f53}}.plinko-ball-active.win-flash{animation:winFlash .3s ease-out infinite alternate;transform:scale(2) translate(-25%)}@keyframes winFlash{0%{filter:brightness(1) drop-shadow(0 0 5px #00ff55)}to{filter:brightness(2) drop-shadow(0 0 20px #00ff55)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/interactive-popups.css.map */