.ipy-joker-machine{--ipy-ink:#f7f8ff;--ipy-muted:#b9c4df;--ipy-cyan:#6ce9f3;--ipy-purple:#a88bff;position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;width:100%;max-width:900px;margin:28px auto;padding:clamp(22px,4vw,42px);border:1px solid rgba(151,177,255,.28);border-radius:28px;background:radial-gradient(ellipse at 50% -15%,rgba(99,88,213,.32),transparent 55%),linear-gradient(145deg,#11172d 0%,#171a38 52%,#10182c 100%);color:var(--ipy-ink);font-family:inherit;text-align:center;box-shadow:0 20px 60px rgba(5,10,30,.25)}
.ipy-joker-machine *{box-sizing:border-box}.ipy-joker-glow{position:absolute;z-index:-1;width:300px;height:300px;right:-110px;bottom:-170px;border-radius:50%;background:rgba(65,211,226,.12);filter:blur(28px);pointer-events:none}.ipy-joker-header{position:relative}.ipy-joker-kicker{display:flex;align-items:center;justify-content:center;gap:9px;color:#bfcdf2;font-size:12px;font-weight:800;letter-spacing:2px}.ipy-joker-live-dot{width:8px;height:8px;border-radius:50%;background:#69edc0;box-shadow:0 0 12px #69edc0}.ipy-joker-header h2{margin:13px 0 8px!important;padding:0!important;color:#fff!important;font-size:clamp(30px,5vw,48px)!important;font-weight:850!important;line-height:1.12!important;letter-spacing:-1.3px}.ipy-joker-header h2 span{color:var(--ipy-cyan)}.ipy-joker-header p{margin:0 auto!important;color:var(--ipy-muted)!important;font-size:16px;line-height:1.6;max-width:560px}.ipy-joker-stage{position:relative;margin:30px auto 22px;padding:clamp(18px,3vw,28px) clamp(10px,2vw,22px) 20px;border:1px solid rgba(172,190,255,.15);border-radius:22px;background:rgba(7,12,29,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.ipy-joker-number-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:clamp(8px,1.8vw,16px)}.ipy-joker-ball{display:flex;align-items:center;justify-content:center;flex:0 0 clamp(43px,8vw,68px);width:clamp(43px,8vw,68px);height:clamp(43px,8vw,68px);border-radius:50%;position:relative;border:1px solid rgba(255,255,255,.9);background:radial-gradient(circle at 33% 25%,#fff 0%,#f0f5ff 23%,#bdc9e5 64%,#7888b1 100%);color:#202b4a;font-size:clamp(19px,3vw,28px);font-weight:900;box-shadow:0 7px 0 #6e7da7,0 11px 18px rgba(0,0,0,.3),inset 0 -3px 6px rgba(45,55,90,.2);transition:transform .25s ease,filter .25s ease}.ipy-joker-ball span{display:block;line-height:1}.ipy-joker-special-ball{background:radial-gradient(circle at 33% 25%,#fff7c8 0%,#ffda65 25%,#ffad32 67%,#c86a14 100%);border-color:#fff0b0;box-shadow:0 7px 0 #a85c1a,0 11px 18px rgba(0,0,0,.3),inset 0 -3px 6px rgba(125,65,0,.2);color:#542a08}.ipy-joker-divider{display:flex;align-items:center;gap:14px;max-width:440px;margin:28px auto 22px;color:#d3dcf7;font-size:11px;font-weight:800;letter-spacing:1.8px}.ipy-joker-divider:before,.ipy-joker-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(166,185,255,.4))}.ipy-joker-divider:after{transform:scaleX(-1)}.ipy-joker-joker-row{min-height:68px}.ipy-joker-status{margin:22px 0 0!important;color:#c4cde7!important;font-size:14px;line-height:1.5}.ipy-joker-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.ipy-joker-machine button{font:inherit;cursor:pointer}.ipy-joker-draw-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 27px;border:0!important;border-radius:14px;background:linear-gradient(110deg,#5ce4ed,#9c8cff)!important;color:#11182e!important;font-size:16px!important;font-weight:900!important;box-shadow:0 8px 24px rgba(87,190,235,.22),inset 0 1px 0 rgba(255,255,255,.6);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.ipy-joker-draw-button:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 12px 28px rgba(87,190,235,.3)}.ipy-joker-draw-button:active{transform:translateY(1px)}.ipy-joker-draw-button:focus-visible,.ipy-joker-sound-button:focus-visible{outline:3px solid #fff;outline-offset:4px}.ipy-joker-button-icon{font-size:21px}.ipy-joker-draw-button[disabled]{opacity:.75;cursor:wait}.ipy-joker-sound-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 15px;border:1px solid rgba(187,202,255,.28)!important;border-radius:12px;background:rgba(255,255,255,.05)!important;color:#e1e8ff!important;font-size:13px!important;font-weight:750!important}.ipy-joker-sound-button:hover{background:rgba(255,255,255,.1)!important}.ipy-joker-sound-button [data-sound-icon]{font-size:18px;color:var(--ipy-cyan)}.ipy-joker-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:11px;margin-top:28px;color:#aebada;font-size:12px}.ipy-joker-footer-star{color:#ffd36b}.ipy-joker-note{max-width:620px;margin:15px auto 0!important;color:#8593b6!important;font-size:11px;line-height:1.6}.ipy-joker-machine.ipy-joker-spinning .ipy-joker-ball{animation:ipy-joker-bounce .34s ease-in-out infinite alternate}.ipy-joker-machine.ipy-joker-reveal .ipy-joker-ball.ipy-joker-ready{animation:ipy-joker-pop .42s cubic-bezier(.2,.8,.2,1) both}@keyframes ipy-joker-bounce{from{transform:translateY(0) rotate(-5deg);filter:brightness(1)}to{transform:translateY(-9px) rotate(5deg);filter:brightness(1.14)}}@keyframes ipy-joker-pop{0%{transform:scale(.65);opacity:.5}70%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}@media(max-width:520px){.ipy-joker-machine{border-radius:20px;padding:22px 14px}.ipy-joker-stage{margin-top:23px;padding:20px 8px}.ipy-joker-header p{font-size:14px}.ipy-joker-kicker{font-size:10px;letter-spacing:1.4px}.ipy-joker-actions{flex-direction:column}.ipy-joker-draw-button,.ipy-joker-sound-button{width:100%;max-width:340px}.ipy-joker-footer{font-size:11px;gap:7px}}@media(prefers-reduced-motion:reduce){.ipy-joker-machine *, .ipy-joker-machine *:before,.ipy-joker-machine *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

.ipy-joker-copy-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 15px;border:1px solid rgba(187,202,255,.28)!important;border-radius:12px;background:rgba(92,228,237,.12)!important;color:#e1e8ff!important;font-size:13px!important;font-weight:750!important}.ipy-joker-copy-button:hover:not([disabled]){background:rgba(92,228,237,.22)!important}.ipy-joker-copy-button:focus-visible{outline:3px solid #fff;outline-offset:4px}.ipy-joker-copy-button[disabled]{opacity:.5;cursor:not-allowed}