.mj{gap:var(--s-4);flex-direction:column;width:100%;max-width:34rem;margin-inline:auto;display:flex}.mj-pantalla{gap:var(--s-4);flex-direction:column;display:flex}.mj-pantalla[hidden]{display:none}.mj-instruccion{font-size:var(--fs-md);color:var(--text)}.mj-instruccion p{margin:0}.mj-mejor{align-items:baseline;gap:var(--s-2);padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface-2);font-size:var(--fs-sm);color:var(--text-2);margin:0;display:flex}.mj-mejor[hidden]{display:none}.mj-resumen{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));margin:0;display:grid}.mj-resumen>div{min-width:0;padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface-2);flex-direction:column;gap:2px;display:flex}.mj-et{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);line-height:1.3}.mj-valor{font-family:var(--font-mono);font-size:var(--fs-lg);font-variant-numeric:tabular-nums;color:var(--text);overflow-wrap:anywhere;font-weight:600;line-height:1.2}.mj-acciones{gap:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}.mj-consejos{border-top:1px solid var(--border);padding-top:var(--s-3)}.mj-consejos>summary{cursor:pointer;min-height:var(--control-h);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);align-items:center;font-weight:500;display:flex}.mj-consejos>summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-1)}.mj-consejos-cuerpo{padding-top:var(--s-2);color:var(--text-2);font-size:var(--fs-sm)}.mj-consejos-cuerpo ul{padding-left:var(--s-5);gap:var(--s-1);margin:0;display:grid}.mj-barra{justify-content:space-between;align-items:center;gap:var(--s-2) var(--s-3);padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface-2);flex-wrap:wrap;display:flex}.mj-datos{gap:var(--s-4);flex-wrap:wrap;display:flex}.mj-dato{flex-direction:column;gap:0;display:flex}.mj-dato[hidden]{display:none}.mj-controles{align-items:center;gap:var(--s-3);display:flex}.mj-zona{width:100%}.mj-zona:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:var(--r-2)}.mj[data-en-juego] .mj-juego{height:calc(100dvh - var(--header-h) - var(--s-4) - var(--s-2));gap:var(--s-3);flex-direction:column;display:flex;overflow:hidden}.mj[data-en-juego] .mj-juego .mj-barra{flex:none}.mj[data-en-juego] .mj-juego .mj-zona{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.mj[data-en-juego] .mj-juego .mj-zona>*{flex:1 1 0;min-height:0}.mj-titulo{font-size:var(--fs-xl);line-height:var(--lh-tight);margin:0}.mj-titulo:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.mj-marca{font-family:var(--font-mono);font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;color:var(--accent-text);margin:0;font-weight:700;line-height:1.1}.mj-nuevo{color:var(--ok);margin:0;font-weight:600}.mj-nuevo[hidden]{display:none}.mj-grafico{gap:var(--s-1);flex-direction:column;display:flex}.mj-grafico svg{width:100%;height:60px;display:block}.mj-barra-on{fill:var(--accent)}.mj-barra-off{fill:var(--border)}@media (pointer:coarse),(width<=640px){.mj .seg-item span{min-height:44px}}@media (width<=640px){.mj[data-en-juego] .mj-barra{padding:var(--s-1) var(--s-2);gap:var(--s-1);flex-wrap:nowrap}.mj[data-en-juego] .mj-datos{gap:var(--s-2);flex-wrap:nowrap;min-width:0}.mj[data-en-juego] .mj-dato{align-items:baseline;gap:var(--s-1);flex-direction:row;flex:none;min-width:0}.mj[data-en-juego] .mj-dato .mj-et{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mj[data-en-juego] .mj-dato .mj-valor{font-size:var(--fs-sm);white-space:nowrap}.mj[data-en-juego] .mj-controles{gap:var(--s-1);flex:none}.mj[data-en-juego] .mj-controles .switch>span:last-child{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.mj *{transition:none!important;animation:none!important}}
