dialog.roulette-dialog { width: min(930px, calc(100vw - 28px)); max-width: 930px; padding: 28px 32px 22px; }
.rt-heading { display:flex; align-items:center; justify-content:space-between; padding-right:22px; }
.rt-heading h2 { margin:7px 0 18px; font-size:36px; }
.rt-heading h2 span { color:#c2a06e; }
.rt-mark { color:#c2a06e; font-size:43px; }
.rt-dashboard { display:grid; grid-template-columns:160px 1fr; align-items:center; gap:23px; margin-bottom:15px; }
#rt-wheel { display:block; width:160px; height:160px; }
.rt-kicker { font-size:9px; letter-spacing:1.5px; color:#afac94; }
.rt-round-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:11px; }
.rt-round-title > strong { font:26px Georgia,serif; display:flex; align-items:center; gap:10px; }
#rt-clock { color:#d1b586; font-size:12px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.rt-round p { font-size:12px; margin:9px 0; color:#afb4a8; }
.rt-shared-stats { display:flex; gap:20px; font-size:11px; color:#b6b8aa; }
.rt-shared-stats b { color:#e8e8d7; }
.rt-history { display:flex; gap:5px; align-items:center; margin-top:15px; flex-wrap:wrap; }
.rt-history small { font-size:8px; letter-spacing:1px; margin-right:5px; color:#999f90; }
.rt-history-ball,.rt-result-ball { display:inline-flex; align-items:center; justify-content:center; border:1px solid #b28f5f66; border-radius:50%; color:#fff0d6; font-variant-numeric:tabular-nums; }
.rt-history-ball { width:23px; height:23px; font-size:10px; }
.rt-result-ball { width:36px; height:36px; font:20px Georgia,serif; }
.rt-history-empty { font:italic 12px Georgia,serif; color:#888e80; }
.rt-felt { padding:15px 14px 9px; background:radial-gradient(ellipse at 45% 10%,#2c4c39,#1c3528); border:1px solid #9f89535c; border-radius:9px; box-shadow:inset 0 0 25px #07170e66; }
.rt-board-scroll { overflow-x:auto; padding:2px; }
.rt-board { min-width:490px; }
.rt-numbers { display:grid; grid-template-columns:37px 1fr 42px; gap:3px; }
.rt-zero,.rt-columns { display:grid; gap:3px; }
.rt-number-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:3px; }
.rt-felt button { border:1px solid #a3ad8766; border-radius:2px; color:#f0ead3; background:#294936; padding:6px 2px; min-width:0; font-size:12px; }
.rt-number-grid button { height:31px; font:15px Georgia,serif; }
.rt-felt .rt-red,.rt-red { background:#843b3a; }
.rt-felt .rt-black,.rt-black { background:#1c2521; }
.rt-felt .rt-green,.rt-green { background:#3a674a; }
.rt-felt button:hover:not(:disabled) { border-color:#fff0bd; filter:brightness(1.2); }
.rt-felt button.rt-covered { border-color:#d7c38b; }
.rt-felt button.rt-selected { outline:2px solid #f0d99a; outline-offset:-2px; box-shadow:inset 0 0 0 4px #d3b36f44; }
.rt-felt button:disabled { opacity:.6; cursor:default; }
.rt-dozens,.rt-outsides { display:grid; gap:3px; margin:3px 45px 0 40px; }
.rt-dozens { grid-template-columns:repeat(3,1fr); }
.rt-outsides { grid-template-columns:repeat(6,1fr); }
.rt-outsides button { font-size:10px; letter-spacing:.5px; }
.rt-board-note { display:flex; justify-content:space-between; margin-top:8px; font-size:8px; letter-spacing:1px; color:#a6b29a; }
.rt-betting { display:grid; grid-template-columns:1.1fr 1fr; gap:25px; margin-top:16px; }
.rt-selection { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.rt-composer label { display:block; color:#b2b5a7; font-size:10px; letter-spacing:.3px; margin:0; }
.rt-composer select,.rt-composer input { width:100%; min-width:0; margin:6px 0 0; padding:9px 10px; height:37px; border-radius:5px; font-size:12px; }
.rt-stake-row { display:grid; grid-template-columns:110px 1fr; align-items:end; gap:10px; margin-top:10px; }
.rt-stake-row .primary-button { margin:0; min-height:37px; padding:9px 15px; font-size:12px; }
.rt-presets { display:flex; align-items:center; gap:5px; margin-top:9px; }
.rt-presets button { font-size:11px; border:1px solid #7e8f6e66; padding:4px 9px; border-radius:4px; color:#c9d0b4; background:#263127; }
.rt-presets span { font-size:9px; color:#969e8c; margin-left:auto; }
.rt-ticket { border-left:1px solid #82906b33; padding-left:25px; }
.rt-ticket-heading { display:flex; align-items:center; gap:9px; font-size:12px; }
.rt-ticket-heading > span { margin-left:auto; color:#cfb588; font-size:11px; }
.rt-ticket button { background:transparent; border:0; color:#bdc8ad; cursor:pointer; }
.rt-ticket button:disabled { opacity:.3; cursor:default; }
.rt-ticket-heading button { font-size:10px; text-decoration:underline; }
.rt-ticket-list { height:100px; overflow:auto; padding:7px 0; }
.rt-ticket-list p { font:italic 13px/1.8 Georgia,serif; color:#8e9985; margin:12px 0; }
.rt-ticket-row { display:flex; gap:8px; align-items:center; padding:5px 0; font-size:11px; border-bottom:1px solid #6e856022; }
.rt-ticket-row > strong { margin-left:auto; font-weight:500; color:#e3d2ac; }
.rt-ticket-row button { width:22px; height:22px; font-size:18px; }
.rt-balance { display:flex; justify-content:space-between; align-items:center; border-top:1px solid #82906b33; padding-top:9px; }
.rt-balance span { font-size:8px; letter-spacing:1px; color:#a4ac95; }
.rt-balance strong { font:20px Georgia,serif; color:#f2e0b7; }
.rt-balance small { font:10px sans-serif; color:#a4ac95; }
.rt-personal-result { margin-top:16px; padding:11px 14px; display:flex; align-items:center; justify-content:space-between; gap:8px; background:#a0a1800b; border:1px solid #a4b08522; border-radius:6px; font-size:11px; }
.rt-personal-result strong { font-weight:500; color:#d0d6bf; }
.rt-personal-result span { color:#9ba78d; font-size:10px; }
.rt-personal-result.rt-win { border-color:#b5bf7544; background:#b5bf7510; }
.rt-win strong { color:#d3df9a; }
.rt-rules { margin-top:12px; font-size:11px; color:#a5af96; }
.rt-rules summary { cursor:pointer; color:#b4bda5; }
.rt-rules p { font-size:11px; line-height:1.7; }
@media(max-height:800px) and (min-width:701px) {
  dialog.roulette-dialog { padding:20px 27px 17px; }
  .rt-heading h2 { font-size:28px; margin:3px 0 9px; }
  .rt-dashboard { grid-template-columns:115px 1fr; gap:20px; margin-bottom:10px; }
  #rt-wheel { width:115px; height:115px; }
  .rt-round-title { margin-top:7px; }
  .rt-round-title > strong { font-size:24px; }
  .rt-round p { margin:6px 0; }
  .rt-history { margin-top:7px; }
  .rt-felt { padding-top:10px; }
  .rt-felt button { padding:4px 2px; }
  .rt-number-grid button { height:27px; }
  .rt-betting { margin-top:12px; }
  .rt-personal-result { margin-top:12px; }
}
@media(max-width:700px) {
  dialog.roulette-dialog { padding:22px 17px; }
  .rt-heading h2 { font-size:27px; }
  .rt-heading .eyebrow { font-size:8px; }
  .rt-mark { display:none; }
  .rt-dashboard { grid-template-columns:95px 1fr; gap:12px; }
  #rt-wheel { width:95px; height:95px; }
  .rt-kicker { font-size:7px; letter-spacing:.6px; }
  .rt-round-title { flex-wrap:wrap; gap:4px; }
  .rt-round-title > strong { font-size:20px; }
  .rt-round p { font-size:10px; }
  .rt-shared-stats { gap:10px; font-size:9px; }
  .rt-history { margin-top:8px; }
  .rt-betting { grid-template-columns:1fr; gap:16px; }
  .rt-ticket { border-left:0; padding-left:0; }
  .rt-ticket-list { height:80px; }
  .rt-personal-result { align-items:flex-start; flex-direction:column; }
  .rt-board-note { font-size:6px; letter-spacing:.4px; }
}