:root{--bg-base: #06060A;--bg-dark: #0B0B12;--color-fuchsia: #E02F85;--color-yellow: #F8C100;--wa-green: #25D366;--wa-green-hover: #1da851}#wf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10001;display:none;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .3s ease;gap:0}#wf-modal{background:var(--bg-dark);border:1px solid rgba(255,255,255,.08);border-radius:20px;width:100%;max-width:480px;max-height:95vh;max-height:95dvh;position:relative;padding:0;transform:scale(.85);opacity:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .35s ease;will-change:transform,opacity;display:flex;flex-direction:column;overflow:hidden;gap:0}@media(min-width:768px){#wf-modal{max-width:520px}}.wf-modal-content{overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;flex:1}.wf-modal-content::-webkit-scrollbar{display:none}.wf-brick-row{display:flex;width:100%;height:20px;overflow:hidden;flex-shrink:0;gap:0}.arcade-marquee{background:linear-gradient(135deg,#e02f85,#4b275e 60%,#192642);border-bottom:2px solid rgba(248,193,0,.5);box-shadow:0 4px 16px #e02f8559;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;z-index:3}.led-dot{width:6px;height:6px;background-color:#f8c100;border-radius:50%;box-shadow:0 0 8px #f8c100;animation:wf-blink .7s infinite alternate;flex-shrink:0}.led-dot:nth-child(3){animation-delay:.35s}@keyframes wf-blink{0%{opacity:.3;box-shadow:0 0 2px #f8c100}to{opacity:1;box-shadow:0 0 10px #f8c100}}.marquee-text{font-family:JetBrains Mono,monospace;font-weight:800;font-size:15px;color:#f8c100;letter-spacing:.15em;text-shadow:0 0 8px rgba(248,193,0,.8),0 0 16px rgba(248,193,0,.4);line-height:1.2;text-align:center}.marquee-scroll-wrap{width:100%;overflow:hidden;background:#000;border-bottom:1px solid rgba(255,255,255,.08);padding:4px 0;flex-shrink:0}.marquee-scroll-track{display:flex;width:max-content;animation:wf-marquee-scroll 15s linear infinite;gap:0}@keyframes wf-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.wf-wheel-container{width:272px;height:272px;border-radius:50%;border:3px solid rgba(248,193,0,.5);box-shadow:0 0 20px #f8c1004d,0 0 40px #f8c1001f,0 0 8px #e02f8566,inset 0 0 20px #00000080;position:relative;margin:0 auto;will-change:transform}@media(min-width:480px){.wf-wheel-container{width:300px;height:300px}}.wf-wheel-bg{width:100%;height:100%;border-radius:50%;background:conic-gradient(#e02f85 0deg 45deg,#1a1a2e 45deg 90deg,#192642 90deg 135deg,#e02f85 135deg 180deg,#1a1a2e 180deg 225deg,#4b275e 225deg 270deg,#0d3b2e 270deg 315deg,#2d1a00 315deg 360deg);overflow:hidden;position:relative}.wf-wheel-arrow{position:absolute;top:-14px;left:50%;transform:translate(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-top:18px solid var(--color-yellow);filter:drop-shadow(0 0 8px rgba(248,193,0,.9));z-index:10;will-change:filter}@keyframes wf-pointer-flash{0%,49%{filter:drop-shadow(0 0 8px rgba(248,193,0,.9)) brightness(1)}50%,to{filter:drop-shadow(0 0 16px rgba(248,193,0,1)) brightness(1.5)}}.pointer-spinning{animation:wf-pointer-flash .15s infinite}.wheel-glow-fuchsia{position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(224,47,133,.15) 0%,transparent 70%);top:50%;left:30%;transform:translate(-50%,-50%);pointer-events:none;z-index:-1}.wheel-glow-yellow{position:absolute;width:160px;height:160px;background:radial-gradient(circle,rgba(248,193,0,.1) 0%,transparent 70%);top:40%;left:70%;transform:translate(-50%,-50%);pointer-events:none;z-index:-1}.wf-wheel-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:var(--bg-dark);border:4px solid #E0D9D5;border-radius:50%;z-index:5;box-shadow:0 0 10px #00000080}.wf-wheel-label{position:absolute;width:80px;height:50%;left:50%;top:0;transform-origin:bottom center;margin-left:-40px;display:flex;flex-direction:column;align-items:center;padding-top:12px;z-index:2;text-align:center;gap:0}.wf-emoji{font-size:18px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.wf-text{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:800;text-align:center;line-height:1.1;margin-top:3px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.wf-subtext{font-family:Manrope,sans-serif;font-size:7px;font-weight:600;text-align:center;line-height:1.2;margin-top:2px;opacity:.8}.arcade-control-panel{display:flex;align-items:center;justify-content:center;gap:16px}.arcade-btn-putar{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ff4da6,#e02f85 55%,#8b1a4f 90%);border:none;box-shadow:0 6px #6d103b,0 10px 20px #000000b3,0 0 25px #e02f8573;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease;will-change:transform;display:flex;align-items:center;justify-content:center;font-family:Unbounded,sans-serif;font-size:12px;font-weight:900;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.6);-webkit-tap-highlight-color:transparent;outline:none;flex-shrink:0}.arcade-btn-putar:active,.arcade-btn-putar.pressing{transform:translateY(5px);box-shadow:0 1px #6d103b,0 3px 6px #000000b3,0 0 30px #e02f8599}.arcade-btn-putar:disabled{cursor:not-allowed;filter:grayscale(.5) brightness(.7)}.pixel-waves{display:flex;align-items:flex-end;gap:4px;height:32px}.wave-bar{width:6px;border-radius:1px;will-change:height;background:#4fc3c8;box-shadow:0 0 6px #4fc3c859;transition:background .3s,box-shadow .3s}@keyframes wf-wave-idle{0%,to{height:6px}50%{height:16px}}@keyframes wf-wave-active{0%,to{height:8px}50%{height:32px}}.wave-bar.idle{animation:wf-wave-idle 1.4s infinite ease-in-out}.wave-bar.active{animation:wf-wave-active .35s infinite ease-in-out;background:#f8c100;box-shadow:0 0 10px #f8c100b3}.wave-bar:nth-child(1){animation-delay:0s}.wave-bar:nth-child(2){animation-delay:.2s}.wave-bar:nth-child(3){animation-delay:.4s}.wave-bar:nth-child(4){animation-delay:.1s}.wave-bar:nth-child(5){animation-delay:.3s}.insert-coin-text{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;color:#6b7280cc;text-align:center;letter-spacing:.15em;text-transform:uppercase;margin-top:6px}.screen-flash-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;opacity:0}@keyframes wf-crt-flash{0%,to{background-color:transparent;opacity:1}12%,36%,60%{background-color:#e02f8540;opacity:1}24%,48%{background-color:#f8c10033;opacity:1}}.flash-active{animation:wf-crt-flash 1.2s ease-out forwards}.wf-confetti-piece{animation:wf-confetti-fall linear forwards;will-change:transform,opacity}@keyframes wf-confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(180px) rotate(720deg);opacity:0}}.win-text{font-family:JetBrains Mono,monospace;font-weight:900;font-size:26px;color:#f8c100;text-shadow:0 0 10px rgba(248,193,0,.9),0 0 20px rgba(248,193,0,.4);letter-spacing:.06em;animation:wf-pulse-win .8s infinite alternate;text-align:center;margin-bottom:6px}@keyframes wf-pulse-win{0%{text-shadow:0 0 8px rgba(248,193,0,.8)}to{text-shadow:0 0 20px rgba(248,193,0,1),0 0 40px rgba(248,193,0,.5)}}.pop-in-emoji{animation:wf-pop-in .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes wf-pop-in{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.wa-input-group{display:flex;align-items:center;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.12);border-radius:12px;height:52px;overflow:hidden;transition:border-color .2s,box-shadow .2s;gap:0}.wa-input-group:focus-within{border-color:var(--color-yellow);box-shadow:0 0 0 3px #f8c10026}@keyframes wf-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}#wf-close{position:absolute;top:12px;right:12px;left:auto;z-index:10002}#wf-step-spin{display:flex;flex-direction:column;gap:16px;padding:20px 20px 24px;position:relative}#wf-step-result{display:none;flex-direction:column;gap:16px;padding:24px 20px 28px;position:relative}
/*# sourceMappingURL=/cdn/shop/t/15/assets/qbrix-wheel.css.map */