.mfl{gap:var(--s-3);flex-direction:column;display:flex}.mfl-cab{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.mfl-dato{flex-direction:column;display:flex}.mfl-et{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.mfl-v{font-family:var(--font-mono);font-size:var(--fs-lg);font-variant-numeric:tabular-nums;font-weight:600}.mfl-lento{margin-left:auto}.mfl-config{gap:var(--s-2);flex-direction:column;display:flex}.mfl-repetir{min-height:44px;padding:var(--s-2) var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-2);background:var(--surface-2);color:var(--text);font-size:var(--fs-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;align-self:flex-start;font-weight:600}.mfl-repetir:hover{border-color:var(--accent);color:var(--accent-text)}.mfl-repetir:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.mfl-repetir[hidden]{display:none}.mfl-escena{display:block;position:relative}.mfl-overlay{justify-content:center;align-items:center;gap:var(--s-1);padding:var(--s-3);text-align:center;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.mfl-estado{font-family:system-ui,sans-serif;font-size:var(--fs-lg);color:var(--text-2);margin:0;font-weight:700}.mfl-progreso{font-family:var(--font-mono);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;color:var(--text-3);margin:0}.mfl-estado:empty,.mfl-progreso:empty{display:none}#mfl-canvas{border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface-2);touch-action:none;width:100%;height:clamp(160px,30vh,240px);display:block}@media (width<=640px){.mj[data-en-juego] .mfl-cab{gap:var(--s-2);flex-wrap:nowrap}.mj[data-en-juego] .mfl-cab .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}.mj[data-en-juego] .mfl-escena{flex:1 1 0;min-height:0;display:flex}.mj[data-en-juego] .mfl-escena #mfl-canvas{flex:1 1 0;height:100%;min-height:110px}.mj[data-en-juego] .mfl-btn{min-height:44px}.mj[data-en-juego] .mfl-ayuda{display:none}}.mfl-pad{gap:var(--s-2);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:20rem;margin-inline:auto;display:grid}.mfl-btn{min-height:56px;font-size:var(--fs-xl);border:1px solid var(--border-strong);border-radius:var(--r-2);background:var(--surface-2);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color 80ms var(--ease), border-color 80ms var(--ease), transform 80ms var(--ease);justify-content:center;align-items:center;line-height:1;display:flex}.mfl-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.mfl-btn:active,.mfl-btn.mfl-on{background:var(--accent-soft);border-color:var(--accent);transform:scale(.97)}.mfl-btn[data-dir=arriba]{grid-area:1/2}.mfl-btn[data-dir=izquierda]{grid-area:2/1}.mfl-btn[data-dir=abajo]{grid-area:2/2}.mfl-btn[data-dir=derecha]{grid-area:2/3}.mfl-ayuda{font-size:var(--fs-sm);color:var(--text-3);text-align:center;margin:0}.mfl-detalle{gap:var(--s-3);flex-direction:column;display:flex}.mfl-res{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));margin:0;display:grid}.mfl-res>div{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}.mfl-res dt{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.mfl-res dd{font-family:var(--font-mono);font-size:var(--fs-lg);font-variant-numeric:tabular-nums;margin:0;font-weight:600}@media (prefers-reduced-motion:reduce){.mfl-btn{transition:none}}