.mmPlay{display:grid;grid-template-columns:1fr 1.1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"intro board" "panel board" ". board";grid-gap:24px 44px;gap:24px 44px;align-items:start;padding-top:36px}.mmIntro{grid-area:intro}.mmBoardCard{grid-area:board;background:var(--card);border:var(--line);border-radius:26px;box-shadow:8px 8px 0 var(--ink);padding:18px}.mmPanel{grid-area:panel;display:grid;grid-gap:14px;gap:14px;justify-items:start}.mmPanel .btn{justify-self:stretch}.mmLevelBar{display:flex;align-items:center;gap:14px;margin-bottom:18px}.mmLevelNo{font-weight:800;color:var(--ink-soft);white-space:nowrap}.mmLevelNo b{font-size:22px;color:var(--ink)}.mmDots{display:flex;gap:5px;flex:1 1}.mmDots li{flex:1 1;height:12px;border:2px solid var(--ink);border-radius:99px;background:var(--card)}.mmDots li.past{background:var(--ink)}.mmDots li.now{background:var(--sun)}.mmIntro h1{font-size:clamp(34px,5vw,46px);font-weight:800;line-height:1;letter-spacing:-.8px}.mmSub{margin-top:10px;font-size:17px;line-height:1.5;font-weight:700;max-width:26em}.mmCount,.mmSub{color:var(--ink-soft)}.mmCount{margin-top:14px;font-weight:800}.mmCount b{font-size:22px;color:var(--ink)}.mmBoard{display:grid;grid-gap:10px;gap:10px;width:100%;max-width:460px;margin:0 auto}.mmCard{aspect-ratio:1;display:grid;place-items:center;padding:0;background:var(--sun);border:var(--line);border-radius:14px;box-shadow:0 4px 0 var(--ink);font-size:clamp(30px,9vw,52px)}.mmCard:hover:not(:disabled):not(.up){background:#ffe07a;transform:translateY(-2px)}.mmCard:disabled{cursor:default}.mmCard.up{background:#fff;box-shadow:none;transform:translateY(4px);animation:mmPop .25s ease-out}.mmCard.matched{background:var(--down)}.mmFace{line-height:1}.mmBack{width:46%;height:46%;border:3px solid var(--ink);border-radius:50%;background:radial-gradient(circle,var(--tomato) 0 35%,transparent 36%)}.mmMsg{padding:14px 16px;border:var(--line);border-radius:16px;background:#d5f5e6;font-weight:800;font-size:17px;line-height:1.4;width:100%}.mmFinish{display:grid;justify-items:center;text-align:center;grid-gap:18px;gap:18px;padding:72px 0 20px}.mmFinish h1{font-size:clamp(44px,7vw,76px);font-weight:800;line-height:.98;letter-spacing:-1.5px}.mmFinish .lead{margin:0 auto}@keyframes mmPop{0%{transform:translateY(4px) scale(.85)}to{transform:translateY(4px) scale(1)}}@media (max-width:860px){.mmPlay{grid-template-columns:1fr;grid-template-areas:"intro" "board" "panel";gap:22px;padding-top:24px}}@media (max-width:480px){.mmBoardCard{padding:12px;box-shadow:5px 5px 0 var(--ink)}.mmBoard{gap:7px}}