.mzPlay{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}.mzIntro{grid-area:intro}.mzBoardCard{grid-area:board;background:var(--card);border:var(--line);border-radius:26px;box-shadow:8px 8px 0 var(--ink);padding:18px}.mzPanel{grid-area:panel;display:grid;grid-gap:14px;gap:14px;justify-items:start}.mzPanel .btn{justify-self:stretch}.mzLevelBar{display:flex;align-items:center;gap:14px;margin-bottom:18px}.mzLevelNo{font-weight:800;color:var(--ink-soft);white-space:nowrap}.mzLevelNo b{font-size:22px;color:var(--ink)}.mzDots{display:flex;gap:5px;flex:1 1}.mzDots li{flex:1 1;height:12px;border:2px solid var(--ink);border-radius:99px;background:var(--card)}.mzDots li.past{background:var(--ink)}.mzDots li.now{background:var(--sun)}.mzIntro h1{font-size:clamp(32px,5vw,44px);font-weight:800;line-height:1.02;letter-spacing:-.8px}.mzSub{margin-top:10px;font-size:17px;line-height:1.5;font-weight:700;max-width:26em}.mzCount,.mzSub{color:var(--ink-soft)}.mzCount{margin-top:14px;font-weight:800}.mzCount b{font-size:22px;color:var(--ink)}.mzBoard{container-type:inline-size;display:grid;width:100%;max-width:460px;aspect-ratio:1;margin:0 auto;background:#fff;border:6px solid var(--ink);border-radius:12px;overflow:hidden}.mzBoard.bumped{animation:mzBump .28s}.mzCell{position:relative;display:grid;place-items:center;box-sizing:border-box;min-width:0;min-height:0;border:0 solid var(--ink);cursor:pointer}.mzCell.wr{border-right-width:6px}.mzCell.wd{border-bottom-width:6px}.mzCell.trail{background:#d5f5e6}.mzCell.goal{background:var(--sun)}.mzGoalMark,.mzHero{font-size:calc(58cqw / var(--size));line-height:1}.mzHero.shake{animation:mzShake .28s}.mzSr{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.mzPad{display:grid;grid-template-columns:repeat(3,76px);grid-template-rows:repeat(2,76px);grid-gap:10px;gap:10px;grid-template-areas:". up ." "left down right"}.mzKey{display:grid;place-items:center;background:var(--sun);border:var(--line);border-radius:18px;box-shadow:0 5px 0 var(--ink);transition:transform .12s,box-shadow .12s}.mzKey.up{grid-area:up}.mzKey.left{grid-area:left}.mzKey.down{grid-area:down}.mzKey.right{grid-area:right}.mzKey:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}.mzKey:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.mzMsg{padding:14px 16px;border:var(--line);border-radius:16px;background:#d5f5e6;font-weight:800;font-size:17px;line-height:1.4;width:100%}.mzMsg b{font-size:22px}.mzFinish{display:grid;justify-items:center;text-align:center;grid-gap:18px;gap:18px;padding:64px 0 20px}.mzFinish h1{font-size:clamp(44px,7vw,76px);font-weight:800;line-height:.98;letter-spacing:-1.5px}.mzFinish .lead{margin:0 auto}.mzGallery{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:500px;margin:8px 0 16px}.mzGallery li{display:flex;align-items:center;gap:4px;padding:8px 12px;font-size:30px;background:var(--card);border:var(--line);border-radius:16px;box-shadow:3px 3px 0 var(--ink)}.mzGallery li span{font-size:18px;font-weight:800;color:var(--ink-soft)}@keyframes mzShake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes mzBump{0%,to{transform:scale(1)}50%{transform:scale(.99)}}@media (max-width:860px){.mzPlay{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"intro" "board" "panel";gap:20px;padding-top:24px}.mzPanel{justify-items:center}.mzIntro{text-align:left}}@media (max-width:480px){.mzBoardCard{padding:12px;box-shadow:5px 5px 0 var(--ink)}.mzBoard{border-width:5px}.mzCell.wr{border-right-width:5px}.mzCell.wd{border-bottom-width:5px}.mzPad{grid-template-columns:repeat(3,72px);grid-template-rows:repeat(2,72px)}}