#wx-sl{--r:#FE0000;--w:#F4F4F4;padding:110px 0;background:#050505;position:relative;overflow:hidden}#wx-sl *,#wx-sl *:before,#wx-sl *:after{box-sizing:border-box}#wx-sl .sl-mono{font-family:'JetBrains Mono',monospace}#wx-sl .sl-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}#wx-sl .sl-status{display:flex;align-items:center;gap:12px;margin:0;font-size:12px;letter-spacing:.06em;color:rgba(244,244,244,.6)}#wx-sl .sl-led{flex:none;width:9px;height:9px;border-radius:50%;background:rgba(244,244,244,.25)}#wx-sl.spin .sl-led{background:#ffb400;box-shadow:0 0 10px #ffb400;animation:slBlink .3s steps(1) infinite}#wx-sl.won .sl-led{background:var(--r);box-shadow:0 0 12px var(--r)}#wx-sl.won .sl-status{color:var(--w)}@keyframes slBlink{50%{opacity:.2}}#wx-sl .sl-lever,#wx-sl .sl-lever:hover,#wx-sl .sl-lever:focus{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:14px;cursor:pointer;color:rgba(244,244,244,.6)}#wx-sl .sl-lever:focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:8px}#wx-sl .sl-lvTxt{font-size:11px;letter-spacing:.16em;text-transform:uppercase;transition:color .2s}#wx-sl .sl-lever:hover .sl-lvTxt{color:var(--r)}#wx-sl .sl-lvBox{position:relative;width:26px;height:64px;border-radius:13px;background:#0e0e0e;border:1px solid rgba(244,244,244,.15)}#wx-sl .sl-lvStick{position:absolute;left:50%;bottom:8px;width:4px;height:44px;margin-left:-2px;border-radius:2px;background:linear-gradient(90deg,#666,#ddd,#666);transform-origin:bottom}#wx-sl .sl-lvBall{position:absolute;left:50%;top:-8px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff6a6a,#FE0000 45%,#7a0000);box-shadow:0 0 18px rgba(254,0,0,.6)}#wx-sl .sl-lever:hover .sl-lvBall{box-shadow:0 0 28px rgba(254,0,0,.9)}#wx-sl .sl-lever.pull .sl-lvBall{animation:slBall .7s cubic-bezier(.3,0,.3,1)}#wx-sl .sl-lever.pull .sl-lvStick{animation:slStick .7s cubic-bezier(.3,0,.3,1)}@keyframes slBall{40%{transform:translateY(46px)}100%{transform:none}}@keyframes slStick{40%{transform:scaleY(.1)}100%{transform:none}}#wx-sl .sl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}#wx-sl .sl-st{position:relative;border-top:1px solid var(--r);padding-top:26px}#wx-sl .sl-st:before{content:"";position:absolute;left:0;top:-1px;width:60px;height:3px;background:var(--r);box-shadow:0 0 16px var(--r)}#wx-sl .sl-win{position:relative;display:inline-flex;align-items:center;font-size:clamp(64px,7.2vw,112px);font-weight:900;line-height:1;padding:.12em .18em;border-radius:16px;background:linear-gradient(180deg,#000,#0d0d0d 50%,#000);box-shadow:inset 0 0 0 1px rgba(244,244,244,.08),inset 0 18px 24px -14px rgba(0,0,0,.9),inset 0 -18px 24px -14px rgba(0,0,0,.9);overflow:hidden;color:var(--w)}#wx-sl .sl-win:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(254,0,0,.35);z-index:2;pointer-events:none}#wx-sl .sl-win:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-20deg);z-index:3;pointer-events:none}#wx-sl.won .sl-win:after{animation:slSweep 1.1s ease-out}@keyframes slSweep{to{left:130%}}#wx-sl .sl-num{display:flex;font-variant-numeric:tabular-nums}#wx-sl .sl-reel{display:block;height:1.04em;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}#wx-sl .sl-strip{display:block;will-change:transform}#wx-sl .sl-strip span{display:block;height:1.04em;line-height:1.04em;text-align:center}#wx-sl .sl-reel.go .sl-strip{filter:blur(.04em)}#wx-sl .sl-reel.land{animation:slLand .35s ease-out}@keyframes slLand{30%{transform:translateY(.05em)}100%{transform:none}}#wx-sl .sl-suf{color:var(--r);font-size:.66em;margin-left:.06em;align-self:center}#wx-sl .sl-meter{display:grid;grid-template-columns:repeat(20,1fr);gap:3px;height:8px;margin:18px 0 14px}#wx-sl .sl-meter i{border-radius:2px;background:rgba(244,244,244,.08);transition:background .15s,box-shadow .15s}#wx-sl .sl-meter i.on{background:var(--r);box-shadow:0 0 8px rgba(254,0,0,.8)}#wx-sl .sl-gaz .sl-win{min-width:1.6em;justify-content:center}#wx-sl .sl-gaz .sl-num{color:var(--r);text-shadow:0 0 30px rgba(254,0,0,.65)}#wx-sl .sl-fac{position:absolute;left:50%;top:50%;width:1.3em;transform:translate(-50%,-50%);opacity:0;pointer-events:none;z-index:2}#wx-sl .sl-facB{fill:#141414;stroke:rgba(244,244,244,.55);stroke-width:2;stroke-linejoin:round}#wx-sl .sl-facW{fill:#ffb400;opacity:.85}#wx-sl .sl-facP{fill:none;stroke:rgba(244,244,244,.55);stroke-width:3}#wx-sl .sl-smoke circle{fill:rgba(244,244,244,.35);animation:slSmoke 1.2s ease-out infinite}#wx-sl .sl-smoke circle:nth-child(2){animation-delay:.4s}#wx-sl .sl-smoke circle:nth-child(3){animation-delay:.8s}@keyframes slSmoke{from{transform:translateY(8px);opacity:.9}to{transform:translateY(-10px) scale(1.6);opacity:0}}#wx-sl .sl-gaz.fac .sl-fac{opacity:1;animation:slShake .12s linear infinite}#wx-sl .sl-gaz.fac .sl-num{opacity:0}@keyframes slShake{0%{transform:translate(-50%,-50%)}25%{transform:translate(calc(-50% - 2px),calc(-50% + 1px)) rotate(-1deg)}75%{transform:translate(calc(-50% + 2px),calc(-50% - 1px)) rotate(1deg)}}#wx-sl .sl-gaz .sl-num.slam{animation:slSlam .5s cubic-bezier(.2,1.4,.4,1)}@keyframes slSlam{from{transform:scale(2.6);opacity:0;filter:blur(8px)}to{transform:none;opacity:1;filter:none}}#wx-sl .sl-ring{position:absolute;left:50%;top:50%;width:.8em;height:.8em;margin:-.4em 0 0 -.4em;border-radius:50%;border:3px solid var(--r);opacity:0;pointer-events:none}#wx-sl .sl-ring.boom{animation:slRing .7s ease-out}@keyframes slRing{from{transform:scale(.2);opacity:1}to{transform:scale(2.4);opacity:0}}#wx-sl .sl-bit{position:absolute;left:50%;top:50%;width:var(--s);height:var(--s);background:var(--c);z-index:4;pointer-events:none;transition:transform .9s cubic-bezier(.1,.8,.3,1),opacity .9s}#wx-sl .sl-bit.fly{transform:translate(var(--dx),var(--dy)) rotate(var(--dr));opacity:0}@media (max-width:860px){#wx-sl{padding:70px 0}#wx-sl .sl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}#wx-sl .sl-win{font-size:clamp(46px,12vw,80px)}#wx-sl .sl-status{font-size:10.5px}#wx-sl .sl-lvTxt{display:none}}@media (prefers-reduced-motion:reduce){#wx-sl *,#wx-sl *:before,#wx-sl *:after{animation:none!important;transition:none!important}}