.mg-game{height:100%}.mg-home-shell{height:100cqh;overflow-y:auto;display:flex;flex-direction:column;--shell: 700px;padding:8px 16px 0;padding-inline:max(16px,calc(50% - var(--shell) / 2 + 16px))}.mg-home{width:100%;margin:auto;padding:4px 0 28px;text-align:center}.mg-home h1{font-size:clamp(27px,6cqw,40px);line-height:1.15}.mg-tagline{margin-top:5px;color:var(--muted);font-size:18px}.mg-map{position:relative;width:clamp(290px,calc(100cqh - 420px),380px);max-width:100%;aspect-ratio:1;margin:14px auto 18px;cursor:pointer;border-radius:24px;box-shadow:0 5px 0 var(--ink)}.mg-map-ground{display:block;width:100%;height:100%}.mg-stop{position:absolute;width:23%;min-width:64px;aspect-ratio:1;transform:translate(-50%,-50%);padding:0;border:2.5px solid var(--ink);border-radius:50%;background:var(--paper, #fffaf2);box-shadow:0 3px 0 var(--ink);cursor:pointer}.mg-stop.is-next{outline:6px solid var(--honey, #e9b44c);outline-offset:0}.mg-stop.is-ahead{background:#e7efe0;border-style:dashed;box-shadow:none;cursor:default}.mg-stop.is-ahead .mg-stop-art{opacity:.35}.mg-stop.is-wiggle{animation:mg-not-yet .5s ease-in-out}@keyframes mg-not-yet{25%{transform:translate(-50%,-50%) rotate(-9deg)}75%{transform:translate(-50%,-50%) rotate(9deg)}}.mg-stop.is-calling{outline-width:10px;animation:mg-calling .6s ease-in-out 2}@keyframes mg-calling{50%{transform:translate(-50%,-50%) scale(1.12)}}.mg-stop-explorer.is-hop{animation:mg-hop .5s ease-out 2}.is-calm .mg-stop.is-wiggle,.is-calm .mg-stop.is-calling,.is-calm .mg-stop-explorer.is-hop{animation:none}@media(prefers-reduced-motion:reduce){.mg-stop.is-wiggle,.mg-stop.is-calling,.mg-stop-explorer.is-hop{animation:none}}.mg-stop-art{display:block;width:72%;height:72%;margin:14%}.mg-stop-flag{position:absolute;right:-14%;top:-16%;width:52%;height:52%}.mg-stop-flag svg,.mg-stop-explorer{display:block;width:100%;height:100%}.mg-stop-explorer{position:absolute;left:-30%;bottom:-8%;width:56%;height:auto;object-fit:contain}.mg-ball-pick{margin-top:18px}.mg-ball-pick h2{font-size:20px;margin-bottom:8px}.mg-ball-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.mg-ball-three{display:flex;gap:8px}.mg-ball-row button{width:64px;height:64px;padding:6px;border:2.5px solid var(--ink);border-radius:50%;background:#e6eee0;box-shadow:0 3px 0 var(--ink)}.mg-ball-row button.is-chosen{background:var(--honey);outline:4px solid var(--honey);outline-offset:2px}.mg-ball-pick-art{display:block;width:100%;height:100%}.mg-ball-row .is-chosen .mg-ball-pick-art{animation:mg-ball-hop .5s ease-out}.mg-ball-pick-art svg{display:block;width:100%;height:100%}@keyframes mg-ball-hop{40%{transform:translateY(-12px)}}.mg-play{height:100cqh;max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:8px;padding:10px 16px 4px}.mg-play-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.mg-stage-box{flex:1;min-height:0;min-width:0;container-type:size;display:grid;place-items:center}.mg-stage{width:100cqw;height:100cqh}.mg-actions{display:flex;gap:12px;align-items:stretch;justify-content:center;width:min(100%,420px);margin:0 auto}.mg-actions>button{flex:1;min-height:64px}.mg-actions .mg-next{font-size:23px;gap:8px;padding:5px 14px}.mg-actions .mg-next>svg:first-child{width:40px;height:40px}.mg-actions .mg-next>svg:last-child{width:22px;flex-shrink:0}.mg-caption{min-height:2.6em;font-size:15px;color:var(--muted);text-align:center;line-height:1.3}.mg-progress svg{width:100%;height:100%}.mg-stage{position:relative;border-radius:28px;border:3px solid var(--ink);overflow:hidden;box-shadow:0 4px 0 var(--ink);touch-action:none;user-select:none;-webkit-user-select:none}.mg-scene{display:block;width:100%;height:100%}.mg-ball{position:absolute;width:64px;height:64px;border:0;border-radius:50%;padding:0;background:transparent;transform:translate(-50%,-50%);touch-action:none;z-index:3}.mg-ball:focus-visible{outline:4px solid var(--focus);outline-offset:2px}@container pp-window (min-aspect-ratio: 7 / 5){.mg-play-body{flex-direction:row;align-items:center;gap:14px}.mg-stage-box{align-self:stretch}.mg-actions{flex-direction:column;width:clamp(120px,18cqw,190px);flex-shrink:0;margin:0}.mg-actions>button{min-height:88px}.mg-actions .mg-next{flex-direction:column;font-size:20px}.mg-actions .mg-next>svg:last-child{display:none}.mg-caption{min-height:1.3em}}@container pp-window (max-width: 480px){.mg-play{padding:8px 8px 2px;gap:6px}.mg-caption{font-size:14px}}@container pp-window (max-height: 520px){.mg-play{padding:6px 12px 2px;gap:6px}.mg-caption{font-size:13px;min-height:0}.mg-actions>button{min-height:64px}}@container pp-window (orientation: landscape) and (max-height: 600px){.mg-home-shell{--shell: 860px}.mg-home{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;align-items:center;padding-top:0}.mg-home h1,.mg-tagline,.mg-start,.mg-ball-pick{grid-column:2}.mg-home h1{font-size:29px}.mg-map{grid-row:1 / span 4;grid-column:1;width:min(100%,calc(100cqh - 150px),330px);min-width:236px;margin:3px auto 8px}}.mg-ball-hop{animation:mg-hop .45s ease-out}@keyframes mg-hop{40%{transform:translateY(-16px)}}.mg-arrow.is-matched{filter:drop-shadow(0 0 6px #fff)}.mg-paw{animation:mg-paw-in .5s ease-out both}@keyframes mg-paw-in{0%{opacity:0;transform:scale(.4)}}.mg-paw{transform-box:fill-box;transform-origin:center}.mg-ghost-arrow{animation:mg-ghost 1.6s ease-in-out infinite}@keyframes mg-ghost{50%{opacity:.55}}.mg-bigger{animation:mg-grow .6s ease-out;transform-box:fill-box;transform-origin:center}@keyframes mg-grow{0%{transform:scale(.5);opacity:0}}.mg-star{animation:mg-twinkle 1.8s ease-in-out infinite}@keyframes mg-twinkle{50%{transform:rotate(12deg) scale(1.1)}}.mg-star-got{animation:mg-star-got .9s ease-out forwards}@keyframes mg-star-got{30%{transform:scale(1.7)}to{transform:translateY(-40px) scale(.6);opacity:0}}.mg-daisy-nod{animation:mg-nod .9s ease-in-out 2;transform-origin:0 14px}@keyframes mg-nod{30%{transform:rotate(-12deg)}70%{transform:rotate(10deg)}}.mg-duck{animation:mg-bob 2.6s ease-in-out infinite}@keyframes mg-bob{50%{transform:translateY(-3px) rotate(-3deg)}}.mg-duck-flap{animation:mg-duck-flap .9s ease-in-out}.mg-duck-flap .mg-duck-wing{animation:mg-wing .18s ease-in-out 5;transform-box:fill-box;transform-origin:0% 50%}@keyframes mg-duck-flap{30%{transform:translateY(-12px)}}@keyframes mg-wing{50%{transform:rotate(-40deg)}}.mg-mouse-hide{transform:translateY(26px) scale(.2);opacity:0}.mg-mouse-peek{animation:mg-peek 2.6s ease-in-out forwards}@keyframes mg-peek{0%{transform:translateY(26px) scale(.2);opacity:0}20%,75%{transform:none;opacity:1}45%{transform:rotate(-8deg)}to{transform:translateY(26px) scale(.2);opacity:0}}.mg-log-shake{animation:mg-log .4s ease-in-out}@keyframes mg-log{25%{transform:translateY(-2px)}75%{transform:translateY(2px)}}.mg-boing{animation:mg-boing .45s ease-out;transform-box:fill-box;transform-origin:center}@keyframes mg-boing{30%{transform:scale(1.22)}60%{transform:scale(.92)}}.mg-mole-pop{animation:mg-peek 2.4s ease-in-out forwards;transform-box:fill-box;transform-origin:center bottom}.mg-mole-pop .mg-mole-eyes{animation:mg-blink 2.4s step-end}@keyframes mg-blink{45%{opacity:0}52%{opacity:1}}.mg-bunny,.mg-bunny-hop,.mg-frog-hop,.mg-mill-shake{transform-box:fill-box;transform-origin:center bottom}.mg-bunny-hop{animation:mg-bunny-hop .9s ease-in-out}@keyframes mg-bunny-hop{25%,65%{transform:translateY(-22px)}45%{transform:none}}.mg-frog-hop{animation:mg-frog-hop .7s ease-out}@keyframes mg-frog-hop{40%{transform:translateY(-24px) scale(1.05,.95)}}.mg-mill-shake{animation:mg-log .4s ease-in-out 2}.mg-say{animation:mg-say 1.4s ease-out forwards}@keyframes mg-say{0%{opacity:0;transform:scale(.5)}15%,75%{opacity:1;transform:none}to{opacity:0;transform:translateY(-14px)}}.mg-say,.mg-star,.mg-star-got,.mg-duck,.mg-duck-flap,.mg-mouse-peek{transform-box:fill-box;transform-origin:center bottom}.mg-splash circle{animation:mg-splash .9s ease-out forwards;transform-box:fill-box;transform-origin:center}@keyframes mg-splash{0%{transform:scale(.3)}to{transform:scale(1.4);opacity:0}}.mg-flag-up{animation:mg-flag-up .6s ease-out}@keyframes mg-flag-up{0%{transform:translateY(26px)}}.mg-hole-in-one{animation:mg-say 3s ease-out forwards;transform-box:fill-box;transform-origin:center}.mg-golfer-swing{animation:mg-golf-swing .65s ease-out;transform-origin:0 0}.mg-club-swing{animation:mg-club .48s ease-out;transform-origin:0 0}.mg-golfer-cheer{animation:mg-golfer-dance 2.4s ease-in-out;transform-origin:0 0}.mg-cup-bloom{animation:mg-bouquet .65s ease-out}.mg-cup-ribbons{animation:mg-cup-ribbons 1.8s ease-out forwards}@keyframes mg-golf-swing{25%{transform:rotate(-5deg)}55%{transform:rotate(6deg)}}@keyframes mg-club{0%{transform:rotate(-18deg)}40%{transform:rotate(12deg)}}@keyframes mg-golfer-dance{18%{transform:translateY(-13px) rotate(-5deg)}35%{transform:none}52%{transform:translateY(-18px) rotate(5deg)}68%{transform:none}85%{transform:translateY(-8px) rotate(-3deg)}}@keyframes mg-bouquet{0%{transform:scale(.3) rotate(-20deg)}}@keyframes mg-cup-ribbons{0%{transform:scale(.4)}to{transform:scale(1.3);opacity:0}}.mg-dialog>p{line-height:1.5}.mg-pair{display:block;height:125px;margin:8px auto 12px}.mg-pause-actions{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:16px}.mg-finished{display:flex;justify-content:center;gap:10px}.mg-finished>span{width:64px;height:60px}.mg-finished svg{width:100%;height:100%}.mg-finished.is-course{flex-wrap:wrap;max-width:230px;margin-inline:auto}.mg-finished.is-course>span{width:34px;height:32px}.is-calm .mg-stage *,.is-calm .mg-ball-pick *{animation:none!important}.is-calm .mg-mouse-peek,.is-calm .mg-mole-pop{transform:none;opacity:1}@media(prefers-reduced-motion:reduce){.mg-stage *,.mg-ball-pick *{animation:none!important}}.mg-tee{transition:opacity .4s ease}.mg-tee.is-gone{opacity:0}