.rl-wrap{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:26px;align-items:start}
.rl-left{display:grid;gap:14px;justify-items:center}
.rl-wheel-wrap{position:relative;width:min(100%,460px);aspect-ratio:1;border-radius:50%;box-shadow:0 30px 60px rgba(0,0,0,.7),0 0 0 3px #1a0e05}
.rl-wheel{width:100%;height:100%;display:block;border-radius:50%}
.rl-result{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.rl-num{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;font:700 44px/1 Georgia,serif;color:#fff;border:4px solid #e8c374;box-shadow:0 10px 30px rgba(0,0,0,.6);animation:pop .35s cubic-bezier(.2,1.6,.4,1)}
.rl-num.r{background:#b3201a}.rl-num.b{background:#151515}.rl-num.g{background:#148a3c}
.rl-hist{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;min-height:34px}
.rl-h{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;font:700 14px/1 var(--f-ui);color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.5)}
.rl-h.r{background:#b3201a}.rl-h.b{background:#1d1d1d}.rl-h.g{background:#148a3c}
.rl-h:first-child{outline:2px solid #e8c374}
.rl-players{display:grid;gap:8px;width:100%}
.rl-pl{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:30px;background:rgba(0,0,0,.25)}
.rl-pl.me{box-shadow:0 0 0 1px #8a6a34}
.rl-pl .avatar{width:38px;height:38px}
.rl-pl .nameplate{font-size:13px;padding:4px 10px}
.rl-pl-bet{margin-left:auto;font:600 14px/1 var(--f-ui);color:#e9dcbf}
.rl-ready{font:600 11px/1 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:#7dff8a}
.rl-table{grid-area:auto;border-radius:24px}
.rl-table::before{border-radius:16px}
.rl-felt{display:block;border-radius:16px;min-height:0;padding:22px}
.rl-board{position:relative;z-index:3;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));grid-template-rows:repeat(3,minmax(44px,58px)) 44px 46px;gap:0;border:2px solid rgba(255,255,255,.85)}
.rl-cell{position:relative;border:1px solid rgba(255,255,255,.75);background:transparent;color:#fff;font:700 clamp(13px,1.5vw,18px)/1 Georgia,serif;cursor:pointer;display:grid;place-items:center;padding:0;transition:background .15s}
.rl-cell:hover{background:rgba(255,255,255,.12)}
.rl-cell.z{grid-column:1;grid-row:1 / span 3;border-radius:40% 0 0 40%}
.rl-cell.r>span:first-child,.rl-cell.b>span:first-child,.rl-cell.g>span:first-child{display:grid;place-items:center;width:78%;max-width:40px;aspect-ratio:1;border-radius:50%}
.rl-cell.r>span:first-child{background:#b3201a}.rl-cell.b>span:first-child{background:#151515}.rl-cell.g>span:first-child{background:#148a3c;border-radius:12px}
.rl-cell.dia>span:first-child{width:46px;height:26px;border-radius:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.rl-cell.col,.rl-cell.dz,.rl-cell.ev{font:600 clamp(11px,1.2vw,15px)/1 var(--f-ui);letter-spacing:.06em}
.rl-cell.hit{background:rgba(255,215,100,.45);box-shadow:inset 0 0 0 3px #ffd36a;animation:led-blink .5s steps(1) 6}
.rl-chip{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.rl-chip .stackc{width:30px;height:30px}.rl-chip .stackc .chip{width:30px;height:30px;bottom:calc(var(--i)*3px)}
.rl-chip .chip b{font-size:9px}
.rl-others{position:absolute;right:2px;top:2px;font:700 9px/1 var(--f-ui);padding:2px 4px;border-radius:6px;background:rgba(0,0,0,.55);color:#ffe9b0}
.rl-controls{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;min-height:90px;margin-top:16px}
.bj-rack .chip.sel{transform:translateY(-6px);box-shadow:0 0 0 3px #ffe08a,0 0 16px rgba(255,210,90,.7),0 6px 10px rgba(0,0,0,.4)}
.chip.c1{--c:#d7d2c6}.chip.c1 b{color:#2a1906;text-shadow:none}
@media (max-width:1000px){.rl-wrap{grid-template-columns:1fr}.rl-wheel-wrap{width:min(100%,360px)}}
@media (max-width:640px){.rl-board{grid-template-columns:repeat(14,minmax(0,1fr));font-size:11px}.rl-felt{padding:8px}.rl-cell.dia>span:first-child{width:24px;height:16px}}
