.mg-screen{min-height:100%;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);background:var(--mist);text-align:center}.mg-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);padding:var(--space-4);width:100%;box-sizing:border-box}.mg-card--narrow{max-width:26rem}.mg-button{min-height:var(--tap-min);min-width:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius);font-size:var(--text-base);font-weight:700;font-family:var(--font-body);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);touch-action:manipulation;border:2px solid transparent;transition:transform 80ms ease,filter 80ms ease;box-sizing:border-box}.mg-button--primary{background:var(--blue);color:var(--white)}.mg-button--secondary{background:var(--white);color:var(--blue);border-color:var(--blue)}.mg-button:active{transform:scale(.97)}.mg-button:disabled{opacity:.55;transform:none}.mg-button--block{width:100%;margin-top:var(--space-2)}.mg-link{margin-top:var(--space-3);min-height:var(--tap-min);width:100%;color:var(--slate);font-family:var(--font-body);font-size:var(--text-sm);text-decoration:underline;background:none;border:none;touch-action:manipulation}.mg-link:disabled{opacity:.55}.mg-heading{margin:0 0 var(--space-1);color:var(--ink);font-size:var(--text-xl)}.mg-subtext{margin:0 0 var(--space-3);color:var(--slate);font-size:var(--text-base)}.mg-notice{margin:0 0 var(--space-3);padding:var(--space-2);border-radius:var(--radius);background:var(--sky);color:var(--ink);font-size:var(--text-sm);text-align:left}.mg-field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3);text-align:left}.mg-field label{color:var(--slate);font-size:var(--text-sm);font-family:var(--font-body)}.mg-field input{min-height:var(--tap-min);border:2px solid var(--sky);border-radius:var(--radius);padding:0 var(--space-2);font-size:var(--text-base);font-family:var(--font-body);color:var(--ink);background:var(--white);box-sizing:border-box;width:100%}.mg-field input:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-color:var(--blue)}.mg-tile-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-4);justify-content:center;align-items:stretch;width:100%;max-width:60rem}@media(orientation:portrait){.mg-tile-grid{flex-direction:column;align-items:center}}:root[data-orientation=portrait] .mg-tile-grid{flex-direction:column;align-items:center}:root[data-orientation=landscape] .mg-tile-grid{flex-direction:row;align-items:stretch}.mg-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);width:23rem;max-width:90vw;padding:var(--space-5);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:4px solid transparent;touch-action:manipulation;min-height:calc(var(--tap-min) * 5);box-sizing:border-box}.mg-tile:active{transform:scale(.98);border-color:var(--blue)}.mg-tile:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.mg-tile__name{color:var(--ink);font-size:var(--text-xl);font-weight:700;font-family:var(--font-body)}.mg-pad{--pad-key-min: calc(var(--tap-min) + 16px);display:flex;flex-direction:column;gap:var(--tap-gap);width:100%;flex:1 1 auto}.mg-pad__row{display:flex;gap:var(--tap-gap);flex:1 1 auto;min-height:var(--pad-key-min)}.mg-pad__key{flex:1 1 0;min-width:var(--tap-min);min-height:var(--pad-key-min);display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius);background:var(--sky);color:var(--ink);font-family:var(--font-body);font-size:min(var(--text-xl),calc(var(--pad-key-min) * .55));font-weight:700;line-height:1;touch-action:manipulation;box-shadow:var(--shadow-card);transition:transform 80ms ease}.mg-pad__key:active{transform:scale(.96)}.mg-pad__key:disabled{opacity:.45;transform:none;box-shadow:none}.mg-pad__key--check{background:var(--blue);color:var(--white);font-size:min(var(--text-lg),calc(var(--pad-key-min) * .4))}.mg-pad__key--delete{background:var(--white);color:var(--slate);border:2px solid var(--sky);box-shadow:none}.mg-play{display:flex;flex-direction:row;gap:var(--space-3);height:100%;width:100%;padding:var(--space-3);background:var(--mist);box-sizing:border-box;overflow:hidden}@supports (height: 100dvh){.mg-play{height:100dvh}}.mg-play--waiting{align-items:center;justify-content:center}.mg-play__waiting-text{color:var(--slate);font-size:var(--text-lg);text-align:center;margin:0}.mg-play__waiting-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-4)}@media(orientation:portrait){.mg-play__waiting-actions{flex-direction:column;align-items:stretch;width:100%;max-width:26rem}}:root[data-orientation=portrait] .mg-play__waiting-actions{flex-direction:column;align-items:stretch;width:100%;max-width:26rem}.mg-play__work{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.mg-play__side{flex:0 0 22rem;max-width:40vw;display:flex;flex-direction:column;gap:var(--space-2);min-height:0;overflow-y:auto}.mg-play__side>.mg-pad{flex:0 0 auto}.mg-play__side>.mg-note{flex:0 1 auto;min-height:0;overflow-y:auto}.mg-play__side>.mg-play__answer{flex:0 1 auto;min-height:0}@media(orientation:portrait){.mg-play{flex-direction:column}.mg-play__side{flex:0 0 auto;max-width:none;width:100%;min-height:400px}.mg-play__work{flex:1 1 auto;min-height:0}}:root[data-orientation=portrait] .mg-play{flex-direction:column}:root[data-orientation=portrait] .mg-play__side{flex:0 0 auto;max-width:none;width:100%;min-height:400px}:root[data-orientation=portrait] .mg-play__work{flex:1 1 auto;min-height:0}:root[data-orientation=landscape] .mg-play{flex-direction:row}:root[data-orientation=landscape] .mg-play__side{flex:0 0 22rem;max-width:40vw;width:auto;min-height:0}.mg-play__topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.mg-play__topbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;flex:0 1 auto;gap:var(--tap-gap)}.mg-play__leave,.mg-play__garden{flex:0 0 auto;font-size:var(--text-sm)}.mg-problem{display:flex;align-items:baseline;flex:0 1 auto;min-width:0;gap:var(--space-2);color:var(--ink);font-family:var(--font-body);font-size:min(var(--text-display),9vh,8vw);font-weight:700;line-height:1;margin:0}.mg-problem__times{color:var(--slate);font-size:min(var(--text-xl),5vh,5vw)}.mg-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.mg-boxes{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;overflow-y:auto}.mg-boxes__grid{--cell-min: calc(var(--tap-min) + 24px);display:grid;gap:var(--tap-gap);align-content:stretch;flex:0 1 auto;max-width:min(44rem,100%)}.mg-boxes__corner{min-width:var(--space-5)}.mg-boxes__head{display:flex;align-items:center;justify-content:center;color:var(--ink);font-family:var(--font-body);font-size:var(--text-lg);font-weight:700;padding:var(--space-1)}.mg-boxes__head--row{min-width:var(--space-5)}.mg-boxes__total{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.mg-boxes__total-label{color:var(--slate);font-family:var(--font-body);font-size:var(--text-base)}.mg-slot{display:flex;align-items:center;justify-content:center;min-height:calc(var(--tap-min) + 1rem);min-width:calc(var(--tap-min) + 1rem);padding:var(--space-1);border-radius:var(--radius);border:3px solid var(--sky);background:var(--white);color:var(--ink);font-family:var(--font-body);font-size:var(--text-xl);font-weight:700;line-height:1;touch-action:manipulation;transition:border-color .12s ease,box-shadow .12s ease}.mg-slot--cell{width:100%;height:100%;min-height:var(--tap-min);background:var(--sky)}.mg-slot--total,.mg-slot--answer{min-width:calc(var(--tap-min) * 3)}.mg-slot--answer{width:100%;min-height:calc(var(--tap-min) + 1.5rem);font-size:var(--text-display)}.mg-slot--focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--mist)}.mg-slot--recheck{border-color:var(--sun);box-shadow:0 0 0 6px var(--sun)}.mg-slot:disabled{opacity:1}.mg-pad-draw{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:var(--space-2)}.mg-pad-draw__tools{display:flex;gap:var(--tap-gap);flex-wrap:wrap}.mg-tool{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius-pill);border:3px solid var(--sky);background:var(--white);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);font-weight:700;touch-action:manipulation}.mg-tool--active{background:var(--blue);border-color:var(--blue);color:var(--white)}.mg-tool--clear{color:var(--slate);border-color:var(--sky)}.mg-tool__glyph{font-size:var(--text-lg);line-height:1}.mg-pad-draw__surface{flex:1 1 auto;min-height:calc(var(--tap-min) * 4);border-radius:var(--radius-lg);border:3px solid var(--sky);background:var(--white);overflow:hidden}.mg-pad-draw__canvas{display:block;width:100%;height:100%;touch-action:none}.mg-play__answer{display:flex;flex-direction:column;gap:var(--space-1)}.mg-play__answer-label{color:var(--slate);font-family:var(--font-body);font-size:var(--text-sm)}.mg-note{margin:0;padding:var(--space-2);border-radius:var(--radius);background:var(--white);color:var(--slate);font-family:var(--font-body);font-size:var(--text-base);text-align:left}.mg-note--solved{background:var(--leaf);color:var(--ink);font-weight:700}.mg-note--recheck{background:var(--sun);color:var(--ink);font-weight:700}.mg-play__next,.mg-play__swap{width:100%}.mg-play__next{min-height:calc(var(--tap-min) * 2);font-size:var(--text-lg)}.mg-scratch__open{width:100%}.mg-scratch{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--mist);box-sizing:border-box}.mg-scratch__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex:0 0 auto}.mg-scratch__title{color:var(--slate);font-family:var(--font-body);font-size:var(--text-lg)}.mg-scratch--closed{display:none}.mg-world{display:flex;flex-direction:column;gap:var(--space-2);height:100%;padding:var(--space-2);background:var(--petal);overflow-y:auto;--plot-unit: 20px;--plot-max: 340px}.mg-world__waiting{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.mg-world__waiting-text{margin:0;color:var(--slate);font-size:var(--text-lg)}.mg-world__topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.mg-world__title{font-size:var(--text-lg);color:var(--ink)}.mg-world__topbar-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.mg-world__medallion{flex-shrink:0;display:flex;filter:var(--drop-shadow-ink)}.mg-world__newest,.mg-world__empty{margin:0;color:var(--ink);font-size:var(--text-base)}.mg-world__empty{color:var(--slate)}.mg-world__field{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:flex-end;align-content:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-card)}.mg-plot{display:grid;flex:0 0 auto;overflow:hidden;border-radius:4px;box-shadow:var(--shadow-card)}.mg-plot--fresh{box-shadow:0 0 0 4px var(--white),0 0 0 10px var(--blush),var(--shadow-card)}.mg-plot__section{min-width:0;min-height:0;box-shadow:inset 0 0 0 1px var(--white)}.mg-plot__section[data-garden="1"]{background:var(--garden-1)}.mg-plot__section[data-garden="2"]{background:var(--garden-2)}.mg-plot__section[data-garden="3"]{background:var(--garden-3)}.mg-plot__section[data-garden="4"]{background:var(--garden-4)}.mg-plot[data-theme=zoo]{position:relative;--fence-h: min(9px, calc(var(--unit) * var(--plot-h) / 6))}.mg-plot[data-theme=zoo]:after{content:"";position:absolute;inset:auto 0 0;height:var(--fence-h);pointer-events:none;background-image:repeating-linear-gradient(to right,var(--ink) 0 3px,transparent 3px 14px),linear-gradient(to bottom,var(--ink) 0 2px,transparent 2px)}.mg-plot[data-theme=zoo] .mg-plot__section{position:relative}.mg-plot[data-theme=zoo] .mg-plot__section[data-critter]{--critter-size: min( 26px, calc(var(--unit) * var(--sa) / 2), calc(var(--unit) * var(--sb) / 2) )}.mg-plot[data-theme=zoo] .mg-plot__section[data-critter]:after{content:"";position:absolute;left:50%;bottom:calc(var(--fence-h) + 2px);width:var(--critter-size);height:var(--critter-size);margin-left:calc(var(--critter-size) / -2);pointer-events:none;background-image:radial-gradient(circle at 38% 52%,var(--ink) 0 7%,transparent 7%),radial-gradient(circle at 62% 52%,var(--ink) 0 7%,transparent 7%),radial-gradient(circle at 50% 70%,var(--ink) 0 5%,transparent 5%),radial-gradient(circle at 50% 58%,var(--white) 0 36%,var(--ink) 36% 42%,transparent 42%),radial-gradient(circle at 26% 22%,var(--white) 0 15%,var(--ink) 15% 20%,transparent 20%),radial-gradient(circle at 74% 22%,var(--white) 0 15%,var(--ink) 15% 20%,transparent 20%)}.mg-plot[data-theme=city] .mg-plot__section{background-image:repeating-linear-gradient(to right,var(--ink) 0 2px,var(--white) 2px 7px,var(--ink) 7px 9px,transparent 9px 16px);background-repeat:no-repeat;background-position:bottom;background-size:100% 14px}.mg-reveal{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius);background:var(--blush);--plot-unit: 12px;--plot-max: 190px}.mg-reveal__ground{display:flex;justify-content:center;align-items:flex-end;width:100%;padding:var(--space-2) var(--space-3) 6px;border-bottom:3px solid var(--berry)}.mg-reveal__line{margin:0;color:var(--ink);font-size:var(--text-sm);text-align:center}@media(orientation:portrait){.mg-world{--plot-unit: 16px;--plot-max: 260px}.mg-reveal{--plot-unit: 12px;--plot-max: 240px}}:root[data-orientation=portrait] .mg-world{--plot-unit: 16px;--plot-max: 260px}:root[data-orientation=portrait] .mg-reveal{--plot-unit: 12px;--plot-max: 240px}:root[data-orientation=landscape] .mg-world{--plot-unit: 20px;--plot-max: 340px}:root[data-orientation=landscape] .mg-reveal{--plot-unit: 12px;--plot-max: 190px}.mg-world--overlay{position:fixed;inset:0;z-index:20}.mg-avatar-builder{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:var(--space-3);background:var(--petal);overflow-y:auto;box-sizing:border-box}.mg-avatar-builder__panel{width:100%;max-width:30rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);padding:var(--space-3);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-2)}.mg-avatar-builder__title{margin:0;color:var(--ink);font-size:var(--text-lg);text-align:center}.mg-avatar-builder__preview{display:flex;justify-content:center;padding:var(--space-2);background:var(--petal);border-radius:var(--radius)}.mg-avatar-builder__row{display:flex;flex-direction:column;gap:var(--space-1)}.mg-avatar-builder__row-label{color:var(--slate);font-size:var(--text-sm);font-weight:700;font-family:var(--font-body)}.mg-avatar-builder__row-options{display:flex;flex-wrap:wrap;gap:var(--tap-gap)}.mg-avatar-builder__choice{flex:1 1 auto;min-height:var(--tap-min);min-width:var(--tap-min);padding:0 var(--space-2);border:3px solid var(--sky);border-radius:var(--radius);background:var(--white);color:var(--ink);font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;touch-action:manipulation;box-sizing:border-box}.mg-avatar-builder__choice[aria-pressed=true]{border-color:var(--blue);background:var(--blue);color:var(--white)}.mg-avatar-builder__choice:active{transform:scale(.97)}.mg-avatar-builder__actions{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;margin-top:var(--space-1)}@media(orientation:portrait){.mg-avatar-builder__panel{max-width:34rem}}:root{--ink: #1b2559;--slate: #55608f;--blue: #2563eb;--sky: #9cc8ff;--mist: #eef5ff;--pink: #e6428a;--berry: #c2266a;--blush: #ffd1e6;--petal: #fff2f8;--leaf: #46b37e;--sun: #ffd35c;--white: #ffffff;--garden-1: var(--leaf);--garden-2: var(--pink);--garden-3: var(--sky);--garden-4: var(--sun);--font-body: "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-tutor: "Gochi Hand", "Bradley Hand", "Comic Sans MS", cursive;--text-sm: 1rem;--text-base: 1.25rem;--text-lg: 1.75rem;--text-xl: 2.5rem;--text-display: 4rem;--tap-min: 56px;--tap-gap: 8px;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 3rem;--radius: 1rem;--radius-lg: 1.5rem;--radius-pill: 999px;--shadow-card: 0 2px 8px rgb(27 37 89 / 8%);--shadow-raised: 0 4px 16px rgb(27 37 89 / 12%);--drop-shadow-ink: drop-shadow(0 2px 4px rgb(27 37 89 / 18%))}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}@supports (height: 100dvh){html,body,#root{height:100dvh}}body{background:var(--mist);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}h1,h2,h3{margin:0;line-height:1.2}button{font-family:inherit;font-size:inherit;color:inherit;min-height:var(--tap-min);min-width:var(--tap-min);border:none;background:none;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.tutor-voice{font-family:var(--font-tutor);font-size:var(--text-lg);color:var(--ink)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}