/* Demo jugable "Roulette Slots" con presentador en video. Prefijo rs-. Reutiliza rl-game, rl-stage, rl-screen, rl-bar, rl-panel, rl-chips, rl-actions y rl-note. */
.rs-screen{background:#1a0f08}
.rs-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#1a0f08}
.rs-vid.rs-round{opacity:0;pointer-events:none;transition:opacity .25s}
.rs-vid.rs-round.on{opacity:1}
.rl-bar b.up{color:var(--accent)}

.rs-hud{position:absolute;left:3%;bottom:5%;z-index:2;display:flex;flex-direction:column;gap:3px;padding:.55em .85em;border-radius:10px;background:#0b0e0bd9;border:1px solid #ffffff2a;font:600 clamp(10px,1.4cqw,14px)/1.2 'DM Sans',Arial,sans-serif;color:var(--text);pointer-events:none}
.rs-hud span{font-size:.72em;letter-spacing:.09em;color:var(--muted)}
.rs-hud b{font-weight:700;color:var(--accent)}
.rs-hud i{font-style:normal;font-weight:500;opacity:.8}
.rs-hud[hidden]{display:none}
.rs-result{position:absolute;left:50%;bottom:3%;z-index:3;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:.5em 1.2em;border-radius:18px;background:#0b0e0be6;border:2px solid #ffffff55;color:#fff;font:800 clamp(14px,3.2cqw,32px)/1 Manrope,Arial,sans-serif;letter-spacing:.03em;white-space:nowrap;animation:rs-pop .35s cubic-bezier(.2,1.5,.4,1) both;pointer-events:none}
.rs-result em{font-style:normal}
.rs-result small{font:700 .55em/1 'DM Sans',Arial,sans-serif;letter-spacing:.12em;color:#ffd166}
.rs-result.win{background:var(--accent);border-color:var(--accent);color:#111}
.rs-result.win small{color:#2b3a05}
@keyframes rs-pop{from{transform:translateX(-50%) scale(.6);opacity:0}to{transform:translateX(-50%);opacity:1}}
.rs-result[hidden]{display:none}

.rs-chip{width:46px;height:46px;border-radius:50%;border:3px dashed #ffffff8c;font:700 13px/1 'DM Sans',Arial,sans-serif;color:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s}
.rs-chip[data-chip="1"]{background:#5b6157}
.rs-chip[data-chip="5"]{background:#b3362c}
.rs-chip[data-chip="25"]{background:#1f7a4a}
.rs-chip[data-chip="100"]{background:#16181a}
.rs-chip[aria-pressed=true]{transform:translateY(-3px);box-shadow:0 0 0 3px var(--accent)}
.rs-chip:disabled{opacity:.35;cursor:default}
.rs-chip:focus-visible,.rs-opt:focus-visible,.rs-num:focus-visible,.rs-go:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.rs-pick{margin:0 0 6px;font:600 10px/1 'DM Sans',Arial,sans-serif;letter-spacing:.09em;color:var(--muted)}
.rs-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 14px}
.rs-opt{display:flex;flex-direction:column;gap:4px;text-align:left;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:#161a15;color:var(--text);cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}
.rs-opt span{font:600 14px/1.2 'DM Sans',Arial,sans-serif}
.rs-opt b{font:700 16px/1 Manrope,Arial,sans-serif;color:var(--accent)}
.rs-opt:hover:not(:disabled){border-color:var(--accent)}
.rs-opt[aria-pressed=true]{background:#d1f65a1f;border-color:var(--accent);box-shadow:0 0 0 2px #d1f65a55}
.rs-opt[data-opt=red] span{color:#ff7d68}
.rs-opt:disabled{opacity:.6;cursor:default}
.rs-nums{display:grid;grid-template-columns:repeat(13,1fr);gap:4px;margin:8px 0 14px}
.rs-num{aspect-ratio:1/1;min-width:0;padding:0;border-radius:7px;border:1px solid #ffffff22;color:#fff;font:700 clamp(11px,1.3vw,14px)/1 'DM Sans',Arial,sans-serif;font-variant-numeric:tabular-nums;cursor:pointer;transition:transform .12s,box-shadow .12s}
.rs-num.red{background:#8e2a22}
.rs-num.black{background:#1a1c1a}
.rs-num.green{background:#1f6a3d}
.rs-num:hover:not(:disabled){box-shadow:0 0 0 2px var(--accent)}
.rs-num[aria-pressed=true]{box-shadow:0 0 0 3px var(--accent);transform:scale(1.1)}
.rs-num:disabled{opacity:.6;cursor:default}

.rs-go{flex:1;min-height:58px;font-size:15px!important;cursor:pointer;font-family:inherit}
.rs-go:disabled{opacity:.5;cursor:default}

.rs-hist li{width:28px;height:28px;border-radius:50%;padding:0;display:grid;place-items:center;color:#fff;font-variant-numeric:tabular-nums}
.rs-hist li.red{background:#8e2a22}
.rs-hist li.black{background:#1a1c1a;border:1px solid #ffffff33}
.rs-hist li.green{background:#1f6a3d}

body.rs-en-juego .nx-sticky{transform:translate(-50%,120px);opacity:0;pointer-events:none}

@media(max-width:640px){
  .rs-chip{width:42px;height:42px}
  .rs-hud{left:2%;bottom:3%;padding:.4em .6em}
  .rs-result{bottom:5%}
  .rs-opts{gap:6px}
  .rs-opt{padding:9px 10px}
  .rs-opt span{font-size:13px}
  .rs-nums{grid-template-columns:repeat(10,1fr)}
}