.mm{display:flex;flex-direction:column;gap:var(--space-4)}.mm__intro{text-align:center;max-width:66ch;margin-inline:auto}.mm__title{font-size:clamp(1.8rem,3.6vw,2.6rem)}.mm__lead{margin-top:var(--space-3);color:var(--c-ink-soft);font-size:var(--fs-body);line-height:var(--lh-snug)}.mm__topbar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-3) var(--space-4);max-width:900px;margin-inline:auto;width:100%}.mm__rank{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);color:var(--c-ink-soft)}.mm__rank[hidden]{display:none}.mm__rank-ic{color:var(--c-gold-400);display:grid;place-items:center}.mm__rank b{color:var(--c-gold-400)}.mm__count{font-size:var(--fs-sm);color:var(--c-ink-mute);justify-self:end;grid-column:2}.mm__count b{color:var(--c-gold-400);font-family:var(--font-mono)}.mm__bar{grid-column:1 / -1;height:5px;border-radius:999px;background:var(--c-bg-600);overflow:hidden}.mm__bar i{display:block;height:100%;width:0%;background:var(--grad-gold);border-radius:999px;transition:width .4s var(--ease-out)}.mm__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:var(--space-3);max-width:900px;margin-inline:auto;width:100%}.mm__skill{position:relative;overflow:hidden;background:var(--c-bg-800);border-radius:var(--r-lg);padding:var(--space-4);display:grid;gap:var(--space-3);align-content:start;box-shadow:inset 0 0 0 1px var(--c-line);transition:transform var(--dur-fast),box-shadow var(--dur-fast)}.mm__skill:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--c-bg-600);transition:background var(--dur-fast)}.mm__skill:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--c-line),0 14px 30px #00000047}.mm__skill[data-level="1"]:before{background:var(--c-gold-400)}.mm__skill[data-level="2"]:before{background:var(--c-success)}.mm__skill[data-level="2"]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-success) 45%,transparent)}.mm__skill-head{display:flex;align-items:center;gap:10px}.mm__skill-ic{flex:none;width:2.5rem;height:2.5rem;border-radius:var(--r-md);display:grid;place-items:center;background:var(--c-teal-glow);color:var(--c-teal-400);box-shadow:inset 0 0 0 1px var(--c-teal-600)}.mm__skill-name{font-size:1.16rem;font-weight:700;line-height:1.15}.mm__skill-d{font-size:var(--fs-sm);color:var(--c-ink-mute);margin-top:2px;line-height:var(--lh-snug)}.mm__links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mm__link{display:grid;gap:1px;align-content:center;min-height:52px;padding:8px 12px;border-radius:var(--r-md);text-align:left;transition:transform var(--dur-fast)}.mm__link:hover{transform:translateY(-1px)}.mm__link-k{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;opacity:.75}.mm__link-v{font-size:var(--fs-sm);font-weight:700;line-height:1.15}.mm__link--learn{background:var(--c-bg-700);color:var(--c-ink)}.mm__link--learn:hover{color:var(--c-teal-400)}.mm__link--practice{background:var(--c-teal-glow);color:var(--c-teal-400);box-shadow:inset 0 0 0 1px var(--c-teal-600)}.mm__link--practice:hover{color:var(--c-ink)}.mm__status{display:flex;align-items:center;gap:8px;width:100%;cursor:pointer;border:0;background:var(--c-bg-900);border-radius:var(--r-md);padding:10px 14px;font-family:var(--font-body);font-size:var(--fs-xs);font-weight:600;color:var(--c-ink-mute);transition:box-shadow var(--dur-fast)}.mm__status-dot{width:10px;height:10px;border-radius:50%;background:var(--c-bg-600);box-shadow:inset 0 0 0 1px var(--c-line)}.mm__skill[data-level="1"] .mm__status-dot{background:var(--c-gold-400);box-shadow:none}.mm__skill[data-level="1"] .mm__status-t{color:var(--c-gold-400)}.mm__skill[data-level="2"] .mm__status-dot{background:var(--c-success);box-shadow:none}.mm__skill[data-level="2"] .mm__status-t{color:var(--c-success)}.mm__status:hover{box-shadow:inset 0 0 0 1px var(--c-teal-600)}.mm__status-hint{margin-left:auto;font-size:.62rem;font-weight:600;letter-spacing:.02em;color:var(--c-ink-mute);opacity:.8}.mm__status:hover .mm__status-hint{color:var(--c-teal-400);opacity:1}.mm__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}