.rjm{--c:#1b3a6b;--c2:#2f5f9e;--a:#f08a1e;--a2:#b8640c;max-width:900px;margin:24px auto;background:#fff;border-radius:22px;box-shadow:0 20px 44px -22px rgba(27,42,68,.45);overflow:hidden;color:#1b2a44;position:relative}
.rjm *{box-sizing:border-box}
.rjm .rjm-cab{background:var(--c) radial-gradient(120% 140% at 8% 0%,var(--c2),transparent 65%);color:#fff;padding:16px 20px 0}
.rjm .rjm-cab-t b{display:block;font-size:1.35rem;font-weight:900;line-height:1.2}
.rjm .rjm-cab-t span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.8;font-weight:800}
.rjm .rjm-tabs{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}
.rjm .rjm-tab{background:rgba(255,255,255,.14);color:#fff;border:0;border-radius:12px 12px 0 0;padding:10px 16px;font:inherit;font-weight:800;cursor:pointer}
.rjm .rjm-tab.on{background:#fff;color:var(--c)}
.rjm .rjm-cuerpo{padding:18px 20px 22px}
.rjm .rjm-intro{color:#41546e;margin:0 0 14px}
.rjm .rjm-form{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-end;margin:0 0 14px}
.rjm .rjm-campo{display:flex;flex-direction:column;gap:4px;flex:1 1 190px;font-size:.82rem;font-weight:800;color:var(--c)}
.rjm .rjm-sel{width:100%;padding:10px 12px;border-radius:12px;border:2px solid #dde6f0;font:inherit;font-weight:600;background:#fff;color:#1b2a44}
.rjm .rjm-btn{background:var(--a);color:#1b2a44;border:0;border-radius:14px;padding:11px 16px;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 5px 0 var(--a2);transition:transform .1s,box-shadow .1s;margin:4px 6px 4px 0}
.rjm .rjm-btn.sec{background:#fff;color:var(--c);border:2px solid #dde6f0;box-shadow:0 4px 0 #c9d4e2}
.rjm .rjm-btn:active{transform:translateY(3px);box-shadow:0 1px 0 #c9d4e2}
.rjm .rjm-btn[disabled]{opacity:.5;cursor:default}
.rjm .rjm-juego{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:start}
@media(max-width:760px){.rjm .rjm-juego{grid-template-columns:1fr}}
.rjm .rjm-titulo{margin:0 0 4px;color:var(--c);font-size:1.1rem}
.rjm .rjm-ayuda{margin:0 0 10px;color:#41546e;font-size:.93rem}
.rjm .rjm-marco{position:relative;width:100%;max-width:560px}
.rjm .rjm-estado{margin-top:10px;font-weight:800;color:var(--c);min-height:1.5em}
.rjm .rjm-estado.mal{color:#c8221e}
.rjm .rjm-estado.bien{color:#3d7f24}
.rjm .rjm-botones{display:flex;flex-wrap:wrap}
.rjm .rjm-extra{margin-top:8px;font-size:.9rem;color:#41546e}
.rjm .rjm-panel{position:absolute;left:7%;right:7%;top:26%;background:#fff;border-radius:18px;padding:16px;text-align:center;box-shadow:0 18px 40px -12px rgba(27,42,68,.55);border:3px solid var(--c);z-index:5}
.rjm .rjm-panel b{display:block;font-size:1.3rem;color:var(--c);margin-bottom:4px}
.rjm .rjm-panel p{margin:0 0 10px;color:#41546e}
.rjm .rjm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:0 0 14px}
.rjm .rjm-card{text-align:left;background:#f4f7fb;border:2px solid #dde6f0;border-radius:16px;padding:12px 14px;font:inherit;color:#1b2a44;cursor:pointer;box-shadow:0 4px 0 #c9d4e2}
.rjm .rjm-card b{display:block;color:var(--c);font-size:1.02rem}
.rjm .rjm-card span{font-size:.86rem;color:#41546e}
.rjm .rjm-card.ok{border-color:#b9dca9;background:#f3faef}
.rjm .rjm-reglas{background:#f4f7fb;border:2px solid #dde6f0;border-radius:16px;padding:14px 18px;color:#2a3b55}
.rjm .rjm-reglas h4{margin:10px 0 4px;color:var(--c)}
.rjm .rjm-reglas ul{margin:0;padding-left:20px}
.rjm .rjm-cortina{position:absolute;inset:0;background:var(--c);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:14px;z-index:6;padding:20px}
.rjm .rjm-cortina b{font-size:1.4rem;margin-bottom:6px}