/* Demo jugable de slot "Gem Rush". Prefijo sl-. Reutiliza rl-game, rl-stage, rl-screen, rl-bar, rl-panel, rl-chips, rl-actions y rl-note. */
.sl-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.sl-screen{background:#0d100d}
.rl-bar b.up{color:var(--accent)}

.sl-say{position:absolute;right:2.5%;bottom:41%;z-index:2;max-width:23%;margin:0;padding:.65em .95em;border-radius:14px 14px 3px 14px;background:#f4f5f0;color:#111;font:600 clamp(11px,1.5cqw,16px)/1.35 'DM Sans',Arial,sans-serif;box-shadow:0 10px 28px #000a;transform-origin:100% 100%;pointer-events:none}
.sl-say::after{content:"";position:absolute;right:-8px;bottom:11px;border-left:10px solid #f4f5f0;border-top:7px solid transparent;border-bottom:7px solid transparent}
.sl-say b{color:#46600a;font-weight:700}
.sl-say.pop{animation:sl-pop .3s cubic-bezier(.2,1.5,.4,1) both}
@keyframes sl-pop{from{transform:scale(.55);opacity:0}to{transform:none;opacity:1}}
.sl-say[hidden]{display:none}

.sl-chip{min-width:52px;height:46px;padding:0 10px;border-radius:30px;border:3px dashed #ffffff8c;font:700 14px/1 'DM Sans',Arial,sans-serif;color:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s}
.sl-chip[data-chip="5"]{background:#b3362c}
.sl-chip[data-chip="10"]{background:#1f7a4a}
.sl-chip[data-chip="25"]{background:#16181a}
.sl-chip[data-chip="50"]{background:#5b3fa0}
.sl-chip[aria-pressed=true]{transform:translateY(-3px);box-shadow:0 0 0 3px var(--accent)}
.sl-chip:disabled{opacity:.35;cursor:default}
.sl-chip:focus-visible,.sl-go:focus-visible,.sl-check input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sl-bet-note{margin:0 0 12px;font:500 13px/1.4 'DM Sans',Arial,sans-serif;color:var(--muted)}

.sl-go{flex:1;min-height:62px;font-size:18px!important;cursor:pointer;font-family:inherit}
.sl-go small{display:block;font:500 11px/1.2 'DM Sans',Arial,sans-serif;opacity:.7;margin-top:3px}
.sl-go:disabled{opacity:.5;cursor:default}
.sl-opts{display:flex;flex-wrap:wrap;gap:6px 22px}
.sl-check{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:14px;color:var(--muted);cursor:pointer}
.sl-check input{width:18px;height:18px;accent-color:var(--accent)}

.sl-hist li{width:auto;min-width:40px;height:26px;border-radius:14px;padding:0 9px;background:#2b2f29;color:#cfd3c8;font-variant-numeric:tabular-nums}
.sl-hist li.mid{background:#d1f65a24;color:var(--accent)}
.sl-hist li.hi{background:var(--accent);color:#111}
.sl-hist li.top{background:#ffd166;color:#111}
.sl-hist li.low{background:#3a2724;color:#ff8c75}

/* Tabla de pagos */
.sl-paywrap{margin-top:16px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.sl-paywrap summary{cursor:pointer;padding:13px 16px;font:600 13px/1 'DM Sans',Arial,sans-serif;letter-spacing:.04em;color:var(--text)}
.sl-pays{padding:0 16px 14px}
.sl-pay{display:grid;gap:6px}
.sl-pay-row{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:8px;background:#161a15}
.sl-pay-row canvas{width:44px;height:44px;flex:none}
.sl-pay-row span{font:500 13px/1.5 'DM Sans',Arial,sans-serif;color:var(--muted)}
.sl-pay-row i{font-style:normal;font-size:11px;margin-left:6px}
.sl-pay-row b{color:var(--text);font-weight:700;margin-left:2px}
.sl-pay-row em{display:block;font-style:normal;font-size:12px;opacity:.85;margin-top:2px}
.sl-pay-nota{margin:10px 0 0;font:500 12px/1.5 'DM Sans',Arial,sans-serif;color:var(--muted)}

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

@media(max-width:640px){
  .sl-say{right:2%;bottom:40%;max-width:27%}
  .sl-chip{min-width:48px;height:42px}
}