.game-frame[data-game=roulette] .game-board-body{justify-content:flex-start;gap:12px;container:board/inline-size}.rl-top{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.rl-strip{flex-wrap:wrap;align-self:start;gap:6px;min-height:0;display:flex}.rl-results{background:var(--color-ink-2);border:1px solid var(--color-line);border-radius:14px;flex-direction:column;gap:10px;min-height:120px;padding:12px 14px;display:flex}.rl-results-head{letter-spacing:.1em;text-transform:uppercase;color:var(--color-paper-3);justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.rl-results-list{flex-wrap:wrap;align-content:flex-start;gap:6px;display:flex}.rl-pill{font-variant-numeric:tabular-nums;color:#fff;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:30px;padding:0 8px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff1f,0 2px #00000059}.rl-pill-red{background:#c93545}.rl-pill-black{background:#2a2530}.rl-pill-green{background:#1f8f57}.rl-pill-latest{min-width:44px;height:40px;font-size:17px;animation:.26s cubic-bezier(.2,.9,.25,1.3) both tile-pop}.rl-results-empty{color:var(--color-paper-3);font-size:12px}.rl-results-stats{color:var(--color-paper-3);font-variant-numeric:tabular-nums;gap:10px;margin-top:auto;font-size:11px;display:flex}.rl-results-stats b{color:var(--color-paper-2);font-weight:700}.rl-wheel-wrap{flex:none;justify-self:end;width:232px;height:232px;position:relative}.rl-wheel{filter:drop-shadow(0 14px 24px #0000008c);width:100%;height:100%;display:block}.rl-wheel-rotor{will-change:transform}.rl-wheel-num{fill:#fff;pointer-events:none;font-family:inherit;font-size:8.4px;font-weight:800}.rl-ball{will-change:transform}.rl-wheel-spinning .rl-wheel{filter:drop-shadow(0 14px 24px #0000008c)drop-shadow(0 0 18px #a683f82e)}.rl-felt{background:radial-gradient(at 50% 0,#ffffff0d,#0000 60%),#11382b;border:1px solid #1d4d3b;border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:16px 16px 14px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f,inset 0 0 60px #00000059,0 14px 34px -14px #000000b3}.rl-tablewrap{flex-direction:column;align-items:flex-end;gap:12px;width:fit-content;max-width:100%;display:flex}.rl-table{--cw:min(46px, calc((100cqw - 32px - 13 * var(--g)) / 14));--g:3px;--ch:calc(var(--cw) * 1.22);--ch2:calc(var(--cw) * .92);--z:calc(var(--cw) * .5);--chip:calc(var(--cw) * .7);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.rl-table-v{--g:3px;--ch2:clamp(40px, 12cqw, 56px);--ch:min(110px, calc((100cqw - 20px - 4 * var(--g) - 2 * var(--ch2)) / 3));--cw:clamp(30px, calc(var(--ch) * .56), 48px);--z:calc(var(--cw) * .7);--chip:calc(var(--cw) * .82)}.rl-table-v .rl-cell{font-size:calc(var(--cw) * .5)}.rl-table-v .rl-cell-out{font-size:calc(var(--ch2) * .3)}.rl-table-v .rl-cell-out small{font-size:calc(var(--cw) * .34)}.rl-cell-side{writing-mode:vertical-rl;transform:rotate(180deg)}.rl-cell-side .rl-diamond{transform:rotate(45deg)}.rl-stack-box{width:var(--chip);height:var(--chip);margin-top:calc(var(--chip) * -.08);display:block}.rl-cell{border-radius:calc(var(--cw) * .14);font-weight:800;font-size:calc(var(--cw) * .38);font-variant-numeric:tabular-nums;color:#fff;cursor:pointer;border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:4px;padding:0;line-height:1;transition:filter .1s,box-shadow .1s,transform .1s;display:flex;position:absolute;box-shadow:inset 0 1px #ffffff1a,inset 0 -2px #00000040}.rl-cell:disabled{cursor:default}.rl-cell:focus-visible{outline:2px solid var(--color-violet-2);outline-offset:1px}.rl-cell-red{background:#c93545}.rl-cell-black{background:#2a2530}.rl-cell-green{background:#1f8f57}.rl-cell-out{color:var(--color-paper);font-size:calc(var(--cw) * .3);letter-spacing:.01em;background:#1b1620;font-weight:700}.rl-cell-out small{font-size:calc(var(--cw) * .24);color:var(--color-paper-2);font-weight:600}.rl-cell:not(:disabled):hover,.rl-cell-hl{filter:brightness(1.22);box-shadow:inset 0 0 0 2px var(--color-violet-2), inset 0 1px 0 #ffffff26, 0 0 14px -2px #a683f88c;z-index:2}.rl-cell-win{z-index:3;animation:.7s ease-out 3 rl-win;box-shadow:inset 0 0 0 2px #fff,0 0 0 3px #58d6a099,0 0 22px #58d6a0b3}@keyframes rl-win{50%{filter:brightness(1.5)}}.rl-diamond{width:calc(var(--cw) * .3);height:calc(var(--cw) * .3);border-radius:2px;transform:rotate(45deg);box-shadow:0 1px #0006}.rl-diamond-red{background:#c93545}.rl-diamond-black{background:#3a3341;border:1px solid #ffffff40}.rl-zone{width:var(--z);height:var(--z);z-index:4;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0;position:absolute;transform:translate(-50%,-50%)}.rl-zone:disabled{cursor:default}.rl-zone:focus-visible{outline:2px solid var(--color-violet-2)}.rl-zone:not(:disabled):hover:after{content:"";background:#ffffff8c;border-radius:999px;position:absolute;inset:22%;box-shadow:0 0 0 2px #a683f8b3}.rl-stack{z-index:5;pointer-events:none;line-height:0;position:absolute;transform:translate(-50%,-50%)}.rl-stack-inner{display:block;position:relative}.rl-stack-chip{line-height:0;animation:.24s cubic-bezier(.2,.9,.25,1.25) both bjt-chip-in;display:block;position:absolute;left:0}@keyframes bjt-chip-in{0%{opacity:0;transform:translateY(-16px)scale(.6)}to{opacity:1;transform:none}}.rl-stack-lost{opacity:.38;filter:saturate(.6)}.rl-stack-won .rl-stack-chip:last-child{filter:drop-shadow(0 0 6px #58d6a0e6)}.rl-stack-tag{color:#06251a;white-space:nowrap;background:#58d6a0f2;border-radius:6px;padding:1px 5px;font-size:10px;font-weight:800;line-height:14px;animation:.26s cubic-bezier(.2,.9,.25,1.3) both tile-pop;position:absolute;top:100%;left:50%;transform:translate(-50%,1px)}.rl-actions{justify-content:flex-end;gap:8px;display:flex}.rl-act{height:36px;color:var(--color-paper-2);background:#0000004d;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;transition:color .12s,border-color .12s,background-color .12s;display:inline-flex}.rl-act:hover:not(:disabled){color:var(--color-paper);border-color:var(--color-violet-3);background:#00000073}.rl-act:disabled{opacity:.4;cursor:not-allowed}.rl-topleft{flex-direction:column;gap:14px;min-width:0;display:flex}.rl-resultrow{justify-content:center;display:flex}@keyframes rl-result-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.rl-result{background:var(--color-ink-3);border:1px solid var(--color-line-2);border-radius:14px;grid-template-columns:84px minmax(0,1fr);align-items:center;column-gap:16px;width:min(100%,520px);padding:12px 18px 12px 12px;animation:.32s cubic-bezier(.18,1,.3,1) both rl-result-in;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0d,0 18px 40px -24px #000000e6}.rl-result-win{box-shadow:inset 0 1px 0 #ffffff0d, inset 3px 0 0 var(--color-win), 0 18px 40px -24px #000000e6;border-color:#58d6a08c}.rl-result-loss{box-shadow:inset 0 1px #ffffff0d,inset 3px 0 #f06e7ab3,0 18px 40px -24px #000000e6}.rl-result-push{box-shadow:inset 0 1px 0 #ffffff0d, inset 3px 0 0 var(--color-paper-3), 0 18px 40px -24px #000000e6}.rl-result-num{color:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:84px;display:flex;box-shadow:inset 0 1px #ffffff38,inset 0 -3px #00000059}.rl-result-num span{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:34px;font-weight:900;line-height:1}.rl-result-num small{letter-spacing:.14em;text-transform:uppercase;opacity:.8;font-size:10px;font-weight:700}.rl-result-num-red{background:linear-gradient(#d63d4e,#a8273a)}.rl-result-num-black{background:linear-gradient(#332c3a,#1d1822)}.rl-result-num-green{background:linear-gradient(#27a567,#177a4a)}.rl-result-body{flex-direction:column;gap:4px;min-width:0;display:flex}.rl-result-kicker{color:var(--color-paper-3);font-size:12px;font-weight:700}.rl-result-win .rl-result-kicker{color:var(--color-win)}.rl-result-loss .rl-result-kicker{color:var(--color-loss)}.rl-result-pay{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-paper);font-size:26px;font-weight:800;line-height:1.05}.rl-result-pay span{color:var(--color-paper-3);margin-left:6px;font-size:13px;font-weight:600}.rl-result-meta{color:var(--color-paper-3);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.rl-result-meta a{color:var(--color-violet-2);font-weight:600}.rl-result-meta a:hover{text-decoration:underline}.rl-result-net.is-up{color:var(--color-win);font-weight:700}.rl-result-net.is-down{color:var(--color-loss);font-weight:700}.rl-result-dot{background:var(--color-line-2);border-radius:999px;width:3px;height:3px}@container board (max-width:760px){.rl-result{width:100%}}.rl-result-foot a{color:var(--color-violet-2);font-weight:700}.rl-result-foot a:hover{text-decoration:underline}.rl-chipbar{border-radius:var(--radius-ctl);background:var(--color-ink-2);border:1px solid var(--color-line-2);grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:4px;height:76px;padding:0 4px;display:grid}.rl-chipbar-arrow{width:30px;height:44px;color:var(--color-paper-3);border-radius:8px;justify-content:center;align-items:center;transition:color .12s,background-color .12s;display:inline-flex}.rl-chipbar-arrow:hover:not(:disabled){color:var(--color-paper);background:var(--color-ink-4)}.rl-chipbar-arrow:disabled{opacity:.35}.rl-chips{scroll-snap-type:x proximity;scrollbar-width:none;align-items:center;gap:8px;height:100%;padding:0 4px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 6px calc(100% - 14px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 6px calc(100% - 14px),#0000 100%)}.rl-chips::-webkit-scrollbar{display:none}.rl-chip{scroll-snap-align:center;-webkit-tap-highlight-color:transparent;border:2px solid #0000;border-radius:999px;flex:none;padding:3px;transition:transform .12s cubic-bezier(.3,.7,.2,1),border-color .12s,filter .12s;display:inline-flex;position:relative}.rl-chip:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.rl-chip-on{border-color:var(--color-violet-2);transform:translateY(-3px)scale(1.06);box-shadow:0 8px 18px -8px #a683f8cc}.rl-chip-on:hover:not(:disabled){transform:translateY(-3px)scale(1.06)}.rl-chip:disabled{opacity:.55}.rl-chip:focus-visible{outline:2px solid var(--color-paper);outline-offset:1px}.rl-total{font-variant-numeric:tabular-nums;min-width:0;color:var(--color-paper);white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 8px;font-size:16px;font-weight:700;overflow:hidden}.rl-total-zero{color:var(--color-paper-3)}.rl-pay-list{color:var(--color-paper-3);font-variant-numeric:tabular-nums;grid-template-columns:1fr auto auto;gap:2px 10px;font-size:11px;display:grid}.rl-pay-list b{color:var(--color-paper-2);font-weight:600}.rl-pay-list .rl-pay-head{letter-spacing:.08em;text-transform:uppercase;color:var(--color-paper-3);border-bottom:1px solid var(--color-line);margin-bottom:2px;padding-bottom:2px;font-size:10px}@container board (max-width:760px){.rl-top{grid-template-columns:1fr}.rl-wheel-wrap{order:-1;justify-self:center;width:220px;height:220px}.rl-results{min-height:0}}@container board (max-width:520px){.rl-felt{border-radius:14px;padding:10px}.rl-wheel-wrap{width:200px;height:200px}.rl-result{column-gap:10px;padding:8px 12px 8px 8px}.rl-result-num{min-width:46px;height:46px;font-size:22px}.rl-result-pay{font-size:17px}.rl-pill{min-width:30px;height:26px;font-size:12px}.rl-pill-latest{min-width:38px;height:34px;font-size:15px}}@media (prefers-reduced-motion:reduce){.rl-stack-chip,.rl-stack-tag,.rl-pill-latest,.rl-result,.rl-cell-win{animation:none!important}.rl-chip,.rl-cell{transition-duration:0s!important}}