.mm{--board: 340px;--gap: 8px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;max-width:480px;margin:0 auto}@media(pointer:fine)and (min-width:700px){.mm{--board: 372px}}.mm.mm-large{--board: 460px;--gap: 6px}.mm-top{display:flex;align-items:center;gap:8px;min-height:44px;width:min(100%,var(--board));justify-self:center}.mm-steps{display:flex;gap:4px;flex:1 1 auto;min-width:0}.mm-step{flex:1 1 auto;min-width:0;padding:4px 8px;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);color:var(--ink-2);font-size:.8rem;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.mm-step.is-done{background:var(--cell);color:var(--ink)}.mm-step.is-on{background:var(--sun);border-color:var(--sun);color:#2a1f16}.mm-clock{font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:.92rem;white-space:nowrap}.mm-clock b{color:var(--ink)}.mm-top .suvi-btn{min-width:44px;padding:8px 10px;flex:none}.mm-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-height:1.5em;font-size:.95rem;color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;width:min(100%,var(--board));justify-self:center}.mm-stats{display:flex;gap:14px;align-items:baseline;min-width:0}.mm-head b{color:var(--ink)}.mm-head .lives{letter-spacing:.08em;color:var(--coral);font-size:1.05rem}.mm-stage{width:min(100%,var(--board));aspect-ratio:1;justify-self:center;position:relative}.mm-stage.is-card{aspect-ratio:auto;min-height:min(calc(100vw - 32px),var(--board));display:grid}.mm-stage button{touch-action:manipulation;-webkit-user-select:none;user-select:none}.mm-stage button:focus-visible{outline:3px solid var(--plum);outline-offset:2px}.mm-msg{min-height:1.5em;text-align:center;color:var(--ink-2);font-size:.95rem;line-height:1.5}.mm-msg b{color:var(--ink)}.mm-pips{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;min-height:12px}.mm-pip{width:12px;height:12px;border-radius:50%;border:2px solid var(--ink-2)}.mm-pip.is-on{background:var(--ink);border-color:var(--ink)}.mm-pairs{display:grid;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:var(--gap);width:100%;height:100%}.mm-card{position:relative;padding:0;border:0;background:transparent;perspective:700px;cursor:pointer;border-radius:12px;min-width:0;min-height:0}.mm-card-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform calc(.28s * var(--motion)) ease}.mm-card.is-up .mm-card-in{transform:rotateY(180deg)}.mm-back,.mm-face{position:absolute;inset:0;border-radius:12px;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.mm-back{background:linear-gradient(135deg,var(--coral),var(--sun));color:#fff;box-shadow:inset 0 0 0 3px #ffffff59,0 2px #0000001f}.mm-back svg{width:46%;height:46%;opacity:.75}.mm-face{transform:rotateY(180deg);background:var(--cell);border:2px solid var(--line)}.mm-face svg{width:70%;height:70%}.mm-large .mm-face svg{width:84%;height:84%}.mm-card.is-matched .mm-face{border-color:var(--leaf);box-shadow:inset 0 0 0 2px var(--leaf)}.mm-card.is-matched .mm-face:after{content:"✓";position:absolute;top:1px;right:6px;font-size:.78rem;font-weight:800;color:var(--leaf)}.mm-card.is-matched{cursor:default}.mm-card.is-miss .mm-face{border-color:var(--coral);border-style:dashed}.mm-pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:calc(var(--gap) + 4px);width:100%;height:100%}.mm-tile{--c: #888;--fg: #fff;border:0;padding:0;min-width:0;min-height:0;border-radius:18px;background:var(--c);color:var(--fg);opacity:.5;display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 -4px #00000026,inset 0 0 0 1.5px #80808059;transition:opacity calc(.08s * var(--motion)),transform calc(.08s * var(--motion)),box-shadow calc(.08s * var(--motion))}.mm-tile svg{width:44%;height:44%}.mm-large .mm-tile svg{width:56%;height:56%}.mm-tile.is-lit{opacity:1;transform:scale(calc(1 + .05 * var(--motion)));box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--ink),0 0 26px var(--c)}.mm-tile.is-hint{opacity:1;box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--ink);outline:3px dashed var(--ink);outline-offset:6px}.mm-pad.is-watch .mm-tile{cursor:default}.mm-tile[data-i="0"]{--c: #e5484d}.mm-tile[data-i="1"]{--c: #f76b15}.mm-tile[data-i="2"]{--c: #ffc53d;--fg: #2a1f16}.mm-tile[data-i="3"]{--c: #30a46c}.mm-tile[data-i="4"]{--c: #0090ff}.mm-tile[data-i="5"]{--c: #8e4ec6}.mm-tile[data-i="6"]{--c: #e93d82}.mm-tile[data-i="7"]{--c: #12a594}.mm-tile[data-i="8"]{--c: #5c4434}:root[data-palette=colorblind] .mm-tile[data-i="0"]{--c: #d55e00}:root[data-palette=colorblind] .mm-tile[data-i="1"]{--c: #e69f00;--fg: #2a1f16}:root[data-palette=colorblind] .mm-tile[data-i="2"]{--c: #f0e442;--fg: #2a1f16}:root[data-palette=colorblind] .mm-tile[data-i="3"]{--c: #009e73}:root[data-palette=colorblind] .mm-tile[data-i="4"]{--c: #0072b2}:root[data-palette=colorblind] .mm-tile[data-i="5"]{--c: #56b4e9;--fg: #2a1f16}:root[data-palette=colorblind] .mm-tile[data-i="6"]{--c: #cc79a7;--fg: #2a1f16}:root[data-palette=colorblind] .mm-tile[data-i="7"]{--c: var(--ink);--fg: var(--bg)}:root[data-palette=colorblind] .mm-tile[data-i="8"]{--c: #999999;--fg: #2a1f16}.mm-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:var(--gap);width:100%;height:100%}.mm-cell{position:relative;padding:0;min-width:0;min-height:0;border:2px solid var(--line);border-radius:10px;background:var(--cell);cursor:pointer;display:grid;place-items:center;color:#fff;font-weight:800;font-size:1.35rem;line-height:1;box-shadow:0 2px 0 var(--line)}.mm-grid.is-watch .mm-cell{cursor:default}.mm-cell:after{content:""}.mm-cell.is-lit{background:var(--sky);border-color:var(--sky)}.mm-cell.is-lit:after{width:32%;aspect-ratio:1;border-radius:50%;background:#fff}.mm-cell.is-found{background:var(--leaf);border-color:var(--leaf)}.mm-cell.is-found:after{content:"✓"}.mm-cell.is-wrong{background:var(--coral);border-color:var(--coral)}.mm-cell.is-wrong:after{content:"✕"}.mm-cell.is-missed{border:3px dashed var(--sky)}.mm-cell.is-missed:after{width:26%;aspect-ratio:1;border-radius:50%;background:var(--sky)}.mm-panel{display:grid;align-content:center;gap:12px;text-align:center;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:16px;animation:mm-in calc(.25s * var(--motion)) ease-out}.mm-panel h2{margin:0;font-size:1.3rem}.mm-panel p{margin:0;color:var(--ink-2);font-size:.95rem}.mm-panel .kicker{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-weight:700}.mm-panel .score{font-family:var(--font-display);font-weight:800;font-size:2.4rem;line-height:1;color:var(--ink)}.mm-panel .score small{font-size:1rem;color:var(--ink-2);font-weight:600}.mm-panel .row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.mm-panel .got{font-family:var(--font-display);font-weight:800;font-size:1.9rem;line-height:1;color:var(--leaf)}.mm-panel .got small{font-size:.95rem;color:var(--ink-2);font-weight:600}.mm-panel hr{width:60%;border:0;border-top:1px solid var(--line);margin:2px auto}.mm-go{min-height:52px;font-size:1.08rem;padding:10px 22px}@keyframes mm-in{0%{opacity:0;transform:translateY(calc(8px * var(--motion)))}to{opacity:1;transform:none}}.mm-bars{display:grid;gap:8px;text-align:left}.mm-bar{display:grid;grid-template-columns:6.6em minmax(0,1fr) 3.4em;align-items:center;gap:8px;font-size:.9rem;color:var(--ink)}.mm-bar>span:first-child{white-space:nowrap}.mm-bar>b{text-align:right;font-variant-numeric:tabular-nums}.mm-bar i{display:block;height:12px;border-radius:999px;background:var(--line);overflow:hidden}.mm-bar i:before{content:"";display:block;height:100%;width:var(--w, 0%);background:var(--leaf);border-radius:999px}.mm-bar.is-todo{color:var(--ink-2)}.mm-bar small{display:block;color:var(--ink-2);font-size:.78rem}.mm-result .big small{font-size:1rem;color:var(--ink-2);font-weight:600}.mm-result .mm-bars{margin:10px auto 4px;max-width:360px}.mm-share-line{font-size:.95rem;margin:8px 0;color:var(--ink)}.mm-result .suvi-stats span{min-width:64px}