.mk-home,.mk-result-wrap{gap:var(--space-4);scroll-margin-top:80px;display:grid}.mk-stage-card{gap:var(--space-3);padding:var(--space-4);justify-self:center;width:100%;max-width:480px;display:grid}.mk-top{justify-content:space-between;align-items:center;display:flex}.mk-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.mk-count b{min-width:2.2ch;color:var(--fg);font-size:2rem;font-weight:900;animation:.18s ease-out mk-num;display:inline-block}@keyframes mk-num{0%{transform:scale(1.25)}}.mk-mute{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg);cursor:pointer;width:44px;height:44px;font-size:1.2rem}.mk-stage{position:relative}.mk-hit{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;padding:0;display:block}.mk-hit:focus-visible{outline:3px solid var(--tiger-500);outline-offset:4px;border-radius:24px}.mk-art{width:100%;height:auto;display:block;overflow:visible}.mk-bead{fill:color-mix(in oklab, var(--bear-600) 18%, var(--bg));transition:fill .2s}.mk-bead.is-big{fill:color-mix(in oklab, var(--bear-600) 28%, var(--bg))}.mk-bead.is-on{fill:var(--tiger-600)}.mk-bead.is-on.is-big{fill:var(--bear-900)}.mk-beads.is-flash .mk-bead.is-on{animation:.6s ease-out mk-glow}@keyframes mk-glow{40%{fill:var(--tiger-500)}}.mk-shadow{fill:color-mix(in oklab, var(--bear-900) 14%, transparent)}.mk-wood{fill:color-mix(in oklab, var(--tiger-600) 62%, var(--bear-900));stroke:var(--bear-900);stroke-width:3px}.mk-handle{fill:none;stroke:color-mix(in oklab, var(--tiger-600) 50%, var(--bear-900));stroke-width:18px;stroke-linecap:round}.mk-grain{fill:none;stroke:color-mix(in oklab, var(--bear-900) 35%, transparent);stroke-width:2.5px;stroke-linecap:round}.mk-shine{fill:color-mix(in oklab, var(--cream-50) 45%, transparent)}.mk-mouth{fill:var(--bear-900)}.mk-body{transform-box:view-box;transform-origin:180px 286px}.mk-stick{fill:color-mix(in oklab, var(--tiger-500) 40%, var(--bear-600));stroke:var(--bear-900);stroke-width:2px}.mk-head{fill:color-mix(in oklab, var(--tiger-600) 45%, var(--bear-900));stroke:var(--bear-900);stroke-width:2px}.mk-mallet{transform-box:view-box;transform-origin:292px 32px;animation:2.4s ease-in-out infinite mk-idle;transform:rotate(-16deg)}@keyframes mk-idle{50%{transform:rotate(-20deg)}}.mk-ripple{fill:none;stroke:var(--tiger-500);stroke-width:3px;opacity:0;transform-box:view-box;transform-origin:180px 196px}.mk-art.is-hit .mk-mallet{animation:.2s ease-out mk-swing}.mk-art.is-hit .mk-body{animation:.2s ease-out mk-bump}.mk-art.is-hit .mk-ripple{animation:.55s ease-out mk-ripple}@keyframes mk-swing{0%{transform:rotate(-16deg)}35%{transform:rotate(3deg)}to{transform:rotate(-16deg)}}@keyframes mk-bump{30%{transform:scale(1.035,.96)}}@keyframes mk-ripple{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.25)}}.mk-floats{pointer-events:none;position:absolute;inset:0;overflow:hidden}.mk-floats span{border:2px solid var(--tiger-600);border-radius:var(--radius-pill);background:var(--tiger-50);color:var(--bear-900);white-space:nowrap;box-shadow:var(--shadow-float);padding:6px 14px;font-size:1.05rem;font-weight:900;animation:.95s ease-out forwards mk-float;position:absolute;top:20%;left:50%}@keyframes mk-float{0%{transform:translate(calc(-50% + var(--x) * .3), 10px) scale(.7);opacity:0}18%{transform:translate(calc(-50% + var(--x) * .6), -10px) scale(1.05);opacity:1}to{transform:translate(calc(-50% + var(--x)), -90px) scale(.95);opacity:0}}.mk-worries{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mk-worries button{border:1.5px solid var(--line);border-radius:var(--radius-pill);background:var(--bg);min-height:44px;color:var(--fg);cursor:pointer;justify-content:center;align-items:center;gap:4px;font-weight:700;transition:transform .12s;display:flex}.mk-worries button:active{transform:scale(.96)}.mk-worries .is-on{border-color:var(--tiger-600);background:var(--tiger-50);color:var(--bear-900)}.mk-bar{border-radius:var(--radius-pill);background:var(--cream-50);height:10px;overflow:hidden}.mk-bar span{background:linear-gradient(90deg, var(--tiger-500), var(--tiger-600));height:100%;transition:width .12s linear;display:block}.mk-note{text-align:center;color:var(--muted);margin:0;font-size:.85rem;font-weight:600}.mk-result{position:relative;overflow:hidden}.mk-result>:not(.confetti){z-index:2;position:relative}.mk-result .mascot{margin:0 auto}.mk-kicker{color:var(--muted);word-break:keep-all;margin:0;font-weight:700}.mk-sub{color:var(--muted);margin:4px 0 0;font-weight:600}.mk-stamp{margin:var(--space-2) 0 0;border:3px solid var(--bad-600);color:var(--bad-600);border-radius:10px;padding:4px 14px;font-size:1.15rem;font-weight:800;animation:.42s cubic-bezier(.2,1.4,.4,1) 1s both mk-stamp;display:inline-block;transform:rotate(-5deg)}@keyframes mk-stamp{0%{opacity:0;transform:rotate(-5deg)scale(2.2)}70%{opacity:1;transform:rotate(-5deg)scale(.94)}to{transform:rotate(-5deg)scale(1)}}.mk-pill{margin:var(--space-3) 0 0;border-radius:var(--radius-pill);background:var(--bear-900);color:var(--bg);padding:8px 14px;font-weight:700;animation:.4s cubic-bezier(.2,1.3,.4,1) 1.25s both mk-late;display:inline-block}.mk-graph{padding:var(--space-4);gap:6px;margin:0;display:grid}.mk-graph figcaption,.mk-gone-title{margin:0;font-weight:800}.mk-graph svg{width:100%;height:auto;overflow:visible}.mk-graph-mid{stroke:var(--line);stroke-width:2px;stroke-dasharray:4 5}.mk-graph-line{fill:none;stroke:var(--tiger-600);stroke-width:2.5px;stroke-linejoin:round;stroke-dasharray:1;animation:1.4s ease-out 1.5s both mk-draw}@keyframes mk-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.mk-graph-foot{color:var(--muted);justify-content:space-between;margin:0;font-size:.8rem;font-weight:700;display:flex}.mk-gone{gap:var(--space-2);padding:var(--space-4);display:grid}.mk-gone ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mk-gone li{border-radius:var(--radius-pill);background:var(--cream-50);color:var(--muted);padding:4px 10px;font-size:.9rem;font-weight:700;animation:.3s ease-out both mk-late;position:relative}.mk-gone li:after{content:"";background:var(--bad-600);transform-origin:0;height:2px;animation:.25s ease-out forwards mk-strike;animation-delay:inherit;position:absolute;top:50%;left:8px;right:8px;transform:scaleX(0)}@keyframes mk-strike{to{transform:scaleX(1)}}.mk-merit{padding:var(--space-4);gap:6px;display:grid}.mk-merit p{align-items:center;gap:8px;margin:0;font-weight:800;display:flex}.mk-merit-emoji{font-size:1.6rem}.mk-merit-num{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.9rem}.mk-merit-bar{border-radius:var(--radius-pill);background:var(--cream-50);height:8px;overflow:hidden}.mk-merit-bar span{background:var(--good-600);transform-origin:0;height:100%;animation:1s ease-out 2s both mk-grow;display:block}@keyframes mk-grow{0%{transform:scaleX(0)}}.mk-merit small{color:var(--muted);font-weight:600}.mk-late{animation:.4s cubic-bezier(.2,1.1,.4,1) both mk-late}@keyframes mk-late{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.mk-actions{gap:var(--space-2);display:grid}.mk-actions .btn{width:100%}@media (min-width:720px){.mk-actions{grid-template-columns:1fr 1fr}.mk-actions .btn:first-child{grid-column:1/-1}}.mk-shine{position:relative;overflow:hidden}.mk-shine:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:30%;animation:3.6s ease-in-out 1.2s infinite mk-shine;position:absolute;top:0;bottom:0;left:-40%;transform:skew(-20deg)}@keyframes mk-shine{0%,70%{left:-40%}to{left:130%}}.mk-toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:110;border-radius:var(--radius-md);background:var(--bear-900);max-width:calc(100% - 32px);color:var(--bg);box-shadow:var(--shadow-float);animation:rise .2s var(--ease) both;padding:12px 18px;font-weight:700;position:fixed;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.mk-mallet,.mk-art.is-hit .mk-mallet,.mk-art.is-hit .mk-body{animation:none}}