.roulette-panel.roulette-show{background:radial-gradient(ellipse at 25% 35%, var(--theme-surface,#592057) 0, var(--theme-surface,#201636) 38%, var(--theme-surface,#0b1026) 75%);border:2px solid #ffbf62;align-items:start;box-shadow:0 0 80px #ff68bf28,inset 0 0 100px #291833}.roulette-show-floor{min-width:0}.roulette-marquee{z-index:2;text-align:center;gap:9px;margin-bottom:22px;display:grid;position:relative}.roulette-marquee span{color:var(--theme-fg-warm,#ffd785);letter-spacing:.18em;font-size:.8rem;font-weight:800}.roulette-marquee strong{color:var(--theme-fg-strong,#fff7dd);text-shadow:0 2px #902b61,0 0 26px #ffb35580;font-size:clamp(1.15rem,2.5vw,1.7rem)}.roulette-show .roulette-stage{isolation:isolate;aspect-ratio:auto;width:100%;min-height:0;margin:20px 0 25px;display:block}.roulette-stage-sizer{pointer-events:none;width:100%;height:0;padding-block-start:100%;display:block}.roulette-show .roulette-wheel{aspect-ratio:auto;border:7px solid #fff1b4;width:auto;height:auto;position:absolute;inset:9%;box-shadow:0 0 0 8px #a74d40,0 0 0 13px #ffcf79,0 0 65px #ff69ba66}.roulette-show .roulette-stage:before,.roulette-show .roulette-stage:after{top:50%;left:50%;transform:translate(-50%,-50%)}.roulette-show .roulette-stage:before{border:2px dashed #ffdb8233;width:106%;height:106%;animation:none}.roulette-show .roulette-stage:after{border:1px solid #ff91c52b;width:calc(100% + 24px);height:calc(100% + 24px)}.roulette-show .roulette-pointer{filter:drop-shadow(0 4px #ad473b)drop-shadow(0 0 12px #ffd24f);border-top:35px solid #fff2ac;top:5%}.roulette-show .roulette-spin{background:radial-gradient(circle at 40% 30%, #8f2b67, var(--theme-surface,#350f38));border:3px solid #ffe7aa;align-content:center;gap:4px;width:24%;height:24%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 22px #ff628a66,inset 0 0 20px #f1788633}.roulette-show .roulette-spin:hover:not(:disabled){transform:translate(-50%,-50%)scale(1.04)}.roulette-show .roulette-spin span{font-size:clamp(.7rem,1.8vw,1.05rem)}.roulette-show .roulette-spin small{color:var(--theme-fg-warm,#ffdd85);font-size:.8rem}.roulette-rays{z-index:-1;opacity:.5;background:repeating-conic-gradient(#ffac7326 0deg 9deg,#0000 9deg 25deg);border-radius:50%;position:absolute;inset:-12px;-webkit-mask-image:radial-gradient(circle,#0000 28%,#000 47%,#0000 72%);mask-image:radial-gradient(circle,#0000 28%,#000 47%,#0000 72%)}.show-spinning .roulette-rays{opacity:1;animation:9s linear infinite roulette-show-rays}.roulette-lights{pointer-events:none;z-index:4;position:absolute;inset:0}.roulette-lights i{transform:rotate(var(--angle));position:absolute;inset:3%}.roulette-lights i:before{content:"";background:var(--bulb);width:11px;height:11px;box-shadow:0 0 13px var(--bulb);border:2px solid #fff7d3;border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%)}.roulette-show .roulette-winner{background:linear-gradient(135deg, var(--theme-surface,#582254), var(--theme-surface,#29112b));border:3px solid #ffdb87;border-radius:12px;min-height:108px;padding:17px 20px;bottom:-3%;left:3%;right:3%;box-shadow:0 0 0 5px #a74d4066,0 10px 35px #0009,0 0 65px #ffb76744}.roulette-show .roulette-winner span{color:var(--theme-fg-accent,#ffe6a4)}.roulette-show .roulette-winner strong{color:var(--theme-fg-strong,#fff6dc);white-space:normal;overflow-wrap:anywhere;text-shadow:0 3px #5a2144;max-height:6.8em;font-size:clamp(1.25rem,4vw,2.4rem);line-height:1.35;overflow:visible auto}.roulette-show .roulette-winner i{display:none}.roulette-stage-order{z-index:9;background:var(--theme-surface,#181027);border:3px solid #ffdb87;border-radius:18px;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;animation:.48s cubic-bezier(.2,.9,.2,1.2) both roulette-result;display:grid;position:absolute;inset:4%;overflow:hidden;box-shadow:0 0 0 5px #a74d4066,0 16px 44px #0008,0 0 65px #ffb76744}.roulette-stage-order-heading{border-bottom:1px solid var(--line);text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;min-width:0;padding:10px 12px 9px;display:grid}.roulette-stage-order-heading>span{color:var(--theme-fg-accent,#ffdd85);letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;font-weight:900}.roulette-stage-order-heading>strong{min-width:0;color:var(--theme-fg-strong,#fff6dc);font-size:clamp(.92rem,3.4vw,1.2rem);line-height:1.25}.roulette-stage-order-heading button{border:1px solid var(--line);background:var(--theme-wash,#ffffff0a);min-width:84px;min-height:44px;color:var(--theme-fg-warm,#ffe09a);cursor:pointer;border-radius:999px;grid-area:1/2/span 2;padding:0 11px;font-size:.68rem;font-weight:900}.roulette-stage-order-heading button:hover{border-color:#ffcf79}.roulette-stage-order ol{scrollbar-gutter:stable;align-content:start;gap:3px;min-height:0;margin:0;padding:7px 10px 9px;list-style:none;display:grid;overflow-y:auto}.roulette-stage-order li{background:var(--theme-wash,#ffffff0a);min-width:0;min-height:27px;color:var(--theme-fg-strong,#fff6dc);border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:center;padding:3px 8px;display:grid}.roulette-stage-order li>span{color:var(--theme-fg-warm,#ffdd85);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:900}.roulette-stage-order li>strong{overflow-wrap:anywhere;min-width:0;font-size:clamp(.74rem,3vw,.92rem);line-height:1.25}.roulette-confetti{z-index:10;pointer-events:none;position:absolute;inset:-20% -8% -10%;overflow:hidden}.roulette-confetti i{left:var(--x);width:9px;height:18px;animation:roulette-show-confetti 2.8s cubic-bezier(.2,.55,.5,1) var(--delay) both;border-radius:2px;position:absolute;top:-5%}.roulette-confetti i:nth-child(3n){border-radius:50%;width:12px;height:12px}.show-celebrating .roulette-rays{opacity:1;animation:10s linear infinite roulette-show-rays}.roulette-show-meter{background:var(--theme-surface,#100d24);border:1px solid #ffc77155;border-radius:8px;height:8px;margin:34px 10% 12px;overflow:hidden}.roulette-show-meter span{transform-origin:0;background:linear-gradient(90deg,#ff73b9,#ffda78,#a3ffe1);height:100%;display:block;transform:scaleX(0)}.show-spinning .roulette-show-meter span{animation-name:roulette-show-charge;animation-timing-function:linear;animation-fill-mode:forwards}.roulette-show-caption{text-align:center;color:var(--theme-fg-strong,#e2cee4);margin:0;font-size:.8rem;line-height:1.7}.roulette-effects{color:var(--theme-fg-strong,#fff0cf);cursor:pointer;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 20px;font-size:.85rem;display:flex}.roulette-effects input{accent-color:#ffd683;width:18px;height:18px}.roulette-effects small{color:var(--theme-fg-muted,#acaac4);flex-basis:100%;font-size:.68rem}.roulette-show .roulette-console{background:var(--theme-surface,#0d1027dc)}.roulette-show .roulette-mode button{min-height:44px}.roulette-show .roulette-spin span{white-space:pre-line;line-height:1.4}.roulette-skip{min-height:44px;margin:16px auto 0;display:block}.roulette-draft-notice{color:var(--theme-fg-warm,#ffe066);font-size:.8rem;line-height:1.6}@keyframes roulette-show-rays{to{transform:rotate(360deg)}}@keyframes roulette-show-confetti{0%{opacity:1;transform:translateY(-20px)rotate(0)}90%{opacity:1}to{transform:translate(var(--drift), 650px) rotate(var(--spin));opacity:0}}@keyframes roulette-show-charge{to{transform:scaleX(1)}}.roulette-show.quiet-effects *,.roulette-show.quiet-effects :before,.roulette-show.quiet-effects :after{transition:none!important;animation:none!important}.roulette-show.quiet-effects .roulette-confetti{display:none}@media (max-width:900px){.roulette-show-floor{width:min(100%,470px);margin:auto}}@media (max-width:540px){.roulette-panel.roulette-show{padding:18px 14px}.roulette-show .roulette-lights i:before{width:8px;height:8px}.roulette-show .roulette-console{padding:16px}.roulette-show .roulette-winner{min-height:94px;padding:12px}.roulette-show .roulette-pointer{border-top-width:25px;border-left-width:14px;border-right-width:14px}.roulette-stage-order{inset:3%}.roulette-stage-order-heading{padding:4px 8px}.roulette-stage-order-heading button{min-width:78px;padding:0 8px}.roulette-stage-order ol{gap:2px;padding:3px 8px 4px}.roulette-stage-order li{min-height:25px;padding:1px 6px}}@media (prefers-reduced-motion:reduce){.roulette-show *,.roulette-show :before,.roulette-show :after{transition:none!important;animation:none!important}.roulette-show .roulette-confetti{display:none}}