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

/* Tu jugada, sobre el video */
.mk-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}
.mk-hud span{font-size:.72em;letter-spacing:.09em;color:var(--muted)}
.mk-hud b{font-weight:700;color:var(--accent)}
.mk-hud i{font-style:normal;font-weight:500;opacity:.8}
.mk-hud[hidden]{display:none}
.mk-result{position:absolute;left:50%;bottom:9%;z-index:3;transform:translateX(-50%);padding:.45em 1.1em;border-radius:30px;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:mk-pop .35s cubic-bezier(.2,1.5,.4,1) both;pointer-events:none}
.mk-result.win{background:var(--accent);border-color:var(--accent);color:#111}
.mk-result.push{border-color:#ffd166;color:#ffd166}
@keyframes mk-pop{from{transform:translateX(-50%) scale(.6);opacity:0}to{transform:translateX(-50%);opacity:1}}
.mk-result[hidden]{display:none}

.mk-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}
.mk-chip[data-chip="1"]{background:#5b6157}
.mk-chip[data-chip="5"]{background:#b3362c}
.mk-chip[data-chip="25"]{background:#1f7a4a}
.mk-chip[data-chip="100"]{background:#16181a}
.mk-chip[aria-pressed=true]{transform:translateY(-3px);box-shadow:0 0 0 3px var(--accent)}
.mk-chip:disabled{opacity:.35;cursor:default}
.mk-chip:focus-visible,.mk-opt:focus-visible,.mk-go:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Jugadas */
.mk-pick{margin:0 0 6px;font:600 10px/1 'DM Sans',Arial,sans-serif;letter-spacing:.09em;color:var(--muted)}
.mk-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 14px}
.mk-opt{display:flex;flex-direction:column;gap:5px;text-align:left;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:#161a15;color:var(--text);cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}
.mk-opt span{font:600 14px/1.2 'DM Sans',Arial,sans-serif}
.mk-opt b{font:700 18px/1 Manrope,Arial,sans-serif;color:var(--accent);font-variant-numeric:tabular-nums}
.mk-opt:hover:not(:disabled){border-color:var(--accent)}
.mk-opt[aria-pressed=true]{background:#d1f65a1f;border-color:var(--accent);box-shadow:0 0 0 2px #d1f65a55}
.mk-opt:disabled{opacity:.6;cursor:default}
.mk-opt[data-opt=golden]{grid-column:1/-1;border-color:#ffd16655}
.mk-opt[data-opt=golden] b{color:#ffd166}
.mk-opt[data-opt=golden][aria-pressed=true]{background:#ffd1661f;border-color:#ffd166;box-shadow:0 0 0 2px #ffd16655}
.mk-opt-note{margin:0 0 14px;font:500 12px/1.5 'DM Sans',Arial,sans-serif;color:var(--muted)}

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

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

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

@media(max-width:640px){
  .mk-chip{width:42px;height:42px}
  .mk-hud{left:2%;bottom:3%;padding:.4em .6em}
  .mk-result{bottom:7%}
  .mk-opt{padding:10px 11px}
  .mk-opt span{font-size:13px}
}