.roulette-open{min-height:44px;padding:0 12px;color:#e8b1cb;font-size:12px;border:1px solid #765266;border-radius:6px}
.roulette-panel{position:fixed;right:24px;bottom:24px;z-index:160;width:370px;max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;background:#151318;border:1px solid #705162;border-radius:20px;padding:24px;color:#f7edf3;box-shadow:0 20px 90px #000b;font-size:14px;line-height:1.8}
.roulette-panel[hidden],.roulette-panel [hidden]{display:none!important}.roulette-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.roulette-top>p{font-size:12px;letter-spacing:.08em;color:#c6a8ba}.roulette-close{width:40px;height:40px;border:1px solid #66515e;border-radius:50%;color:#e3cdd9;font-size:25px;line-height:1;flex:none}
.roulette-panel h2{font-size:25px;line-height:1.5;letter-spacing:-.04em;margin:8px 0 14px}.roulette-panel h2 span{color:#ecb1cd}.roulette-stage{width:226px;height:226px;position:relative;margin:12px auto 18px;isolation:isolate}
.roulette-stage::before{content:'';position:absolute;inset:-7px;border:1px solid #8a5b7370;border-radius:50%}.roulette-pointer{position:absolute;left:50%;top:-6px;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:17px solid #fff1f8;z-index:3;filter:drop-shadow(0 2px 4px #000)}
.roulette-wheel{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#fff3ce 0deg .36deg,#f0a9cc .36deg 3.96deg,#312635 3.96deg 360deg);border:1px solid #bc819f;transform:rotate(0deg);transition:transform 4.6s cubic-bezier(.12,.7,.11,1);will-change:transform}
.roulette-wheel::before{content:'';position:absolute;inset:9px;border:1px dashed #ae789445;border-radius:50%;background:repeating-conic-gradient(transparent 0deg 5.6deg,#e5bcd326 5.6deg 6deg)}
.roulette-wheel::after{content:'';position:absolute;inset:27px;background:#151318;border:1px solid #845a72;border-radius:50%}.roulette-center{position:absolute;inset:36px;display:grid;place-content:center;text-align:center;pointer-events:none}.roulette-pig{width:104px;height:117px;margin:auto;--boo-play:running}.roulette-center small{font-size:11px;color:#c49caf;letter-spacing:.12em}.roulette-message{text-align:center;min-height:50px;margin-bottom:14px;color:#e2c9d7;font-size:14px;line-height:1.7;white-space:pre-line}
.roulette-action{width:100%;min-height:46px;padding:11px 16px;background:#edb1cc;color:#321929;border-radius:9px;font-weight:700;font-size:14px}.roulette-action:disabled{opacity:.6;cursor:wait}.roulette-alt{background:#251e29;color:#e6c2d6;border:1px solid #6e4a61;margin-top:10px}.roulette-odds{display:flex;justify-content:center;gap:14px;margin:15px 0 10px;font:500 12px 'Space Grotesk','Noto Sans JP',sans-serif;color:#c9a7bd}.roulette-odds strong{color:#f2c3dc}.roulette-rules{font-size:12px;color:#a999a4;line-height:1.8;margin-top:14px}.roulette-rules summary{cursor:pointer;color:#c3b0bd;padding:7px 0}.roulette-rules p{margin:7px 0}.roulette-result{padding-top:6px}.roulette-ticket{border:1px solid #dc9fbe;background:#e8b2cb;color:#3b2132;border-radius:12px;padding:18px;text-align:center;margin:15px 0}.roulette-ticket>p{font-size:13px}.roulette-ticket strong{font:700 64px/1.2 'Space Grotesk',sans-serif;display:block;margin:6px 0}.roulette-ticket strong small{font:700 18px 'Noto Sans JP',sans-serif;margin-left:4px}.roulette-ticket .ticket-until{font-size:12px;padding-top:12px;margin-top:12px;border-top:1px dashed #86556e;line-height:1.8}.roulette-ticket.ticket-inactive{background:#312933;color:#c1aebc;border-color:#665162}.roulette-ticket.ticket-inactive strong{text-decoration:line-through;font-size:46px;opacity:.6}.roulette-coupon-note{font-size:12px;color:#c3b0bd;line-height:1.9;margin-bottom:14px}.roulette-staff{margin-top:18px;border-top:1px solid #ffffff20;padding-top:12px;color:#ad99a8;font-size:12px}.roulette-staff summary{min-height:35px;cursor:pointer}.roulette-staff label{display:block;color:#d9becf;margin-top:8px}.roulette-staff input{width:100%;min-height:44px;border:1px solid #77526a;background:#0f0d12;color:white;border-radius:7px;padding:10px;font-size:16px;letter-spacing:.2em;margin:8px 0}.roulette-staff button{font-size:12px;margin-top:6px}.roulette-staff .staff-response{color:#f1bad5;margin-top:10px;white-space:pre-line}.roulette-saved{margin-top:16px;border-top:1px solid #ffffff20;padding-top:12px}.roulette-saved>p{font-size:12px;color:#bfa7b6;margin-bottom:7px}.roulette-saved button{display:flex;width:100%;justify-content:space-between;padding:11px 0;border-bottom:1px solid #ffffff15;font-size:13px;color:#eac0d7}.roulette-saved small{color:#ba9eaf;font-size:11px}.roulette-panel :focus-visible{outline:3px solid #f3c3df;outline-offset:4px}
@media(max-width:700px){.roulette-panel{right:12px;left:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 32px);padding:18px 22px;border-radius:18px}.roulette-panel h2{font-size:23px;margin:4px 0 10px}.roulette-stage{width:204px;height:204px;margin-block:8px 14px}.roulette-pig{width:90px;height:101px}.roulette-odds{gap:12px}.roulette-open{font-size:12px;flex-basis:100%;max-width:170px;margin:8px auto}.fbar{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.roulette-wheel{transition:none}.roulette-pig{--boo-play:paused}}
.motion-paused .roulette-wheel{transition:none}.motion-paused .roulette-pig{--boo-play:paused}