/* rl5 (2026-10-22): richer roulette page (pages/roulette-w*.html only). Colours, light, depth; no layout change.
   Only transform/opacity animations; reduced-motion respected; light theme keeps its own look. */
body.g3p-roulette{--rl-red:#e3122a;--rl-red2:#ff3b52;--rl-black:#10151d;--rl-green:#0fae55;--rl-gold:#f6c75a;--rl-gold2:#ffe7a3}
/* wheel stage: deep casino light (red glow under the wheel, warm spot from above) */
html:not([data-theme="light"]) body.g3p-roulette .lv-stage.lrk-scene-skin{
  background:radial-gradient(120% 80% at 50% 100%,#5c0a1a 0%,#2a0710 38%,transparent 70%),
             radial-gradient(70% 60% at 50% 0%,#ffcf7a22,transparent 70%),
             linear-gradient(180deg,#14070b,#090407)!important;
  box-shadow:inset 0 0 0 1px #f6c75a33,inset 0 -30px 60px #ff2a4a22,0 18px 40px #0008}
/* betting table: emerald felt, gold rail, glossy red/black numbers */
html:not([data-theme="light"]) body.g3p-roulette .lv-table-wrap{
  background:linear-gradient(180deg,#141018,#0b080c)!important;border-color:#f6c75a40!important;
  box-shadow:0 18px 40px #0009,inset 0 1px 0 #ffffff12}
body.g3p-roulette .lv-board{
  background:radial-gradient(120% 140% at 50% 30%,#1fa257 0%,#0f7a3c 45%,#06451f 100%)!important;
  box-shadow:inset 0 0 0 3px var(--rl-gold),inset 0 0 0 5px #7a5410,inset 0 0 46px #0008,0 10px 26px #0007!important}
body.g3p-roulette .lv-cell{border-color:#ffe7a370!important;text-shadow:0 1px 2px #0009}
body.g3p-roulette .lv-cell.red span{background:radial-gradient(circle at 35% 28%,var(--rl-red2),var(--rl-red) 55%,#8f0716)!important;box-shadow:0 2px 6px #0007,inset 0 1px 0 #ffffff40}
body.g3p-roulette .lv-cell.black span{background:radial-gradient(circle at 35% 28%,#3a4352,var(--rl-black) 60%,#05070a)!important;box-shadow:0 2px 6px #0007,inset 0 1px 0 #ffffff26}
body.g3p-roulette .lv-cell.zero{background:radial-gradient(circle at 40% 35%,#2ee27e,var(--rl-green) 55%,#07642f)!important}
body.g3p-roulette .lv-cell.diamond-red i{background:linear-gradient(135deg,var(--rl-red2),var(--rl-red) 60%,#8f0716)!important;filter:drop-shadow(0 2px 3px #0008)}
body.g3p-roulette .lv-cell.diamond-black i{background:linear-gradient(135deg,#3a4352,#05070a)!important;outline-color:#ffe7a3!important}
body.g3p-roulette .lv-cell.hover{background:#ffe7a338!important}
body.g3p-roulette .lv-cell.win{background:#ffd76a5c!important;box-shadow:inset 0 0 0 3px var(--rl-gold2),0 0 26px #ffd76a,0 0 60px #ffb02e66!important}
body.g3p-roulette .lv-spot:hover,body.g3p-roulette .lv-spot:focus-visible{background:#ffe7a333}
/* chips on the table: casino chips with an edge pattern */
body.g3p-roulette .lv-chip{background:radial-gradient(circle at 35% 30%,#fff6d0,#f6c75a 52%,#a8741c)!important;
  border:2px dashed #fff8e1!important;box-shadow:0 3px 7px #000a,0 0 0 2px #7a5410!important}
body.g3p-roulette .lv-chip.placed{background:radial-gradient(circle at 35% 30%,#ffd0d6,var(--rl-red2) 45%,#9b0718)!important;color:#fff!important;border-color:#ffe3e7!important}
body.g3p-roulette .lv-chip.won{box-shadow:0 0 0 3px #9ff27a,0 0 20px #9ff27a,0 3px 7px #000a!important}
/* chip presets in the panel: one even grid (no "10 000 W" falling out of a round chip) */
body.g3p-roulette .lrk-skin .panel .stakes{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
body.g3p-roulette .lrk-skin .panel .stakes button{width:auto!important;min-width:0!important;height:38px!important;aspect-ratio:auto!important;
  white-space:nowrap!important;font-size:12px!important;letter-spacing:0!important;overflow:hidden;text-overflow:ellipsis}
body.g3p-roulette .lrk-skin .panel .stakes button.selected{box-shadow:0 0 0 2px var(--rl-gold),0 0 16px #ff3b5266!important}
/* history pills and winning number pop */
html:not([data-theme="light"]) body.g3p-roulette .lv-pop{text-shadow:0 0 18px #ffd76a,0 2px 0 #0008}
@media (max-width:420px){body.g3p-roulette .lrk-skin .panel .stakes button{font-size:11px!important;height:36px!important}}
@media (prefers-reduced-motion:reduce){body.g3p-roulette .lv-cell.win{animation:none!important}}