.mdf-recipe{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;padding:12px}.mdf-side{display:grid;gap:4px;justify-items:start;min-width:0}.mdf-side b{font:800 28px/28px var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums}.mdf-arrow{color:var(--ink-3);font:700 16px/1 var(--font-hud)}.mdf-foot{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;padding:10px 12px;border-top:1px solid var(--line)}.mdf-cost{font:600 12px/16px var(--font-hud);letter-spacing:.06em;text-transform:uppercase;color:var(--amber)}.mdf-ladder{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px}.mdf-rule{padding:0 12px 12px}.mdf-ovr{font:700 16px/1 var(--font-hud);font-variant-numeric:tabular-nums;color:var(--ink);min-width:36px;text-align:center}.mdf-sel{max-height:50vh;overflow-y:auto}.mdf-consume,.mdf-sel{border:1px solid var(--line)}.mdf-consume{background:var(--ground-2);margin-top:12px}.mdf-consume p{margin:0;padding:8px 12px;font-size:13px;color:var(--ink-2);border-bottom:1px solid var(--line)}.mdf-consume p:last-child{border-bottom:0}.mdf-reveal{position:relative;width:100%;max-width:240px;margin:0 auto;min-height:200px;transform-style:preserve-3d}.mdf-face{position:absolute;inset:0;display:grid;gap:8px;align-content:center;justify-items:center;text-align:center;padding:16px;background:var(--ground-3);box-shadow:inset 0 0 0 2px var(--line-strong);backface-visibility:hidden}.mdf-face[data-up=true]{transform:rotateY(180deg);box-shadow:inset 0 0 0 2px var(--amber)}.mdf-face .mdf-q{font:800 40px/40px var(--font-display);color:var(--ink-3)}.mdf-face .mdf-big{font:800 44px/44px var(--font-hud);color:var(--amber);font-variant-numeric:tabular-nums}.mdf-face .mdf-nm{font:800 20px/22px var(--font-display);text-transform:uppercase;color:var(--ink)}@media (max-width:520px){.mdf-recipe{grid-template-columns:minmax(0,1fr)}.mdf-arrow{transform:rotate(90deg);justify-self:center}}