/* Wheel geometry and metallic details preserved from jusoworld1's attendance roulette. */
.roulette-event{--rg-bg:#f5f7fb;--rg-surface:#fff;--rg-line:#dce2ea;--rg-text:#202938;--rg-muted:#697586;position:relative;isolation:isolate;border:1px solid var(--rg-line);border-radius:18px;background:var(--rg-bg);color:var(--rg-text);overflow:hidden;box-shadow:0 14px 38px #1e2e461c}
.roulette-event::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 18px 18px,#7462ff21 0 2px,transparent 2.5px),radial-gradient(circle at 62px 58px,#1bb5d21f 0 3px,transparent 3.5px),repeating-linear-gradient(118deg,transparent 0 47px,#7462ff0e 48px 50px,transparent 51px 96px),repeating-linear-gradient(28deg,transparent 0 69px,#1bb5d20b 70px 72px,transparent 73px 132px),radial-gradient(circle at 22% 8%,#7462ff1f,transparent 31%),radial-gradient(circle at 82% 18%,#27bedc1a,transparent 28%),linear-gradient(145deg,#fff,#f3f6fa 58%,#edf1f7);background-size:86px 86px,124px 124px,140px 140px,180px 180px,auto,auto,auto}
.roulette-event::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#ffffff33,#e0e6ef1f);pointer-events:none}
html[data-theme=dark] .roulette-event{--rg-bg:#111722;--rg-surface:#19212e;--rg-line:#303b4d;--rg-text:#eef3fb;--rg-muted:#9ca8ba;box-shadow:0 18px 44px #0006}
html[data-theme=dark] .roulette-event::before{background:radial-gradient(circle at 18px 18px,#9784ff21 0 2px,transparent 2.5px),radial-gradient(circle at 62px 58px,#40cde21a 0 3px,transparent 3.5px),repeating-linear-gradient(118deg,transparent 0 47px,#9784ff0b 48px 50px,transparent 51px 96px),repeating-linear-gradient(28deg,transparent 0 69px,#40cde209 70px 72px,transparent 73px 132px),radial-gradient(circle at 22% 8%,#7462ff2b,transparent 31%),radial-gradient(circle at 82% 18%,#27bedc1c,transparent 28%),linear-gradient(145deg,#171e2a,#111722 60%,#0d131d);background-size:86px 86px,124px 124px,140px 140px,180px 180px,auto,auto,auto}
html[data-theme=dark] .roulette-event::after{background:linear-gradient(180deg,#ffffff06,#0000001a)}
.roulette-event [hidden]{display:none!important}.roulette-event button,.roulette-event a{touch-action:manipulation}.roulette-event button:focus-visible,.roulette-event a:focus-visible,.roulette-event summary:focus-visible{outline:3px solid #e43146;outline-offset:4px}
.roulette-event .roulette-stage{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:14px;align-items:center;min-height:720px;padding:28px 18px 24px;position:relative;z-index:1}
.roulette-event .roulette-machine{min-width:0;text-align:center}.roulette-event .roulette-title{margin:0 0 18px}.roulette-event .roulette-title h2{margin:0;color:var(--rg-text);font-size:38px;font-weight:900;letter-spacing:-.7px}.roulette-event .roulette-title p{margin:8px 0 0;font-size:15px;font-weight:700;color:var(--rg-muted);line-height:1.6}
.roulette-event .wheel-size{position:relative;width:100%;height:var(--wheel-height,456px);margin:0 auto;overflow:hidden;--wheel-scale:1}.roulette-event .spinner{position:absolute;left:50%;top:0;width:456px;height:456px;border-radius:50%;background:#e9edf3;isolation:isolate;transform:translateX(-50%) scale(var(--wheel-scale));transform-origin:top center;box-shadow:0 14px 28px #28344833,inset 0 0 0 1px #c9d0da}
.roulette-event .spinner::before{content:"";position:absolute;inset:8px;z-index:38;border:2px solid #ffffffe6;border-radius:50%;box-shadow:0 0 0 7px #cbd2dc,inset 0 2px 4px #ffffffe6,0 3px 8px #25304233;pointer-events:none}.roulette-event .spinner::after{content:"";position:absolute;inset:15px;z-index:39;border:2px solid #424c5c57;border-radius:50%;box-shadow:inset 0 2px 4px #0004,0 1px 0 #ffffffe6;pointer-events:none}
.roulette-event .pieContainer{position:relative;width:456px;height:456px;border:10px solid #d7dde6;border-radius:50%;box-sizing:border-box;overflow:hidden;z-index:10;background:#1e1016;box-shadow:inset 0 0 18px #0006,0 0 0 1px #aeb7c4,0 8px 18px #27344633;transform:rotate(0deg)}
.roulette-event .dynamic-wheel{position:absolute;inset:0;border-radius:50%;overflow:hidden;z-index:29;background:#8f1d31}.roulette-event .dynamic-wheel::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 24%,#fff4,#ffffff12 28%,transparent 55%),radial-gradient(circle at center,transparent 0 68%,#0004 100%);pointer-events:none}.roulette-event .dynamic-wheel::after{content:"";position:absolute;inset:34%;border-radius:50%;box-shadow:0 0 0 2px #fff4b480,0 0 10px #0006,inset 0 3px 7px #fff3,inset 0 -5px 9px #0006}
.roulette-event .pieBackground{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0 15%,#0002 16%,transparent 17%);border-radius:50%;z-index:30;box-shadow:inset 0 0 0 2px #ffffff1f;pointer-events:none}
.roulette-event .ball{position:absolute;z-index:42;width:28px;height:428px;left:214px;top:14px;transform:rotate(0deg);pointer-events:none}.roulette-event .ball span{display:block;width:30px;height:30px;margin:auto;background:url(img/boll2.png) center/contain no-repeat}
.roulette-event .platebg{position:absolute;inset:0;z-index:36;border-radius:50%;pointer-events:none}.roulette-event .platetop{position:absolute;left:44.8px;top:44.8px;width:366.4px;height:366.4px;z-index:31;border-radius:50%;box-shadow:0 0 6px #0006;pointer-events:none}.roulette-event .topnodebox{position:absolute;left:228px;top:228px;opacity:0}
.roulette-event .roul_b{position:absolute;width:150px;height:150px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;z-index:45;overflow:visible}
.roulette-event .spin-button{position:relative;display:flex;align-items:center;justify-content:center;width:150px;height:150px;overflow:hidden;border:6px solid #ffffffd1;border-radius:50%;background:radial-gradient(circle at 34% 25%,#ffffff54,transparent 28%),linear-gradient(145deg,#8a68f7,#6b50dd 48%,#398edb);box-shadow:0 0 0 7px #ffffffd1,0 12px 25px #5042be57,inset 0 2px 3px #ffffff6b,inset 0 -10px 18px #2d237c4d;color:#fff;font-size:21px;font-weight:900;line-height:1;letter-spacing:1.5px;cursor:pointer;text-shadow:0 2px 4px #231b6459;transition:filter .18s,transform .18s,box-shadow .18s}
.roulette-event .spin-button::after{content:"";position:absolute;left:17%;right:17%;top:13%;height:24%;border-radius:50%;background:linear-gradient(180deg,#ffffff47,transparent);pointer-events:none}.roulette-event .spin-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 0 7px #ffffffeb,0 16px 30px #5042be66,inset 0 2px 3px #ffffff73,inset 0 -10px 18px #2d237c47;filter:saturate(1.08)}.roulette-event .spin-button:disabled{filter:grayscale(.75) brightness(.78);cursor:not-allowed;transform:none}
html[data-theme=dark] .roulette-event .spinner{background:#262f3d;box-shadow:0 15px 30px #0008,inset 0 0 0 1px #3b4657}html[data-theme=dark] .roulette-event .spinner::before{border-color:#556174;box-shadow:0 0 0 7px #252e3b,inset 0 1px 2px #ffffff1f,0 4px 9px #0008}html[data-theme=dark] .roulette-event .spinner::after{border-color:#0d121a;box-shadow:inset 0 2px 5px #000b,0 1px 0 #ffffff1f}html[data-theme=dark] .roulette-event .pieContainer{border-color:#303a49;box-shadow:inset 0 0 22px #000b,0 0 0 1px #111823,0 8px 20px #0007}html[data-theme=dark] .roulette-event .spin-button{border-color:#a99afa;box-shadow:0 0 0 7px #202938,0 13px 28px #0008,inset 0 2px 3px #ffffff52,inset 0 -10px 18px #140e486b}
.roulette-event .prize-label{position:absolute;left:50%;top:50%;z-index:33;width:78px;margin-left:-39px;margin-top:-25px;display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff8dc;font-size:14px;font-weight:900;line-height:1.1;text-align:center;text-shadow:0 1px 3px #000,0 0 6px #ffd25688;pointer-events:none;word-break:keep-all}.roulette-event .prize-label img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 3px #0006)}.roulette-event .prize-label span{max-width:78px;max-height:33px;overflow:hidden;overflow-wrap:anywhere}.roulette-event .prize-label.lost{color:#eee}.roulette-event .slice-line{position:absolute;left:50%;top:50%;z-index:31;width:1px;height:223px;background:linear-gradient(180deg,#ffeeaecc,#ffeeae00);transform-origin:50% 0;pointer-events:none}
.roulette-event .roulette-spin-message{min-height:40px;margin:14px 0 7px;color:var(--rg-muted);font-size:13px;line-height:1.6}.roulette-event .roulette-spin-message.is-error{color:#e43146}.roulette-event .roulette-retry{border:1px solid var(--rg-line);border-radius:8px;padding:8px 14px;background:var(--rg-surface);color:var(--rg-text);cursor:pointer}
.roulette-event .roulette-panel{min-width:0;align-self:stretch;display:flex;flex-direction:column;gap:12px}.roulette-event .roulette-card{padding:16px;border:1px solid var(--rg-line);border-radius:12px;background:var(--rg-surface);box-shadow:0 5px 15px #25334812;text-align:left}.roulette-event .roulette-card h3{margin:0 0 10px;color:var(--rg-text);font-size:15px;font-weight:900}.roulette-event .roulette-card p{margin:0;color:var(--rg-muted);font-size:13px;line-height:1.7}
.roulette-event .ticket-meter{position:relative;overflow:hidden;border-color:#a99af2;background:linear-gradient(145deg,#f5f2ff,#edf5ff);text-align:center;box-shadow:0 9px 23px #5d49ca2e,inset 0 0 0 1px #ffffffcc}.roulette-event .ticket-meter::before{content:"TICKET";position:absolute;right:-7px;top:5px;color:#644cdc14;font-size:32px;font-weight:1000;letter-spacing:1px;transform:rotate(9deg)}.roulette-event .ticket-meter .label{display:block;position:relative;color:#6047c9;font-size:13px;font-weight:900}.roulette-event .ticket-meter .count{position:relative;display:inline-block;margin-top:6px;color:#2d2560;font-size:46px;font-weight:1000;line-height:1}.roulette-event .ticket-meter .unit{position:relative;margin-left:3px;color:#6758ad;font-size:13px;font-weight:900}.roulette-event .ticket-meter .ticket-expiry{margin-top:10px;font-size:11px;word-break:keep-all}
html[data-theme=dark] .roulette-event .ticket-meter{border-color:#6f60bc;background:linear-gradient(145deg,#28213f,#1b2940);box-shadow:0 10px 25px #0005,inset 0 0 0 1px #ae9aff1a}html[data-theme=dark] .roulette-event .ticket-meter .label{color:#b9a9ff}html[data-theme=dark] .roulette-event .ticket-meter .unit{color:#b9c7dc}html[data-theme=dark] .roulette-event .ticket-meter .count{color:#fff}html[data-theme=dark] .roulette-event .ticket-meter::before{color:#bbaaFF12}
.roulette-event .game-action{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:14px}.roulette-event .roulette-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:0;border-radius:8px;background:#e43146;color:#fff;text-decoration:none;font-size:11px;font-weight:800;cursor:pointer}.roulette-event .roulette-login{color:var(--rg-text);font-size:11px;text-decoration:underline}.roulette-event .roulette-rules ul{padding-left:16px;margin:0;color:var(--rg-muted);font-size:11px;line-height:1.8}.roulette-event .roulette-rules li+li{margin-top:5px}.roulette-event .roulette-rules strong{color:var(--rg-text)}.roulette-event [data-event-content]{white-space:pre-line;margin-top:10px}.roulette-event .roulette-rules .roulette-points{margin-top:12px;padding-top:10px;border-top:1px solid var(--rg-line);font-size:11px}
.roulette-event .roulette-event-information{margin-top:12px;color:var(--rg-muted);font-size:11px}.roulette-event .roulette-event-information summary{cursor:pointer;font-weight:700}
.roulette-event .live-win-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.roulette-event .live-win-head h3{margin:0}.roulette-event .live-win-badge{display:inline-flex;align-items:center;gap:5px;color:#e43146;font-size:9px;font-weight:900}.roulette-event .live-win-badge::before{content:"";width:5px;height:5px;border-radius:50%;background:#e43146;box-shadow:0 0 0 3px #e431461a;animation:rouletteLivePulse 1.5s infinite}.roulette-event .live-win-list{display:grid;max-height:236px;overflow:auto;scrollbar-width:thin}.roulette-event .live-win-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:42px;border-bottom:1px solid var(--rg-line);font-size:11px}.roulette-event .live-win-row:last-child{border-bottom:0}.roulette-event .live-win-user{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roulette-event .live-win-result{text-align:right}.roulette-event .live-win-prize{display:flex;align-items:center;justify-content:flex-end;gap:5px}.roulette-event .live-win-prize img{width:25px;height:25px;object-fit:contain}.roulette-event .live-win-result strong{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e43146;font-size:10px}.roulette-event .live-win-result time{display:block;margin-top:2px;color:var(--rg-muted);font-size:9px}
.roulette-event .recent-list{display:grid;gap:8px}.roulette-event .recent-row{display:flex;justify-content:space-between;gap:8px;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--rg-line);font-size:11px}.roulette-event .recent-row:last-child{border-bottom:0;padding-bottom:0}.roulette-event .recent-row time{color:var(--rg-muted);font-size:9px}.roulette-event .recent-prize{display:flex;align-items:center;gap:5px}.roulette-event .recent-prize img{width:24px;height:24px;object-fit:contain}.roulette-event .recent-prize strong{color:#e43146;font-size:10px}.roulette-event .recent-pages{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:12px}.roulette-event .recent-pages:empty{display:none}.roulette-event .recent-pages button{display:inline-flex;min-width:27px;height:27px;align-items:center;justify-content:center;border:1px solid var(--rg-line);border-radius:6px;background:var(--rg-surface);color:var(--rg-muted);font-size:11px;font-weight:800;cursor:pointer}.roulette-event .recent-pages button.active{border-color:#e43146;background:#e43146;color:#fff}.roulette-event .recent-pages button:disabled{opacity:.3;cursor:default}
.roulette-event .roulette-result{position:fixed;inset:0;margin:auto;padding:22px;border:1px solid #ffffff22;border-radius:18px;width:min(360px,calc(100vw - 40px));max-width:calc(100vw - 40px);background:linear-gradient(145deg,#342331,#17131e);color:#fff;overflow:visible;box-shadow:0 20px 60px #0006;text-align:center}.roulette-event .roulette-result::backdrop{background:#080b11a8;backdrop-filter:blur(3px)}.roulette-event .roulette-result-box{position:relative;z-index:1}.roulette-event .result-icon{display:block;font-size:40px;margin-bottom:10px}.roulette-event .roulette-result h3{margin:0 0 10px;font-size:23px;line-height:1.4}.roulette-event .roulette-result p{margin:0 0 18px;color:#d6c7d8;font-size:13px;line-height:1.7;white-space:pre-line}.roulette-event .roulette-result .roulette-link{min-height:40px;min-width:100px;font-size:13px}.roulette-event .roulette-confetti{position:absolute;inset:-100px;width:calc(100% + 200px);height:calc(100% + 200px);pointer-events:none;z-index:2}.roulette-event .roulette-result.no-effect{background:linear-gradient(145deg,#353b46,#202630)}.roulette-event .roulette-muted{color:var(--rg-muted)}
@keyframes rouletteLivePulse{50%{opacity:.4;transform:scale(.8)}}
/* Fit the original two-column event into the community shell's narrower main column. */
.roulette-event .live-win-card{min-height:280px}.roulette-event .live-win-list{max-height:410px}.roulette-event .live-win-result strong{color:#6650d4;font-size:11px}.roulette-event .recent-prize strong{color:#5d48c7;font-size:12px}.roulette-event .recent-pages button.active{border-color:#7058df;background:#7058df}.roulette-event .roulette-spin-message{font-size:15px;font-weight:700;min-height:24px;margin:10px 0}.roulette-event .roulette-rules ul{font-size:12px}
html[data-theme=dark] .roulette-event .live-win-result strong{color:#b7a8ff}html[data-theme=dark] .roulette-event .recent-prize strong{color:#b8a8ff}
@media(max-width:1250px){.roulette-event .roulette-stage{grid-template-columns:1fr;min-height:auto;padding:28px 16px;gap:24px}.roulette-event .roulette-panel{display:grid;grid-template-columns:1fr 1fr}.roulette-event .wheel-size{max-width:480px}.roulette-event .roulette-title{margin-bottom:18px}}
@media(max-width:680px){.roulette-event{border-radius:14px}.roulette-event .roulette-stage{padding:22px 12px;gap:20px}.roulette-event .roulette-panel{grid-template-columns:1fr}.roulette-event .roulette-title h2{font-size:27px}.roulette-event .roulette-title p{font-size:13px}.roulette-event .roulette-title{margin:0 0 18px}.roulette-event .roulette-card{padding:16px}.roulette-event .roulette-rules ul{font-size:12px}.roulette-event .ticket-meter .ticket-expiry{font-size:11px}.roulette-event .roulette-link{min-height:40px;font-size:12px}.roulette-event .roulette-spin-message{min-height:24px;font-size:13px}.roulette-event .live-win-row{font-size:12px}.roulette-event .live-win-result strong{font-size:11px;max-width:130px}.roulette-event .recent-row{font-size:12px}.roulette-event .recent-prize strong{font-size:12px}.roulette-event .recent-row time{font-size:10px}}
@media(prefers-reduced-motion:reduce){.roulette-event .live-win-badge::before{animation:none}.roulette-event .spin-button{transition:none}}