.spin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:20px;background:#080504b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.spin-overlay.on{opacity:1;visibility:visible}.spin-modal{position:relative;width:100%;max-width:440px;background:radial-gradient(ellipse at 50% 0%,#1a1117,#0c0a0c 75%);border:1px solid rgba(138,19,32,.3);border-radius:24px;box-shadow:0 40px 120px #0009,0 0 0 1px #ffffff0a inset;overflow:hidden;transform:translateY(24px) scale(.96);transition:transform .5s cubic-bezier(.16,.84,.34,1)}.spin-overlay.on .spin-modal{transform:translateY(0) scale(1)}.spin-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% -10%,rgba(138,19,32,.18),transparent 60%)}.spin-close{position:absolute;top:14px;right:16px;z-index:5;background:none;border:0;color:#ffffff80;font-size:26px;line-height:1;cursor:pointer;padding:4px;transition:color .2s}.spin-close:hover{color:#fff}.spin-inner{padding:40px 32px 30px;text-align:center;position:relative;z-index:2}.spin-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#e8857a;margin-bottom:12px}.spin-eyebrow--win{color:#ffc24d}.spin-title{font-family:var(--display, serif);font-weight:300;font-size:38px;line-height:1;color:#fff;margin:0 0 12px}.spin-sub{font-size:14px;line-height:1.55;color:#ffffffb3;margin:0 auto 24px;max-width:320px}.spin-machine{position:relative;display:flex;gap:8px;justify-content:center;padding:14px;background:linear-gradient(180deg,#050405,#100c0e);border:1px solid rgba(255,255,255,.08);border-radius:16px;margin-bottom:24px;box-shadow:inset 0 4px 20px #000000b3}.spin-reel{position:relative;width:88px;height:198px;overflow:hidden;border-radius:10px;background:linear-gradient(180deg,#fbf7f2,#ece5da);box-shadow:inset 0 0 14px #0000002e}.spin-reel:before,.spin-reel:after{content:"";position:absolute;left:0;right:0;height:66px;z-index:3;pointer-events:none}.spin-reel:before{top:0;background:linear-gradient(180deg,rgba(250,245,239,.97),rgba(250,245,239,.15) 70%,transparent)}.spin-reel:after{bottom:0;background:linear-gradient(0deg,rgba(238,231,221,.97),rgba(238,231,221,.15) 70%,transparent)}.spin-reel-track{display:flex;flex-direction:column;will-change:transform}.spin-symbol{height:66px;flex:0 0 66px;display:flex;align-items:center;justify-content:center;font-family:var(--display, serif);font-weight:400;font-size:21px;line-height:1;color:var(--ink, #18140f);text-align:center}.spin-symbol--win{color:var(--red, #8a1320);font-weight:500}.spin-symbol--free{color:#b8902e;font-weight:500}.spin-payline{position:absolute;left:6px;right:6px;top:50%;height:66px;transform:translateY(-50%);border-top:2px solid rgba(138,19,32,.6);border-bottom:2px solid rgba(138,19,32,.6);background:#8a13200a;pointer-events:none;border-radius:3px}.spin-form{display:flex;flex-direction:column;gap:10px}.spin-input{width:100%;padding:14px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:15px;text-align:center;font-family:var(--body, sans-serif)}.spin-input::placeholder{color:#fff6}.spin-input:focus{outline:none;border-color:var(--red, #8a1320);background:#ffffff1a}.spin-input:disabled{opacity:.5}.spin-btn{width:100%;padding:15px;border:0;border-radius:10px;background:var(--red, #8a1320);color:#fff;font-family:var(--body, sans-serif);font-weight:700;font-size:15px;letter-spacing:1px;cursor:pointer;transition:background .2s,transform .15s;text-decoration:none;display:block;text-align:center}.spin-btn:hover:not(:disabled){background:var(--red-hover, #a81a2b);transform:translateY(-1px)}.spin-btn:disabled{opacity:.7;cursor:default}.spin-error{color:#e8857a;font-size:12px;min-height:14px;margin:8px 0 0}.spin-fine{font-size:11px;color:#ffffff6b;margin:14px 0 0;line-height:1.5}.spin-win{position:relative}.spin-prize{font-size:56px;font-weight:400;color:var(--red, #8a1320);animation:spin-pop .6s cubic-bezier(.2,1.4,.4,1) both}@keyframes spin-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.spin-code-wrap{display:flex;align-items:stretch;gap:0;max-width:300px;margin:4px auto 22px;border:1.5px dashed rgba(138,19,32,.5);border-radius:10px;overflow:hidden}.spin-code{flex:1;padding:14px;font-family:var(--body, monospace);font-weight:700;font-size:18px;letter-spacing:2px;color:#fff;background:#8a13201a;display:flex;align-items:center;justify-content:center}.spin-copy{padding:0 18px;border:0;background:var(--red, #8a1320);color:#fff;font-weight:700;font-size:13px;cursor:pointer;transition:background .2s}.spin-copy:hover{background:var(--red-hover, #a81a2b)}.spin-btn--shop{margin-top:4px}.spin-confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.spin-confetti-bit{position:absolute;top:-12px;width:8px;height:14px;border-radius:2px;animation:spin-fall linear forwards}@keyframes spin-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(460px) rotate(540deg);opacity:0}}@media(max-width:460px){.spin-inner{padding:34px 22px 26px}.spin-title{font-size:32px}.spin-reel{width:76px;height:174px}.spin-symbol{height:58px;flex-basis:58px;font-size:18px}.spin-payline{height:58px}}@media(prefers-reduced-motion:reduce){.spin-reel-track{transition:transform .4s ease!important}.spin-confetti-bit{display:none}}.spin-machine.spin-settle{animation:spin-settle .5s cubic-bezier(.3,1.5,.5,1)}@keyframes spin-settle{0%{transform:translateY(0)}30%{transform:translateY(3px)}60%{transform:translateY(-2px)}to{transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/spin-popup.css.map */