#re-jm-topos{--c:#6b3f1d;--c2:#a0632f}
#re-jm-globos{--c:#8e2a6b;--c2:#c44a96}
#re-jm-avion{--c:#14507a;--c2:#2e86de}
.rjm .rar-top{font-size:1.25rem;font-weight:900;color:var(--c);text-align:center;background:#f4f7fb;border:2px solid #dde6f0;border-radius:14px;padding:8px 10px;margin-bottom:10px;min-height:2.2em}
.rjm .rar-n{font-size:2.2rem;font-weight:900;color:var(--c);line-height:1}
.rjm .rar-v{font-size:1.5rem;color:#c8221e;margin-top:4px;letter-spacing:2px}
.rjm .rar-t{font-weight:900;color:var(--c);margin-top:6px;font-size:1.1rem}
/* topos */
.rjm .rtp-tab{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 14px;background:linear-gradient(#9fd47a,#7cbf55);border-radius:18px;padding:18px 14px 12px;border:3px solid #5e9c3b;user-select:none;touch-action:manipulation}
.rjm .rtp-h{position:relative;height:118px;overflow:hidden}
.rjm .rtp-tierra{position:absolute;left:4%;right:4%;bottom:0;height:34px;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#3b2412 55%,#5a3a1c 75%);z-index:2;pointer-events:none}
.rjm .rtp-m{all:unset;box-sizing:border-box;position:absolute;left:14%;right:14%;bottom:-96px;height:104px;border-radius:46% 46% 18% 18%;background:radial-gradient(circle at 50% 28%,#b07a4a,#8a5a2b 70%);transition:bottom .16s ease-out;z-index:1;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:8px;box-shadow:inset 0 -6px 0 rgba(0,0,0,.18)}
.rjm .rtp-m.up{bottom:6px}
.rjm .rtp-m:focus-visible{outline:3px solid var(--a)}
.rjm .rtp-cara{display:block;width:44px;height:16px;position:relative;font-style:normal}
.rjm .rtp-cara::before,.rjm .rtp-cara::after{content:"";position:absolute;top:2px;width:9px;height:9px;border-radius:50%;background:#14304f}
.rjm .rtp-cara::before{left:6px}.rjm .rtp-cara::after{right:6px}
.rjm .rtp-l{margin-top:4px;background:#fff;color:#14304f;border-radius:10px;padding:3px 8px;font-weight:900;font-size:clamp(.82rem,2.6vw,1.12rem);max-width:96%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 0 rgba(0,0,0,.2)}
.rjm .rtp-m.bien .rtp-l{background:#86efac}.rjm .rtp-m.mal .rtp-l{background:#fca5a5}
.rjm .rtp-m.bien{transform:scale(.92)}.rjm .rtp-m.mal{filter:saturate(.4)}
@media(max-width:520px){.rjm .rtp-h{height:96px}.rjm .rtp-m{height:88px;bottom:-80px}}
/* globos */
.rjm .rgl-cielo{position:relative;height:400px;overflow:hidden;border-radius:18px;border:3px solid #9cc7ea;background:linear-gradient(#bfe3ff,#eef8ff);user-select:none;touch-action:manipulation}
.rjm .rgl-g{all:unset;box-sizing:border-box;position:absolute;top:100%;width:96px;height:112px;border-radius:50% 50% 47% 47%/45% 45% 55% 55%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.55),transparent 32%),var(--col);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset -8px -10px 0 rgba(0,0,0,.12)}
.rjm .rgl-g::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:46px;background:#7a8aa0}
.rjm .rgl-g span{background:rgba(255,255,255,.92);color:#14304f;border-radius:10px;padding:2px 7px;font-weight:900;font-size:.98rem;max-width:90px;text-align:center;line-height:1.15;word-break:break-word}
.rjm .rgl-g.bien{opacity:0;transition:opacity .3s,transform .3s!important}
.rjm .rgl-g.mal{filter:grayscale(1);opacity:.4;transition:opacity .3s!important}
/* avión */
.rjm .rav-cielo{position:relative;height:340px;overflow:hidden;border-radius:18px;border:3px solid #9cc7ea;background:linear-gradient(#7cc4f5,#d8efff);user-select:none;touch-action:manipulation;cursor:pointer;outline:none}
.rjm .rav-cielo::before,.rjm .rav-cielo::after{content:"";position:absolute;left:0;right:0;border-top:2px dashed rgba(255,255,255,.55)}
.rjm .rav-cielo::before{top:33.33%}.rjm .rav-cielo::after{top:66.66%}
.rjm .rav-av{position:absolute;left:10%;width:70px;height:44px;transform:translateY(-50%);transition:top .15s ease-out;z-index:3}
.rjm .rav-av svg{width:100%;height:100%;display:block}
.rjm .rav-col{position:absolute;left:0;top:0;bottom:0;width:150px;will-change:transform}
.rjm .rav-n{position:absolute;left:0;right:0;transform:translateY(-50%);background:#fff;border-radius:40px;padding:12px 8px;text-align:center;font-weight:900;color:#14304f;font-size:1.08rem;box-shadow:0 4px 0 rgba(20,48,79,.15),-14px 6px 0 -6px #fff,14px 6px 0 -6px #fff}
.rjm .rav-n.bien{background:#86efac}.rjm .rav-n.mal{background:#fca5a5}
.rjm .rav-pad{display:flex;gap:10px;margin-top:10px}
.rjm .rav-k{height:52px;width:72px;border-radius:12px;border:2px solid #dde6f0;background:#fff;font:inherit;font-size:1.5rem;font-weight:900;color:var(--c);cursor:pointer;box-shadow:0 4px 0 #c9d4e2}