.mm{display:flex;flex-direction:column;max-width:560px;min-height:var(--gm-h, 100svh);padding-block:var(--s3)}.mm-step{display:flex;flex:1;flex-direction:column}.mm-step:focus{outline:none}.mm-kick{font-size:var(--t-small);color:var(--muted)}.mm-ttl{margin-block:var(--s2) var(--s3);font:var(--w-head) clamp(32px,10vw,64px)/.9 var(--font);letter-spacing:var(--ls-caps);text-transform:uppercase}.mm-ttl em{font-style:normal;color:var(--red)}.mm-lead{max-width:30em;color:var(--ink-2);text-wrap:pretty}.mm-rules{margin-top:var(--s4);border-top:1px solid var(--line);counter-reset:mm}.mm-rules li{counter-increment:mm;display:flex;gap:var(--s3);padding-block:6px;border-bottom:1px solid var(--line);font-size:var(--t-small)}.mm-rules li:before{content:counter(mm);min-width:1ch;color:var(--red);font-weight:var(--w-sub)}.mm-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin-top:auto;padding-top:var(--s4)}.mm-foot--nx{margin-top:var(--s2);padding-top:0;scroll-margin-bottom:calc(var(--bar) + var(--safe-b) + var(--s4))}.mm-foot--nx.is-wait{visibility:hidden}.mm-note{flex-basis:100%;font-size:var(--t-micro);color:var(--muted)}.mm-nx{min-height:var(--btn-h-main)}.mm-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:24px;font-size:var(--t-small);color:var(--muted)}.mm-bar b{color:var(--ink);font-variant-numeric:tabular-nums}.mm-bar__st b{color:var(--red)}.mm-prog,.mm-dots{display:flex;gap:var(--s1)}.mm-prog{margin-block:6px var(--s3)}.mm-prog i,.mm-dots i{flex:1;height:5px;border-radius:3px;background:var(--line)}.mm-prog i.is-ok,.mm-dots i.is-ok{background:var(--ink)}.mm-prog i.is-no,.mm-dots i.is-no{background:var(--red)}.mm-prog i.is-cur{background:var(--line-field)}.mm-duel{position:relative;display:grid;flex:1;grid-template-rows:1fr 1fr;gap:var(--s2);min-height:280px}.mm-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%;min-height:128px;padding:var(--s3) var(--s4);border-radius:var(--r-l);background:var(--paper);box-shadow:inset 0 0 0 2px var(--ink);text-align:left;transition:transform .12s,opacity var(--dur),box-shadow var(--dur)}.mm-card--b{background:var(--red);color:#fff;box-shadow:inset 0 0 0 2px var(--red)}@media(hover:hover){.mm-duel:not(.is-done) .mm-card:hover{box-shadow:inset 0 0 0 2px var(--ink),0 6px 0 var(--ink)}.mm-duel:not(.is-done) .mm-card--b:hover{box-shadow:inset 0 0 0 2px var(--red),0 6px 0 var(--red-press)}}.mm-card:active{transform:translateY(2px)}.mm-lb{font:var(--w-strong) var(--t-micro)/1 var(--font);letter-spacing:.06em;text-transform:uppercase;opacity:.7}.mm-qq{margin-block:6px var(--s2);padding-right:52px;font:var(--w-btn) min(6vw,26px)/1.15 var(--font);letter-spacing:-.01em}.mm-nm{display:flex;align-items:baseline;gap:var(--s2);font:var(--w-head) 30px/1 var(--font);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.mm-nm small{font:var(--w-strong) 13px/1 var(--font);letter-spacing:0;opacity:.75}.mm-tag{position:absolute;top:var(--s3);right:var(--s3);padding:5px 9px;border-radius:var(--r-pill);background:var(--ink);color:var(--bg);font:var(--w-btn) var(--t-micro)/1 var(--font);opacity:0}.mm-card--b .mm-tag{background:#fff;color:var(--red)}.mm-duel.is-done .mm-card{pointer-events:none}.mm-duel.is-done .mm-card.is-win .mm-tag{opacity:1}.mm-duel.is-done .mm-card.is-lose{opacity:.55}.mm-card.is-pick{box-shadow:0 0 0 4px var(--bg),0 0 0 6px var(--ink)!important}.mm-or{position:absolute;left:50%;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:48px;height:48px;translate:-50% -50%;border:4px solid var(--bg);border-radius:50%;background:var(--ink);color:var(--bg);font:var(--w-head) 13px/1 var(--font);text-transform:uppercase;pointer-events:none}.mm-say{min-height:60px;margin-top:var(--s3);font-size:var(--t-small);line-height:1.4;color:var(--ink-2)}.mm-say b{color:var(--ink)}.mm-say b.is-no{color:var(--red)}.mm-say .mm-hint{color:var(--muted)}.mm-score{margin-block:var(--s2);font:var(--w-head) var(--t-score)/var(--lh-caps) var(--font);letter-spacing:var(--ls-caps);font-variant-numeric:tabular-nums}.mm-score small{font:var(--w-btn) 22px/1 var(--font);letter-spacing:0;color:var(--muted)}.mm-dots{margin-block:var(--s2) var(--s3)}.mm-dots i{height:8px;border-radius:4px}.mm-best{font-size:var(--t-small);color:var(--muted)}.mm-best b{color:var(--ink)}.mm-fin{max-width:30em;margin-top:var(--s3);color:var(--ink-2);text-wrap:pretty}.mm-src{margin-top:var(--s2);font-size:var(--t-micro);color:var(--muted)}.mm-tbl{margin-top:var(--s2);border-block:1px solid var(--line)}.mm-tbl summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;font-weight:var(--w-strong);color:var(--ink);cursor:pointer;list-style:none}.mm-tbl summary::-webkit-details-marker{display:none}.mm-tbl summary:after{content:"+";font:var(--w-btn) 22px/1 var(--font);color:var(--red)}.mm-tbl[open] summary:after{content:"–"}.mm-tbl ul{padding-bottom:var(--s3);list-style:none}.mm-tbl li{display:flex;justify-content:space-between;gap:var(--s3);padding-block:var(--s2);border-top:1px solid var(--line);font-size:var(--t-small)}.mm-tbl li span:last-child{font-weight:var(--w-btn);white-space:nowrap;font-variant-numeric:tabular-nums}@media(min-width:900px){.mm{max-width:880px}.mm-duel{grid-template:none;grid-template-columns:1fr 1fr;gap:var(--s4);min-height:300px}.mm-card{padding:var(--s5)}.mm-qq{font-size:28px;padding-right:0;margin-top:var(--s3)}.mm-nm{font-size:44px}}