.mg-page{--mg-night:#1f2d4d;--mg-ai:#2c3e66;--mg-gold:#e0b85a;--mg-paper:#f4efe4;--mg-ink:#2b2a27}.mg-section{padding-top:12px}.mg-container{max-width:560px}.mg-intro,.mg-result{text-align:center;background:var(--color-surface);border:1px solid #2b2a271a;border-radius:18px;padding:clamp(22px,5vw,36px);box-shadow:0 1px 2px #2b2a270f,0 10px 30px -14px #2b2a2738}.mg-rules{counter-reset:mg;text-align:left;gap:12px;margin:0 0 24px;padding:0;list-style:none;display:grid}.mg-rules li{counter-increment:mg;padding-left:40px;line-height:1.8;position:relative}.mg-rules li:before{content:counter(mg);width:28px;height:28px;font-family:var(--font-round);color:var(--mg-paper);background:var(--mg-ai);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:2px;left:0}.mg-rules strong{color:var(--mg-ai)}.mg-start{border-radius:999px;justify-content:center;min-width:min(100%,260px);min-height:56px;padding:0 32px;font-size:1.0625rem}.mg-note{color:var(--color-text-muted);margin:14px 0 0;font-size:1rem}.mg-hud{align-items:center;gap:10px;margin-bottom:10px;display:flex}.mg-timer{min-width:4.2ch;font-family:var(--font-round);color:var(--mg-ai);font-variant-numeric:tabular-nums;margin:0;font-size:2rem;font-weight:700;line-height:1;animation:.35s mg-shake}.mg-timer.is-low{color:var(--mg-ink);-webkit-text-decoration:underline 3px var(--mg-gold);text-decoration:underline 3px var(--mg-gold);text-underline-offset:6px}@keyframes mg-shake{0%,to{transform:none}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.mg-stages{gap:6px;margin:0 auto 0 0;padding:0;list-style:none;display:flex}.mg-stages li{width:30px;height:30px;color:var(--color-text-muted);border:1.5px solid #2b2a2733;border-radius:50%;place-items:center;font-size:.875rem;font-weight:700;display:grid}.mg-stages li.is-now{color:var(--mg-paper);background:var(--mg-ai);border-color:var(--mg-ai)}.mg-stages li.is-done{color:var(--mg-ink);background:var(--mg-gold);border-color:var(--mg-gold)}.mg-hint{min-width:84px;min-height:48px;font:inherit;color:var(--mg-ai);border:1.5px solid var(--mg-ai);cursor:pointer;background:0 0;border-radius:12px;justify-items:center;padding:4px 12px;font-size:.9375rem;font-weight:700;line-height:1.2;display:grid}.mg-hint span{font-size:.75rem;font-weight:400}.mg-hint:disabled{opacity:.45;cursor:default}.mg-board{position:relative}.mg-sample-wrap{background:var(--color-surface);border:1px solid #2b2a271a;border-radius:14px;grid-template-rows:auto auto auto;grid-template-columns:136px 1fr;align-items:center;column-gap:14px;margin-bottom:10px;padding:8px 12px;display:grid}.mg-sample-wrap .mg-sample{grid-row:1/span 3}.mg-sample-name{color:var(--mg-ink);align-self:end;margin:0;font-size:1rem;line-height:1.4}.mg-sample-name strong{color:var(--mg-ai)}.mg-sample{position:relative}.mg-sample svg{width:100%;height:auto;transition:opacity .3s;display:block}.mg-sample.is-hidden svg{opacity:0}.mg-sample-line{fill:none;stroke:var(--mg-gold);stroke-width:3.5px;stroke-linejoin:round;stroke-linecap:round}.mg-sample-star{fill:var(--mg-ai)}.mg-sample-start{fill:var(--mg-ai);stroke:#fff;stroke-width:2.5px}.mg-sample-help{color:var(--mg-ai);align-self:start;margin:4px 0 0;font-size:.9375rem;font-weight:700}.mg-sample-start-no{fill:#fff;font-size:15px;font-weight:700;font-family:var(--font-base)}.mg-sample-arrow{fill:none;stroke:var(--mg-ai);stroke-width:3.5px;stroke-linecap:round}.mg-sample-gone{color:var(--color-text-muted);text-align:center;place-items:center;margin:0;font-size:.8125rem;font-weight:700;display:grid;position:absolute;inset:0}.mg-preview-bar{background:#2c3e6626;border-radius:999px;align-self:start;height:6px;margin-top:8px;overflow:hidden}.mg-preview-bar span{background:var(--mg-ai);transform-origin:0;height:100%;display:block}.mg-sky{touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:16px;width:100%;height:auto;display:block}.mg-sky-bg{fill:var(--mg-night)}.mg-star-dot{fill:var(--mg-paper);transition:r .15s}.mg-star.is-on .mg-star-dot{fill:var(--mg-gold)}.mg-star.is-last .mg-star-dot{stroke:var(--mg-paper);stroke-width:2px}.mg-star.is-hint .mg-star-dot{fill:var(--mg-gold);transform-box:fill-box;transform-origin:50%;animation:.5s ease-in-out infinite alternate mg-pulse}@keyframes mg-pulse{0%{transform:scale(1)}to{transform:scale(2.2)}}.mg-sky-start{pointer-events:none}.mg-sky-start-ring{fill:none;stroke:#fff;stroke-width:3px;transform-box:fill-box;transform-origin:50%;animation:1s ease-in-out infinite alternate mg-ring}@keyframes mg-ring{0%{transform:scale(1)}to{transform:scale(1.25)}}.mg-sky-start-badge{fill:#fff}.mg-sky-start-no{fill:var(--mg-ai);font-size:15px;font-weight:700;font-family:var(--font-base)}.mg-line{fill:none;stroke:var(--mg-gold);stroke-width:2.6px;stroke-linejoin:round;stroke-linecap:round;opacity:.95}.mg-fx{fill:var(--mg-paper);paint-order:stroke;stroke:var(--mg-night);stroke-width:4px;font-size:15px;font-weight:700;animation:.9s ease-out forwards mg-up}@keyframes mg-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-18px)}}.mg-between{z-index:3;text-align:center;color:var(--mg-paper);background:#1f2d4db8;border-radius:16px;place-content:center;animation:.3s ease-out mg-fade;display:grid;position:absolute;inset:0}.mg-between p{margin:0;font-size:1.125rem}.mg-between strong{font-family:var(--font-round);color:var(--mg-gold);letter-spacing:.1em;font-size:2.5rem}@keyframes mg-fade{0%{opacity:0}to{opacity:1}}.mg-result-kicker{color:var(--color-text-muted);margin:0}.mg-result-title{font-family:var(--font-round);color:var(--mg-ai);letter-spacing:.08em;margin:4px 0 8px;font-size:clamp(2.25rem,9vw,3rem);font-weight:700}.mg-result.is-clear .mg-result-title{animation:.5s cubic-bezier(.2,.7,.2,1.3) both mg-pop}@keyframes mg-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.mg-result-time{margin:0 0 6px;font-size:1.125rem}.mg-result-time strong{font-family:var(--font-round);color:var(--mg-ink);font-size:1.75rem}.mg-badge{vertical-align:middle;color:var(--mg-ink);background:var(--mg-gold);border-radius:999px;margin-left:8px;padding:2px 10px;font-size:.8125rem;font-weight:700;display:inline-block}.mg-result-sub{margin:0 0 6px}.mg-result-best{color:var(--color-text-muted);margin:0 0 20px;font-size:.9375rem}.mg-result .share{margin-top:24px}@media (prefers-reduced-motion:reduce){.mg-timer,.mg-fx,.mg-between,.mg-result.is-clear .mg-result-title{animation:none}.mg-star.is-hint .mg-star-dot{animation:none;transform:scale(1.8)}.mg-sky-start-ring{animation:none}.mg-sample svg,.mg-star-dot{transition:none}}body:has(.mg-play) .sp-cta{display:none}@media (min-width:640px){.mg-sky{width:min(100%,85.7143svh - 257.143px);min-width:300px;margin-inline:auto}}