@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#0b2b36;--deep:#0b4f6c;--tide:#0d6a8e;--water:#00a9ce;--water-soft:#bfeaf5;--reed:#157f5b;--reed-soft:#a8e0c5;--sun:#ffb627;--sun-soft:#ffe9bd;--splash:#c2313c;--splash-soft:#f7d2d5;--paper:#f0f7fa;--surface:#fff;--font-body:"Atkinson Hyperlegible", system-ui, sans-serif;--font-display:"Atkinson Hyperlegible", system-ui, sans-serif;--text-xs:.875rem;--text-sm:1rem;--text-md:1.125rem;--text-lg:1.5rem;--text-xl:2rem;--text-2xl:3rem;--leading:1.6;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s6:1.5rem;--s8:2rem;--s12:3rem;--s16:4rem;--radius:1.25rem;--radius-sm:.5rem;--radius-round:999px;--shadow:0 3px 0 #0b2b362e, 0 8px 22px #0b2b361a;--shadow-lift:0 6px 0 #0b2b3633, 0 18px 36px #0b2b3629;--jump-duration:.62s;--jump-ease:cubic-bezier(.34, .8, .4, 1);--sink-duration:.7s;--snap:.18s cubic-bezier(.2, .9, .3, 1.2);--touch:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);line-height:var(--leading);color:var(--ink)}:root[data-text=large]{font-size:112.5%}:root[data-text=xlarge]{font-size:125%}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(120% 60% at 15% 0%, #7fd1ae59 0%, transparent 55%), linear-gradient(180deg, #bfeaf5 0%, #dcf1f8 26%, var(--paper) 60%);min-height:100dvh;color:var(--ink);font-size:var(--text-md);-webkit-text-size-adjust:100%;background-attachment:fixed;margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:700;line-height:1.15}p{max-width:62ch;margin:0}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:4px solid var(--ink);outline-offset:3px;border-radius:var(--radius-sm)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--s2);min-height:var(--touch);min-width:var(--touch);padding:var(--s3) var(--s6);border:3px solid var(--ink);border-radius:var(--radius-round);background:var(--surface);box-shadow:var(--shadow);transition:transform var(--snap), box-shadow var(--snap), background var(--snap);font-weight:700;display:inline-flex}.btn:hover:not(:disabled){box-shadow:var(--shadow-lift);transform:translateY(-3px)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0b2b3633}.btn:disabled{opacity:.55;cursor:default}.btn--primary{background:var(--sun)}.btn--ghost{box-shadow:none;background:#ffffff8c;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--surface);box-shadow:var(--shadow)}.ipa{font-variant-ligatures:none;letter-spacing:.02em}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.82)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-7px)}}.rise{animation:rise .52s var(--jump-ease) both;animation-delay:calc(var(--i,0) * 80ms)}.pop{animation:pop .38s var(--jump-ease) both;animation-delay:calc(var(--i,0) * 70ms)}.bob{animation:2.4s ease-in-out infinite alternate bob;display:inline-block}.pip-hop{display:block}.pip-hop--idle{animation:2.6s ease-in-out infinite alternate breathe}.pip-hop--jump,.pip-hop--back{animation:hop var(--jump-duration) linear}.pip-hop--trip{animation:hop var(--jump-duration) linear infinite}.pip-hop--fall{animation:fall var(--jump-duration) ease-in forwards}@keyframes breathe{0%{transform:translateY(0)scaleY(1)}to{transform:translateY(-5px)scaleY(1.04)}}@keyframes hop{0%{transform:translateY(0)}10%{transform:translateY(-1.98rem)scaleY(1.06)scaleX(.95)}20%{transform:translateY(-3.52rem)scaleY(1.03)scaleX(.97)}30%{transform:translateY(-4.62rem)}40%{transform:translateY(-5.28rem)}50%{transform:translateY(-5.5rem)}60%{transform:translateY(-5.28rem)}70%{transform:translateY(-4.62rem)}80%{transform:translateY(-3.52rem)scaleY(1.03)scaleX(.97)}90%{transform:translateY(-1.98rem)scaleY(1.06)scaleX(.95)}to{transform:translateY(0)}}@keyframes fall{0%{transform:translateY(0)}35%{transform:translateY(1.5rem)}to{opacity:0;transform:translateY(7rem)}}@keyframes float{0%{transform:translateY(-4px)}to{transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.scene--forest{--sky-1:#dff1fb;--sky-2:#cfe9dd;--canopy:#2f7a4f;--canopy-far:#6aa77f;--water-1:#6fc3bd;--water-2:#24707a;--sun-glow:#ffd98a}.scene--jungle{--sky-1:#e8f7d5;--sky-2:#b9e3a6;--canopy:#1d6b3a;--canopy-far:#4f9c60;--water-1:#57bda2;--water-2:#12665a;--sun-glow:#fff0a8}.scene--swamp{--sky-1:#ece9f2;--sky-2:#ccd3b0;--canopy:#47603c;--canopy-far:#7c8f66;--water-1:#86a06d;--water-2:#3a4a33;--sun-glow:#f3e6b0}.scene--city{--sky-1:#e6ecf5;--sky-2:#c9d4e4;--canopy:#5a6b83;--canopy-far:#8b99ad;--water-1:#7fa3bd;--water-2:#35566e;--sun-glow:#ffe9c8}.game-bg{z-index:-1;background:linear-gradient(180deg, var(--sky-1) 0%, var(--sky-2) 45%, var(--water-1) 100%);transition:background .9s;position:fixed;inset:0}.game-bg__glow{background:radial-gradient(60% 40% at 82% 12%, var(--sun-glow) 0%, transparent 60%), radial-gradient(70% 45% at 12% 88%, var(--canopy) 0%, transparent 62%);opacity:.45;transition:opacity .9s;position:absolute;inset:0}.scene{z-index:0;animation:.7s both scene-in;position:absolute;inset:0;overflow:hidden}@keyframes scene-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}.scene__sky{background:linear-gradient(180deg, var(--sky-1) 0%, var(--sky-2) 100%);position:absolute;inset:0 0 32%}.scene__sun{border-radius:var(--radius-round);background:radial-gradient(circle, var(--sun-glow) 0%, #ffd68a00 72%);width:5.5rem;height:5.5rem;position:absolute;top:8%;right:9%}.scene__canopy{background-repeat:repeat-x;width:110%;position:absolute;left:-5%}.scene__canopy--far{background-image:radial-gradient(circle at 50% 100%, var(--canopy-far) 0 46%, transparent 47%);opacity:.7;background-size:7rem 7rem;height:7rem;bottom:40%}.scene__canopy--near{background-image:radial-gradient(circle at 50% 100%, var(--canopy) 0 48%, transparent 49%);background-size:11rem 9rem;height:9rem;bottom:34%}.scene__trunk{bottom:34%;left:calc(8% + var(--i) * 21%);background:color-mix(in srgb, var(--canopy) 70%, #3b2a1d);border-radius:2px;width:.9rem;height:3.5rem;position:absolute}.scene__vine{top:0;left:calc(10% + var(--i) * 26%);width:.55rem;height:calc(7rem + var(--i) * 1.6rem);border-radius:0 0 var(--radius-round) var(--radius-round);background:linear-gradient(180deg, color-mix(in srgb, var(--canopy) 80%, #000) 0%, var(--canopy) 100%);transform-origin:top;animation:5.2s ease-in-out infinite alternate sway;animation-delay:calc(var(--i) * -700ms);position:absolute}.scene__leaf{background:var(--canopy-far);border-radius:60% 10%;width:2.2rem;height:1.2rem;position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%)}@keyframes sway{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.scene__tower{bottom:30%;left:calc(3% + var(--i) * 14%);width:calc(3.2rem + var(--i) * .4rem);background:linear-gradient(180deg, var(--canopy-far) 0%, var(--canopy) 100%);border-radius:3px 3px 0 0;height:5rem;position:absolute;box-shadow:inset 0 0 0 2px #ffffff1f}.scene__tower:nth-of-type(3n+2){height:8.2rem}.scene__tower:nth-of-type(3n){height:11.4rem}.scene__reed{bottom:26%;left:calc(4% + var(--i) * 18%);width:.4rem;height:calc(4rem + var(--i) * .7rem);border-radius:var(--radius-round);background:color-mix(in srgb, var(--canopy) 85%, #d8c98a);transform-origin:bottom;animation:6.4s ease-in-out infinite alternate sway;animation-delay:calc(var(--i) * -800ms);position:absolute}.game{gap:var(--s4);max-width:62rem;padding:var(--s4) var(--s4) var(--s12);flex-direction:column;margin:0 auto;display:flex}.hud{align-items:center;gap:var(--s3);background:var(--surface);border:3px solid var(--ink);border-radius:var(--radius-round);padding:var(--s2) var(--s4);box-shadow:var(--shadow);grid-template-columns:1fr auto 1fr;display:grid}.hud__side{align-items:center;gap:var(--s4);display:flex}.hud__side--end{justify-content:flex-end}.hud__lives{gap:var(--s2);color:var(--splash);justify-self:center;font-size:2.25rem;line-height:1;display:flex}.heart{filter:drop-shadow(0 2px #0b2b3640);display:inline-block}.heart--lost{opacity:.4;filter:none;transform:scale(.86)}.hud__progress,.hud__timer{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.hud__timer--free{color:var(--reed);font-size:var(--text-lg)}.prompt{align-items:center;gap:var(--s3);text-align:center;flex-direction:column;display:flex}.prompt__title{font-size:var(--text-lg);color:var(--deep)}.prompt__target{justify-content:center;align-items:baseline;gap:var(--s3);font-family:var(--font-display);font-size:var(--text-2xl);color:var(--ink);flex-wrap:wrap;font-weight:700;display:flex}.prompt__hint{font-size:var(--text-lg);color:var(--deep);background:var(--sun-soft);border:2px solid var(--sun);border-radius:var(--radius-sm);padding:0 var(--s2)}.prompt__silent{font-size:var(--text-xs);color:var(--deep);background:var(--sun-soft);border-radius:var(--radius-sm);padding:var(--s1) var(--s3)}.feedback{min-height:6rem}.note{align-items:flex-start;gap:var(--s3);padding:var(--s4);border-radius:var(--radius);border:3px solid var(--ink);background:var(--surface);box-shadow:var(--shadow);animation:rise .32s var(--jump-ease) both;flex-direction:column;display:flex}.note--idle{box-shadow:none;color:var(--deep);border-style:dashed}.note--ok{background:var(--reed-soft);border-color:var(--reed)}.note--mark{background:var(--sun-soft);border-color:var(--sun)}.note--explain{background:var(--surface);border-color:var(--deep)}.note__pair{font-family:var(--font-display);font-size:var(--text-lg);color:var(--deep);font-weight:700}.note__side+.note__side{margin-left:var(--s3)}.note__es{color:var(--deep);font-size:var(--text-sm)}.overlay{padding:var(--s4);z-index:10;background:#0b2b368c;place-items:center;animation:.26s both rise;display:grid;position:fixed;inset:0}.overlay__card{align-items:center;gap:var(--s4);text-align:center;background:var(--surface);border:4px solid var(--ink);border-radius:var(--radius);padding:var(--s8);max-width:26rem;box-shadow:var(--shadow-lift);flex-direction:column;display:flex}@media (width<=40rem){.hud__lives{font-size:1.75rem}.prompt__target{font-size:var(--text-xl)}}.lake{--stone-h:8.5rem;--water-h:8rem;--pad-bottom:5rem;--stand:calc(var(--pad-bottom) + var(--stone-h) - .9rem);isolation:isolate;padding:var(--s16) var(--s4) var(--pad-bottom);border:3px solid var(--deep);border-radius:var(--radius);background:linear-gradient(180deg, var(--water-1) 55%, var(--water-2) 100%);transition:background .7s;position:relative;overflow:hidden}.lake__home{left:.5rem;bottom:calc(var(--stand) - 1.6rem);z-index:1;background:radial-gradient(circle at 50% 30%, var(--reed-soft) 0%, var(--reed) 85%);border-radius:50%;width:7.5rem;height:2.4rem;position:absolute;box-shadow:0 4px 10px #0b2b3640}.lake--swapping{opacity:0}.lake__water{height:var(--water-h);z-index:0;background:linear-gradient(180deg, color-mix(in srgb, var(--water-2) 55%, var(--water-1)) 0%, var(--water-2) 100%);position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 3px #ffffff38}.pads{z-index:1;justify-content:space-around;align-items:flex-end;gap:var(--s3);margin:0;padding:0;list-style:none;display:flex;position:relative}.pads li{justify-content:flex-end;align-items:center;gap:var(--s2);animation:rise .42s var(--jump-ease) both;animation-delay:calc(var(--i,0) * 90ms);flex-direction:column;flex:1 1 0;display:flex}.pad-float{width:100%;animation:3.6s ease-in-out infinite alternate float;animation-delay:calc(var(--i,0) * -900ms);display:block}.pad{justify-content:center;align-items:center;gap:var(--s1);width:100%;max-width:12rem;min-height:var(--stone-h);padding:var(--s3);border:5px solid var(--reed);box-shadow:var(--shadow);transition:transform var(--snap), box-shadow var(--snap), background var(--snap), border-color var(--snap);background:radial-gradient(circle at 50% 35%,#fff 0%,#eafaf0 78%);border-radius:50%;flex-direction:column;margin:0 auto;display:flex;position:relative}.pad:hover:not(:disabled){box-shadow:var(--shadow-lift);transform:translateY(-5px)}.pad:disabled{cursor:default}.pad__word{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700}.pad__ipa{font-size:var(--text-sm);color:var(--deep)}.pad__mark{border-radius:var(--radius-round);border:3px solid var(--ink);background:var(--surface);width:2.25rem;height:2.25rem;font-weight:700;font-size:var(--text-md);place-items:center;display:grid;position:absolute;top:-.4rem;right:.2rem}.pad--landed,.pad--revealed{background:radial-gradient(circle at 50% 35%, #eafaf0 0%, var(--reed-soft) 80%);border-color:var(--reed)}.pad--revealed .pad__mark{color:var(--reed);border-color:var(--reed)}.pad--sunk{animation:sink var(--sink-duration) var(--jump-ease) forwards;background:var(--splash-soft);border-color:var(--splash)}.pad--sunk .pad__mark{color:var(--splash);border-color:var(--splash)}@keyframes sink{30%{transform:translateY(8px)rotate(-3deg)}to{opacity:.25;transform:translateY(3.5rem)scale(.72)rotate(4deg)}}.pad__listen{width:var(--touch);height:var(--touch);border-radius:var(--radius-round);border:3px solid var(--deep);background:var(--surface);box-shadow:var(--shadow);transition:transform var(--snap), box-shadow var(--snap);place-items:center;font-size:1.15rem;display:grid}.pad__listen:hover:not(:disabled){box-shadow:var(--shadow-lift);transform:translateY(-3px)scale(1.06)}.pad__listen:disabled{opacity:.5;cursor:default}.pip-track{left:var(--s4);right:var(--s4);bottom:var(--stand);z-index:2;pointer-events:none;height:0;position:absolute}.pip-anchor{bottom:0;left:var(--x,5%);transition:left var(--jump-duration) linear;position:absolute;transform:translate(-50%)}.splash{border-radius:var(--radius-round);border:4px solid #ffffffd9;width:1rem;height:1rem;animation:.9s ease-out .38s both ripple;position:absolute;bottom:-6rem;left:50%;transform:translate(-50%)}@keyframes ripple{0%{opacity:.9;width:1rem;height:1rem}to{opacity:0;width:9rem;height:3.5rem}}@media (width<=40rem){.lake{--stone-h:7rem}.pad__word{font-size:var(--text-md)}}.game--journey{gap:var(--s3)}.journey__steps{gap:var(--s2);justify-self:center;display:flex}.dot{border-radius:var(--radius-round);border:3px solid var(--deep);background:var(--surface);width:.9rem;height:.9rem}.dot--done{background:var(--reed)}.dot--here{background:var(--sun);transform:scale(1.25)}.tree{border:3px solid var(--deep);border-radius:var(--radius);background:linear-gradient(90deg, var(--water-1,#6fc3bd) 0%, var(--sky-2,#cfe9dd) 45%, var(--sky-1,#dff1fb) 100%);height:min(52vh,34rem);min-height:21rem;position:relative;overflow:hidden}.tree__field{inset:var(--s3) 8.6rem var(--s3) 1.9rem;position:absolute}.tree__lines{width:100%;height:100%}.branch{fill:none;stroke:#0b2b3647;stroke-width:.7px;vector-effect:non-scaling-stroke}.branch--on{stroke:var(--sun);stroke-width:3.5px;stroke-linecap:round}.tree__ends{top:var(--s3);bottom:var(--s3);right:var(--s3);width:8rem;margin:0;padding:0;list-style:none;position:absolute}.end{left:0;top:var(--y);transform-origin:0;align-items:center;gap:var(--s1);padding:1px var(--s1);border-radius:var(--radius-sm);color:var(--ink);white-space:nowrap;background:#ffffff80;border:2px solid #0000;display:flex;position:absolute;transform:translateY(-50%)}.end__name{font-size:.74rem;font-weight:700;line-height:1.1}.end__icon{font-size:.95rem;line-height:1}.end--here{border-color:var(--ink);background:var(--sun);box-shadow:var(--shadow);transform:translateY(-50%)scale(1.14)}.tree__start{writing-mode:vertical-rl;font-size:var(--text-xs);color:var(--deep);border-radius:var(--radius-round);padding:var(--s2) 0;white-space:nowrap;background:#ffffffb3;font-weight:700;position:absolute;top:50%;left:.1rem;transform:translateY(-50%)rotate(180deg)}.tree__pip{left:var(--x,0%);top:var(--y,50%);transition:left var(--jump-duration) var(--jump-ease), top var(--jump-duration) var(--jump-ease);filter:drop-shadow(0 3px 4px #0b2b3659);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.fork{align-items:center;gap:var(--s3);text-align:center;flex-direction:column;display:flex}.fork__ways{gap:var(--s4);flex-wrap:wrap;justify-content:center;display:flex}.sign{align-items:center;gap:var(--s1);min-width:9rem;max-width:15rem;padding:var(--s3) var(--s6);border:4px solid var(--ink);border-radius:var(--radius);background:linear-gradient(180deg, #fff 0%, var(--sun-soft) 100%);box-shadow:var(--shadow);transition:transform var(--snap), box-shadow var(--snap);flex-direction:column;display:flex}.sign:hover:not(:disabled){box-shadow:var(--shadow-lift);transform:translateY(-5px)}.sign--left:hover:not(:disabled){transform:translate(-5px,-6px)rotate(-2deg)}.sign--right:hover:not(:disabled){transform:translate(5px,-6px)rotate(2deg)}.sign__arrow{font-size:var(--text-lg);color:var(--deep);line-height:1}.sign__word{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700}.sign__ipa{font-size:var(--text-sm);color:var(--deep)}.arrival{gap:var(--s3);padding:var(--s5,1.25rem) var(--s4);border:3px solid var(--ink);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);animation:rise .42s var(--jump-ease) both;flex-direction:column;display:flex}.arrival__postcard{align-items:center;gap:var(--s4);font-family:var(--font-display);font-size:var(--text-xl);display:flex}.arrival__icon{animation:pop .46s var(--jump-ease) both;font-size:3.5rem;line-height:1}.arrival__done{align-self:center}@media (width<=46rem){.tree{height:min(52vh,26rem);min-height:20rem}.tree__field{inset:var(--s2) 7rem var(--s2) 1.7rem}.tree__ends{top:var(--s2);bottom:var(--s2);right:var(--s2);width:6.6rem}.end__name{font-size:.62rem}.end__icon{font-size:.8rem}.sign{min-width:7rem;padding:var(--s2) var(--s3)}}.swamp{isolation:isolate;min-height:24rem;padding:var(--s6) var(--s4);border:3px solid var(--deep);border-radius:var(--radius);background:linear-gradient(180deg, var(--sky-2) 0%, var(--water-1) 100%);position:relative;overflow:hidden}.flies{z-index:1;justify-content:center;align-items:flex-start;gap:var(--s4) var(--s6);padding:var(--s16) 0 var(--s6);flex-wrap:wrap;min-height:19rem;margin:0;list-style:none;display:flex;position:relative}.flies li{animation:wander calc(9s + var(--i,0) * 1.4s) ease-in-out infinite;animation-delay:calc(var(--i,0) * -2.3s)}@keyframes wander{0%,8%{transform:translate(0)}15%,29%{transform:translate(4.4rem,-1.4rem)}36%,51%{transform:translate(-3rem,-.8rem)}57%,71%{transform:translate(-4.8rem,2rem)}78%,92%{transform:translate(2.2rem,3rem)}to{transform:translate(0)}}.flies li:hover,.flies li:focus-within{animation-play-state:paused}.fly{align-items:center;gap:var(--s2);padding:var(--s2);box-shadow:none;background:0 0;border:none;flex-direction:column;display:flex}.fly__body{width:2.6rem;height:3.4rem;box-shadow:var(--shadow);animation:.13s linear infinite alternate buzz;animation-delay:calc(var(--i,0) * -47ms);background:repeating-linear-gradient(#00000047 0 .16rem,#0000 .16rem .55rem),radial-gradient(at 42% 22%,#8b9aa1 0%,#3b4a52 46%,#1b262c 100%);border-radius:46% 46% 50% 50%;display:block;position:relative}@keyframes buzz{0%{transform:translate(-1.5px)rotate(-2deg)}to{transform:translate(1.5px,-1px)rotate(2deg)}}.fly__head{background:radial-gradient(circle at 40% 30%,#4a5a62 0%,#1b262c 90%);border-radius:50%;width:1.5rem;height:1.25rem;position:absolute;top:-.45rem;left:50%;transform:translate(-50%)}.fly__eye{background:radial-gradient(circle at 35% 30%,#ff9a9a 0%,#9d2b2b 90%);border-radius:50%;width:.55rem;height:.66rem;position:absolute;top:.2rem}.fly__eye--l{left:.06rem}.fly__eye--r{right:.06rem}.fly__wing{background:linear-gradient(120deg,#ffffffb8 0%,#c8e2f066 100%);border-radius:60% 40% 50% 50%;width:2.4rem;height:1.15rem;animation:.11s ease-in-out infinite alternate flap;position:absolute;top:.35rem;box-shadow:inset 0 0 0 1px #ffffff80}.fly__wing--l{transform-origin:100%;left:-1.9rem}.fly__wing--r{transform-origin:0;right:-1.9rem}@keyframes flap{0%{transform:rotate(-22deg)scaleY(.6)}to{transform:rotate(14deg)scaleY(1)}}.fly__leg{background:#172126;border-radius:.1rem;width:.78rem;height:.13rem;position:absolute}.fly__leg:after{content:"";border-radius:inherit;background:inherit;width:.62rem;height:100%;position:absolute;top:0}.fly__leg--l1,.fly__leg--l2,.fly__leg--l3{transform-origin:100%;right:72%}.fly__leg--l1:after,.fly__leg--l2:after,.fly__leg--l3:after{transform-origin:100%;right:100%}.fly__leg--r1,.fly__leg--r2,.fly__leg--r3{transform-origin:0;left:72%}.fly__leg--r1:after,.fly__leg--r2:after,.fly__leg--r3:after{transform-origin:0;left:100%}.fly__leg--l1{top:15%;transform:rotate(30deg)}.fly__leg--l1:after{transform:rotate(-62deg)}.fly__leg--l2{top:30%;transform:rotate(6deg)}.fly__leg--l2:after{transform:rotate(-52deg)}.fly__leg--l3{top:45%;transform:rotate(-16deg)}.fly__leg--l3:after{transform:rotate(-34deg)}.fly__leg--r1{top:15%;transform:rotate(-30deg)}.fly__leg--r1:after{transform:rotate(62deg)}.fly__leg--r2{top:30%;transform:rotate(-6deg)}.fly__leg--r2:after{transform:rotate(52deg)}.fly__leg--r3{top:45%;transform:rotate(16deg)}.fly__leg--r3:after{transform:rotate(34deg)}.swatter{pointer-events:none;width:5.5rem;height:5.5rem;animation:.62s cubic-bezier(.3,.9,.4,1) both swat;position:absolute;top:1.7rem;left:50%}.swatter__pad{box-shadow:var(--shadow-lift);background:radial-gradient(circle,#00000059 0 22%,#0000 23%) 0 0/.92rem .92rem,linear-gradient(160deg,#e8443f 0%,#c22f2b 100%);border:.32rem solid #8f1f1f;border-radius:.9rem;position:absolute;inset:0}.swatter__grip{border-radius:var(--radius-round);transform-origin:bottom;background:linear-gradient(#6f3a1c 0%,#8f5228 100%);width:.75rem;height:4.4rem;position:absolute;top:-2.6rem;left:88%;transform:rotate(38deg)}@keyframes swat{0%{opacity:0;transform:translate(-50%,-50%)rotate(-52deg)translate(7rem,-8rem)}16%{opacity:1}46%{transform:translate(-50%,-50%)rotate(-6deg)translate(0)}60%{transform:translate(-50%,-50%)rotate(-13deg)translateY(-.9rem)}74%,to{opacity:1;transform:translate(-50%,-50%)rotate(-6deg)translate(0)}}.fly__word{font-family:var(--font-display);font-weight:700;font-size:var(--text-md);padding:var(--s1) var(--s3);min-height:var(--touch);border:3px solid var(--ink);border-radius:var(--radius-round);background:var(--surface);box-shadow:var(--shadow);transition:transform var(--snap), box-shadow var(--snap), background var(--snap);place-items:center;display:grid}.fly:hover:not(:disabled) .fly__word{box-shadow:var(--shadow-lift);transform:translateY(-3px)scale(1.04)}.fly--down .fly__body{animation:.46s ease-in .3s forwards fly-fall}.fly--down .fly__wing{opacity:.35;animation:none}.fly--down .fly__word{opacity:.5;transition:opacity .3s .42s}@keyframes fly-fall{0%{transform:rotate(0)translateY(0)scaleY(1)}25%{transform:rotate(0)translateY(0)scaleY(.55)}to{opacity:0;transform:rotate(150deg)translateY(7rem)scaleY(1)}}.fly--dodge{animation:.52s ease-in-out dodge}@keyframes dodge{25%{transform:translate(-2.2rem)rotate(-10deg)}60%{transform:translate(2.4rem)rotate(10deg)}to{transform:none}}.fly--gone{opacity:.32;filter:grayscale()}.fly--gone .fly__body,.fly--gone .fly__wing{animation:none}:is(.flies li:has(.fly--gone),.flies li:has(.fly--down)){animation-play-state:paused}.fly--revealed .fly__word{background:var(--reed-soft);border-color:var(--reed);box-shadow:var(--shadow-lift), 0 0 0 4px var(--sun)}.fly--revealed .fly__word:after{content:" ✓";color:var(--reed)}.fly:disabled{cursor:default}@media (width<=40rem){.swamp{min-height:19rem}.flies{gap:var(--s3);min-height:14rem;padding:var(--s12) 0 var(--s4)}.fly__word{font-size:var(--text-sm);padding:var(--s1) var(--s2)}.fly__body{width:2rem;height:2.6rem}.swatter{width:4rem;height:4rem}@keyframes wander{0%,8%{transform:translate(0)}15%,29%{transform:translate(2.4rem,-1rem)}36%,51%{transform:translate(-1.8rem,-.6rem)}57%,71%{transform:translate(-2.6rem,1.4rem)}78%,92%{transform:translate(1.4rem,2rem)}to{transform:translate(0)}}}@media (prefers-reduced-motion:reduce){.flies li{animation:none}}:root[data-motion=reduce] .flies li{animation:none}.battle__turn{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);justify-self:center}.battle__lives{font-size:1.6rem}.heart--risk{color:var(--splash);animation:.32s ease-in-out 3 heart-risk}@keyframes heart-risk{0%,to{transform:scale(1)rotate(0)}30%{transform:scale(1.35)rotate(-9deg)}70%{transform:scale(1.2)rotate(9deg)}}.relay{align-items:center;gap:var(--s4);text-align:center;padding:var(--s12) var(--s6);border:4px dashed var(--deep);border-radius:var(--radius);background:var(--surface);animation:rise .32s var(--jump-ease) both;flex-direction:column;display:flex}.relay__hit{font-size:var(--text-lg)}.fleet{align-items:center;gap:var(--s1);padding:var(--s2) var(--s4);border:3px solid var(--deep);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;align-self:center;display:flex}.fleet__title,.fleet__count{font-size:var(--text-xs);color:var(--deep);font-weight:700}.fleet__grid{grid-template-columns:repeat(var(--cols), 1fr);gap:2px;display:grid}.fleet__cell{background:color-mix(in srgb, var(--water-soft) 70%, #fff);border-radius:2px;place-items:center;width:1.15rem;height:1.15rem;font-size:.72rem;line-height:1;display:grid}.fleet__cell--boat{background:var(--reed-soft);box-shadow:inset 0 0 0 1px var(--reed)}.fleet__cell--sunk{background:var(--splash-soft);box-shadow:inset 0 0 0 1px var(--splash)}.sea-wrap{isolation:isolate;padding:var(--s4) var(--s2);border:3px solid var(--deep);border-radius:var(--radius);background:linear-gradient(#7fd0e8 0%,#2f7f9e 60%,#1d5a75 100%);position:relative;overflow:auto hidden}.sea{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sea__map{width:100%;height:100%;position:absolute;inset:0}.sea__land{fill:#b7c98a;stroke:#7d9455;stroke-width:1.4px;opacity:.9}.sea__grid line{stroke:#ffffff38;stroke-width:.6px}.sea__wave{background:radial-gradient(60% 100% at 50% 100%,#ffffff2e 0%,#0000 70%);width:200%;height:60%;position:absolute;left:-50%}.sea__wave--a{animation:9s ease-in-out infinite alternate swell;top:8%}.sea__wave--b{animation:13s ease-in-out infinite alternate-reverse swell;bottom:0}@keyframes swell{0%{transform:translate(-6%)scaleY(1)}to{transform:translate(6%)scaleY(1.15)}}.board{z-index:1;border-collapse:separate;border-spacing:4px;margin:0 auto;position:relative}.board__head{font-family:var(--font-display);font-size:var(--text-md);color:var(--ink);background:var(--sun);border:2px solid var(--ink);border-radius:var(--radius-sm);padding:var(--s2);min-width:2.6rem;font-weight:700}.cell{padding:0}.cell--island{border-radius:var(--radius-sm);text-align:center;background:radial-gradient(circle at 50% 60%,#f0e0b4 0%,#c9b184 70%,#8fae7a 100%);width:5.5rem;height:4rem;font-size:1.5rem;box-shadow:inset 0 0 0 2px #0b2b3633}.square{width:5.5rem;height:4rem;padding:var(--s1);border-radius:var(--radius-sm);font-size:var(--text-lg);transition:transform var(--snap), background var(--snap);background:#ffffff6b;border:3px solid #0b2b368c;place-items:center;gap:2px;line-height:1;display:grid;position:relative}.square:hover:not(:disabled){background:#ffffffc7;transform:scale(1.05)}.square:disabled{cursor:default}.square__word{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700}.square__ipa{font-size:var(--text-xs);color:var(--deep)}.square__dot{font-size:var(--text-md);color:#0b2b3699;text-shadow:0 1px #ffffff80}.square__boat{animation:pop .32s var(--jump-ease) both;font-size:1.4rem;position:absolute;top:-.5rem;right:-.3rem}.square--mine{background:var(--reed-soft);border-color:var(--reed)}.square--down{animation:flip .42s var(--jump-ease) both;background:#ffffff38}@keyframes flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.square--aim{box-shadow:0 0 0 4px var(--sun)}.square--hit,.square--sunk{background:var(--splash-soft);border-color:var(--splash)}.square--near{background:var(--sun-soft);border-color:var(--sun)}.square--miss{color:var(--surface);background:#ffffff2e;border-style:dashed}.blast{z-index:40;pointer-events:none;position:fixed;inset:0}.blast__ring{left:var(--bx);top:var(--by);background:radial-gradient(circle,#fff6d8 0%,#ffd23f 26%,#ff8a2b 48%,#cf4a458c 68%,#cf4a4500 78%);border-radius:50%;width:12rem;height:12rem;margin:-6rem 0 0 -6rem;animation:1.4s cubic-bezier(.14,.72,.3,1) both blast-out;position:absolute}.blast__ring--late{opacity:.65;animation-delay:.17s}@keyframes blast-out{0%{opacity:0;transform:scale(.12)}12%{opacity:1}70%{opacity:.9}to{opacity:0;transform:scale(26)}}.blast__core{left:var(--bx);top:var(--by);font-size:4rem;animation:1.4s ease-out both blast-core;position:absolute;transform:translate(-50%,-50%)}@keyframes blast-core{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(-25deg)}22%{opacity:1;transform:translate(-50%,-50%)scale(2.4)rotate(8deg)}to{opacity:0;transform:translate(-50%,-50%)scale(5)rotate(18deg)}}@media (prefers-reduced-motion:reduce){.blast__ring,.blast__core{animation:none}.blast__ring{opacity:.85;transform:scale(1)}.blast__core{opacity:1;transform:translate(-50%,-50%)scale(1.4)}}:root[data-motion=reduce] .blast__ring,:root[data-motion=reduce] .blast__core{animation:none}.battle__actions,.battle__guess{align-items:center;gap:var(--s3);text-align:center;flex-direction:column;display:flex}.battle__options{gap:var(--s3);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=46rem){.square,.cell--island{width:4.2rem;height:3.2rem}.square__word{font-size:var(--text-xs)}.square__ipa{display:none}.board__head{font-size:var(--text-sm);min-width:2rem;padding:var(--s1)}}.stage{border:3px solid var(--deep);border-radius:var(--radius);background:linear-gradient(180deg, var(--sky-1,#dff1fb) 0%, var(--sky-2,#cfe9dd) 100%);min-height:24rem;position:relative;overflow:hidden}.stage--jungle{background:linear-gradient(#cdeeb0 0%,#9fd98a 52%,#4e8a3f 52%,#35682c 100%)}.stage--beach{background:linear-gradient(#bfe9ff 0%,#dff5ff 38%,#f2e0b0 50%,#e2c98a 100%)}.stage--school{background:linear-gradient(#eef3f8 0%,#dbe4ef 64%,#b9a48c 64%,#a58f76 100%)}.stage--park{background:linear-gradient(#d9f0ff 0%,#bfe6c9 58%,#7fc48c 58%,#5aa86d 100%)}.stage--home{background:linear-gradient(#fdf1dc 0%,#f6dfc0 62%,#c9a882 62%,#b08f68 100%)}.stage--garden{background:linear-gradient(#e6f7d8 0%,#c6ecae 55%,#86bd6a 55%,#659a4d 100%)}.place{z-index:0;pointer-events:none;position:absolute;inset:0}.act{z-index:1;pointer-events:none;position:absolute;inset:0}.act__actor{filter:drop-shadow(0 8px 10px #0b2b364d);position:absolute}.act--eat .act__actor{animation:3.4s ease-in-out infinite eat-lean;bottom:2.6rem;left:47%;transform:translate(-50%)}@keyframes eat-lean{0%,to{transform:translate(-50%)rotate(0)}20%{transform:translate(-50%)rotate(6deg)}40%,70%{transform:translate(-50%)rotate(-2deg)}}:is(.act__actor:has(.critter--bird) .eat__mouth,.act__actor:has(.critter--bird) .sing__mouth,.act__actor:has(.critter--fish) .eat__mouth,.act__actor:has(.critter--fish) .sing__mouth){display:none}.critter__beak--lower,.critter__lips{transform-box:fill-box;transform-origin:0}.critter__lips{transform-origin:50%}.act--eat .critter--bird .critter__beak--lower{animation:3.4s ease-in-out infinite beak-chew}.act--sing .critter--bird .critter__beak--lower{animation:1.1s ease-in-out infinite beak-sing}.act--eat .critter--fish .critter__lips{animation:3.4s ease-in-out infinite lips-chew}.act--sing .critter--fish .critter__lips{animation:1.1s ease-in-out infinite lips-sing}@keyframes beak-chew{0%,32%{transform:rotate(0)}38%,46%{transform:rotate(26deg)}50%,56%{transform:rotate(4deg)}62%,68%{transform:rotate(26deg)}74%,to{transform:rotate(0)}}@keyframes beak-sing{0%,to{transform:rotate(6deg)}50%{transform:rotate(30deg)}}@keyframes lips-chew{0%,32%{transform:scale(1)}38%,46%{transform:scale(1.5,1.7)}50%,56%{transform:scale(1.1,.9)}62%,68%{transform:scale(1.5,1.7)}74%,to{transform:scale(1)}}@keyframes lips-sing{0%,to{transform:scaleY(.9)}50%{transform:scale(1.25,1.8)}}.eat__mouth,.sing__mouth{background:#5c1f24;border-radius:50% 50% 45% 45%;width:22%;height:13%;position:absolute;top:57%;left:50%;box-shadow:inset 0 -.2rem #ffffff40}.eat__mouth{animation:3.4s ease-in-out infinite eat-mouth;transform:translate(-50%,-50%)scaleY(0)}@keyframes eat-mouth{0%,32%{transform:translate(-50%,-50%)scaleY(0)}38%,46%{transform:translate(-50%,-50%)scaleY(1)}50%,56%{transform:translate(-50%,-50%)scaleY(.15)}62%,68%{transform:translate(-50%,-50%)scaleY(1)}74%,to{transform:translate(-50%,-50%)scaleY(0)}}.eat__apple{background:radial-gradient(circle at 34% 30%,#f2726f 0%,#cf3b34 55%,#9d2721 100%);border-radius:46% 46% 52% 52%;width:1.7rem;height:1.6rem;animation:3.4s ease-in-out infinite eat-apple;position:absolute;top:55%;left:50%}.eat__apple:before{content:"";background:#6d4a28;border-radius:2px;width:.16rem;height:.5rem;position:absolute;top:-.35rem;left:48%;transform:rotate(12deg)}.eat__apple:after{content:"";background:#4f9d55;border-radius:70% 10%;width:.75rem;height:.42rem;position:absolute;top:-.28rem;left:56%}@keyframes eat-apple{0%{opacity:1;transform:translate(5.5rem,3.4rem)scale(1)}22%{opacity:1;transform:translate(2.6rem,.9rem)scale(1)}34%,46%{opacity:1;transform:translate(.5rem,-.1rem)scale(1)}56%{opacity:1;transform:translate(.5rem,-.1rem)scale(.72)}70%{opacity:1;transform:translate(.5rem,-.1rem)scale(.45)}78%{opacity:0;transform:translate(.5rem,-.1rem)scale(.3)}99%{opacity:0;transform:translate(5.5rem,3.4rem)scale(1)}to{opacity:1;transform:translate(5.5rem,3.4rem)scale(1)}}.eat__yum{background:var(--sun);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:0;width:1.8rem;height:1.8rem;animation:3.4s ease-out infinite eat-yum;position:absolute;top:6%;left:76%}@keyframes eat-yum{0%,74%{opacity:0;transform:scale(.4)translateY(0)}82%{opacity:1;transform:scale(1.15)translateY(-.4rem)}96%{opacity:1;transform:scale(1)translateY(-.9rem)}to{opacity:0;transform:scale(1)translateY(-1.2rem)}}.table{width:15rem;height:6rem;position:absolute;bottom:1.4rem;right:5%}.table__top{background:linear-gradient(#c9915c 0%,#8e6236 100%);border-radius:4px;height:1.1rem;position:absolute;top:2.4rem;left:0;right:0;box-shadow:0 4px #6d4a28}.table__leg{background:#7d552f;border-radius:0 0 3px 3px;width:.8rem;height:2.5rem;position:absolute;top:3.5rem}.table__leg--l{left:1.4rem}.table__leg--r{right:1.4rem}.food{position:absolute;bottom:3.5rem}.food--cake{clip-path:polygon(0 100%,100% 100%,100% 8%);background:linear-gradient(#ffd9e2 0 26%,#fdf3e2 26% 56%,#e8b06a 56% 100%);width:1.9rem;height:1.5rem;left:4%}.food--cake:after{content:"";background:#cf3b34;border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:-.2rem;right:.12rem}.food--apple{background:radial-gradient(circle at 34% 30%,#f2726f 0%,#cf3b34 55%,#9d2721 100%);border-radius:46% 46% 52% 52%;width:1.35rem;height:1.3rem;left:30%}.food--apple:after{content:"";background:#4f9d55;border-radius:70% 10%;width:.6rem;height:.34rem;position:absolute;top:-.22rem;left:52%}.food--cookie{background:radial-gradient(circle at 32% 34%,#5a3a22 0 14%,#0000 15%),radial-gradient(circle at 68% 30%,#5a3a22 0 12%,#0000 13%),radial-gradient(circle at 46% 68%,#5a3a22 0 13%,#0000 14%),radial-gradient(circle at 76% 66%,#5a3a22 0 11%,#0000 12%),radial-gradient(circle at 40% 34%,#e8c184 0%,#c9915c 100%);border-radius:50%;width:1.5rem;height:1.5rem;left:55%}.food--egg{background:radial-gradient(circle at 36% 28%,#fff 0%,#efe6d6 100%);border-radius:50%/62% 62% 38% 38%;width:1.2rem;height:1.55rem;left:80%;box-shadow:inset -.15rem -.1rem .2rem #0b2b361f}.act--dance .act__actor{transform-origin:bottom;animation:2.4s ease-in-out infinite dance-step;bottom:2.4rem;left:50%}@keyframes dance-step{0%,to{transform:translate(-50%)rotate(-7deg)translateY(0)}25%{transform:translate(-50%)rotate(0)translateY(-.9rem)}50%{transform:translate(-50%)rotate(7deg)translateY(0)}75%{transform:translate(-50%)rotate(0)translateY(-.9rem)}}.arm{border-radius:var(--radius-round);color:#e0a06f;transform-origin:bottom;background:currentColor;width:.9rem;height:4.6rem;position:absolute;top:14%}.arm--l{animation:2.4s ease-in-out infinite arm-l;left:6%}.arm--r{animation:2.4s ease-in-out infinite arm-r;right:6%}@keyframes arm-l{0%,to{transform:rotate(28deg)}50%{transform:rotate(48deg)}}@keyframes arm-r{0%,to{transform:rotate(-48deg)}50%{transform:rotate(-28deg)}}.maraca{background:radial-gradient(circle at 30% 26%,#ffe3a3 0 18%,#0000 19%),radial-gradient(circle at 64% 46%,#c2313c 0 15%,#0000 16%),radial-gradient(circle at 36% 68%,#c2313c 0 13%,#0000 14%),linear-gradient(#f0b95e 0%,#d18b2c 100%);border-radius:50% 50% 46% 46%;width:1.5rem;height:1.9rem;animation:.26s ease-in-out infinite alternate rattle;position:absolute;top:-1.6rem;left:50%;box-shadow:0 2px 4px #0b2b3640}.maraca:after{content:"";background:#8e6236;border-radius:0 0 3px 3px;width:.36rem;height:.9rem;position:absolute;bottom:-.65rem;left:50%;transform:translate(-50%)}@keyframes rattle{0%{transform:translate(-50%)rotate(-13deg)}to{transform:translate(-50%)rotate(13deg)}}.beat{background:var(--deep);border-radius:50%;width:.9rem;height:.72rem;position:absolute;transform:rotate(-16deg)}.beat:after{content:"";background:var(--deep);border-radius:2px;width:.2rem;height:1.6rem;position:absolute;bottom:.3rem;right:0}.beat:before{content:"";background:var(--deep);border-radius:0 60% 60% 0;width:.6rem;height:.55rem;position:absolute;bottom:1.5rem;right:-.35rem}.beat--1{animation:2.6s ease-out infinite notes;bottom:42%;left:18%}.beat--2{animation:2.6s ease-out 1.3s infinite notes;bottom:48%;right:20%}.beat--3{animation:2.6s ease-out .7s infinite notes;bottom:54%;left:32%}@keyframes notes{0%{opacity:0;transform:translateY(0)rotate(-16deg)}25%{opacity:1}to{opacity:0;transform:translateY(-3.5rem)rotate(10deg)}}.tv{width:12rem;position:absolute;top:5%;left:50%;transform:translate(-50%)}.tv__screen{border-radius:var(--radius-sm);height:7rem;box-shadow:var(--shadow), 0 0 2.5rem #5ac8ff59;background:linear-gradient(#123049 0%,#0b1b2a 100%);border:5px solid #2b3940;display:block;position:relative;overflow:hidden}.tv__sprite{background:#48e08a;border-radius:3px;width:1.2rem;height:1.2rem;animation:2.4s linear infinite sprite-run;position:absolute;top:46%;left:0;box-shadow:0 0 .6rem #48e08a}@keyframes sprite-run{0%{transform:translate(-1.5rem)translateY(0)}35%{transform:translate(3.5rem)translateY(-1.4rem)}60%{transform:translate(6rem)translateY(0)}to{transform:translate(12.5rem)translateY(-.6rem)}}.tv__bar{border-radius:var(--radius-round);background:#ffd23f;height:.4rem;animation:3.6s ease-in-out infinite alternate hud-bar;position:absolute;top:.4rem;left:.4rem}@keyframes hud-bar{0%{width:1.5rem}to{width:5.5rem}}.tv__stand{background:#2b3940;border-radius:0 0 4px 4px;width:4rem;height:.5rem;margin:0 auto;display:block}.sofa{width:19rem;height:6.5rem;position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%)}.sofa__back{background:linear-gradient(#6f7fb5 0%,#55659a 100%);border-radius:.8rem .8rem 0 0;height:3.6rem;position:absolute;top:0;left:0;right:0}.sofa__seat{background:linear-gradient(#8090c4 0%,#5b6ba0 100%);border-radius:.5rem;height:3.4rem;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 3px #ffffff40}.sofa__arm{background:linear-gradient(#6f7fb5 0%,#4c5b8c 100%);border-radius:.8rem;width:2.2rem;height:5rem;position:absolute;bottom:0;right:-.6rem}.act__actor--sitting{z-index:2;animation:1.6s ease-in-out infinite alternate gaming;bottom:3.6rem;left:44%;transform:translate(-50%)rotate(-8deg)}@keyframes gaming{0%{transform:translate(-50%)rotate(-8deg)translateY(0)}to{transform:translate(-50%)rotate(-5deg)translateY(-.25rem)}}.gamepad{width:4.6rem;height:2rem;box-shadow:var(--shadow);background:linear-gradient(#f2f4f6 0%,#c3cbd2 100%);border-radius:.7rem;position:absolute;top:62%;left:52%;transform:translate(-50%)}.gamepad__grip{background:#c3cbd2;border-radius:0 0 .6rem .6rem;width:1.2rem;height:1.6rem;position:absolute;bottom:-.9rem}.gamepad__grip--l{left:.5rem;transform:rotate(-12deg)}.gamepad__grip--r{right:.5rem;transform:rotate(12deg)}.gamepad__btn{border-radius:50%;width:.5rem;height:.5rem;animation:.62s step-end infinite alternate press-btn;position:absolute;top:.5rem}.gamepad__btn--a{background:#cf4a45;right:.5rem}.gamepad__btn--b{background:#2f7fc4;animation-delay:.31s;right:1.3rem}@keyframes press-btn{0%{opacity:1;transform:translateY(0)}to{opacity:.45;transform:translateY(1px)}}.rug{opacity:.75;background:repeating-linear-gradient(90deg,#d3a24f 0 1.2rem,#b8853b 1.2rem 2.4rem);border-radius:50%;width:24rem;height:1.6rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.act--sing .act__actor{animation:1.1s ease-in-out infinite sing-bounce;bottom:2.4rem;left:46%;transform:translate(-50%)}@keyframes sing-bounce{0%,to{transform:translate(-50%)translateY(0)scale(1)}50%{transform:translate(-50%)translateY(-.7rem)scale(1.04)}}.sing__mouth{animation:1.1s ease-in-out infinite sing-mouth;transform:translate(-50%,-50%)scaleY(1)}@keyframes sing-mouth{0%,to{transform:translate(-50%,-50%)scaleY(.7)scaleX(.9)}50%{transform:translate(-50%,-50%)scaleY(1.5)scaleX(1.1)}}.sing__note{opacity:0;animation:2.8s ease-out infinite sing-note;top:55%;left:58%}.sing__note--1{animation-delay:0s}.sing__note--2{animation-delay:.7s;scale:.8}.sing__note--3{animation-delay:1.4s;scale:1.15}.sing__note--4{animation-delay:2.1s;scale:.92}@keyframes sing-note{0%{opacity:0;transform:translate(0)rotate(-16deg)}15%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(6.5rem,-6rem)rotate(20deg)}}.mic-stand{transform-origin:bottom;width:3.4rem;height:8.6rem;animation:2.6s ease-in-out infinite alternate mic-sway;position:absolute;bottom:2.2rem;left:30%}@keyframes mic-sway{0%{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}.mic-stand__head{width:1.7rem;height:2.2rem;box-shadow:var(--shadow);background:repeating-linear-gradient(0deg,#ffffff29 0 1px,#0000 1px .22rem),radial-gradient(circle at 34% 26%,#9aa4aa 0%,#414c52 58%,#232c31 100%);border-radius:50% 50% 44% 44%;position:absolute;top:0;right:.1rem;transform:rotate(16deg)}.mic-stand__arm{background:#6b767c;border-radius:2px;width:1.5rem;height:.3rem;position:absolute;top:1.6rem;right:.9rem;transform:rotate(24deg)}.mic-stand__pole{background:linear-gradient(90deg,#9aa4aa 0%,#5b666c 60%,#3d474c 100%);border-radius:2px;width:.36rem;height:6.6rem;position:absolute;bottom:.35rem;left:50%;transform:translate(-50%)}.mic-stand__base{background:linear-gradient(#6b767c 0%,#2b3439 100%);border-radius:50%;width:3rem;height:.75rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.bed{width:22rem;height:6.5rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.bed__head{background:linear-gradient(#a9713f 0%,#7d5029 100%);border-radius:.6rem .6rem 0 0;width:2rem;height:6.5rem;position:absolute;bottom:0;left:0}.bed__base{background:linear-gradient(#f4f7f9 0%,#cfd9e0 100%);border-radius:0 .5rem .5rem 0;height:3.4rem;position:absolute;bottom:0;left:1.4rem;right:0;box-shadow:0 5px #9fb0bb}.bed__pillow{background:#fff;border-radius:.8rem;width:5rem;height:2rem;position:absolute;bottom:3rem;left:2.2rem;box-shadow:inset 0 -.3rem #0b2b3614}.act__actor--lying{z-index:2;animation:3.8s ease-in-out infinite alternate lying-breathe;bottom:2.6rem;left:44%;transform:translate(-50%)rotate(-74deg)}@keyframes lying-breathe{0%{transform:translate(-50%)rotate(-74deg)scale(.99)}to{transform:translate(-50%)rotate(-74deg)scale(1.03)}}.pyjama{opacity:.95;background:radial-gradient(circle at 22% 26%,#d8383c 0 16%,#0000 17%),radial-gradient(circle at 66% 34%,#d8383c 0 14%,#0000 15%),radial-gradient(circle at 40% 70%,#d8383c 0 13%,#0000 14%),radial-gradient(circle at 80% 74%,#d8383c 0 12%,#0000 13%),#fdf3f0;border-radius:45% 45% 40% 40%;width:62%;height:34%;position:absolute;top:52%;left:50%;transform:translate(-50%)}.nightcap{clip-path:polygon(0 100%,100% 100%,58% 0);background:radial-gradient(circle at 34% 62%,#fdf3f0 0 14%,#0000 15%),radial-gradient(circle at 62% 82%,#fdf3f0 0 12%,#0000 13%),#d8383c;width:42%;height:26%;position:absolute;top:-6%;left:50%;transform:translate(-50%)rotate(-14deg)}.nightcap__pom{background:#fdf3f0;border-radius:50%;width:.9rem;height:.9rem;position:absolute;top:-.5rem;left:46%}.blanket{z-index:3;background:radial-gradient(circle at 15% 30%,#ffd6e0 0 9%,#0000 10%),radial-gradient(circle at 38% 62%,#fff0b8 0 8%,#0000 9%),radial-gradient(circle at 62% 28%,#ffd6e0 0 8%,#0000 9%),radial-gradient(circle at 84% 66%,#d8f0c8 0 9%,#0000 10%),radial-gradient(circle at 26% 80%,#d8f0c8 0 7%,#0000 8%),linear-gradient(#7fb6d8 0%,#4f8cb5 100%);border-radius:.8rem .8rem .3rem .3rem;width:15rem;height:3.6rem;position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%)translate(2.6rem);box-shadow:inset 0 3px #ffffff59}.zzz{z-index:4;padding:var(--s1) var(--s3);border:3px solid var(--ink);border-radius:var(--radius-round);background:var(--surface);font-family:var(--font-display);color:var(--deep);font-weight:700;animation:3.8s ease-in-out infinite snooze;position:absolute;bottom:10.6rem;left:34%}.zzz:after{content:"";border:3px solid var(--ink);background:var(--surface);border-radius:50%;width:.7rem;height:.7rem;position:absolute;bottom:-.7rem;left:1.1rem}@keyframes snooze{0%,to{opacity:.75;transform:translateY(0)scale(.96)}50%{opacity:1;transform:translateY(-.7rem)scale(1.04)}}.pitch{background:repeating-linear-gradient(90deg,#4f9d55 0 3rem,#58a95d 3rem 6rem);position:absolute;inset:34% 0 0}.pitch__line{background:#fffc;width:3px;position:absolute;top:0;bottom:0;left:50%}.pitch__circle{border:3px solid #fffc;border-radius:50%;width:7rem;height:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.goal{background:repeating-linear-gradient(90deg,#ffffff8c 0 1px,#0000 1px .5rem),repeating-linear-gradient(0deg,#ffffff8c 0 1px,#0000 1px .5rem);border:4px solid #fff;width:3rem;height:6rem;position:absolute;bottom:18%;box-shadow:0 4px #0b2b3633}.goal--left{border-right-width:0;left:2%}.goal--right{border-left-width:0;right:2%}.act__actor--striker{animation:6s ease-in-out infinite kick;bottom:4.4rem;left:30%;transform:translate(-50%)}@keyframes kick{0%,4%{transform:translate(-50%)rotate(0)}8%{transform:translate(-50%)rotate(-16deg)}14%,48%{transform:translate(-50%)rotate(0)}54%{transform:translate(-50%)rotate(-16deg)}60%,to{transform:translate(-50%)rotate(0)}}.act__actor--keeper{transform-origin:bottom;animation:6s ease-in-out infinite dive;bottom:4.4rem;right:12%}@keyframes dive{0%,62%{transform:rotate(0)translate(0)}70%{transform:rotate(-42deg)translate(-1.6rem,-.6rem)}82%{transform:rotate(-42deg)translate(-1.6rem,-.6rem)}92%,to{transform:rotate(0)translate(0)}}.ball{background:radial-gradient(circle at 50% 48%,#16232a 0 21%,#0000 22%),radial-gradient(circle at 10% 28%,#16232a 0 13%,#0000 14%),radial-gradient(circle at 88% 32%,#16232a 0 13%,#0000 14%),radial-gradient(circle at 24% 86%,#16232a 0 12%,#0000 13%),radial-gradient(circle at 78% 84%,#16232a 0 12%,#0000 13%),#fff;border-radius:50%;width:1.7rem;height:1.7rem;animation:6s ease-in-out infinite shoot;position:absolute;bottom:22%;left:34%;box-shadow:inset -.2rem -.2rem .4rem #0b2b3638}@keyframes shoot{0%,7%{opacity:1;bottom:22%;left:34%;transform:rotate(0)}20%{bottom:40%;left:62%;transform:rotate(320deg)}30%{bottom:26%;left:88%;transform:rotate(640deg)}30.1%,42%{opacity:1;bottom:26%;left:88%;transform:rotate(640deg)}46%{opacity:0}49%{opacity:0;bottom:22%;left:34%;transform:rotate(0)}51%,57%{opacity:1;bottom:22%;left:34%;transform:rotate(0)}66%{bottom:40%;left:62%;transform:rotate(320deg)}71%{bottom:36%;left:76%;transform:rotate(420deg)}84%{bottom:24%;left:48%;transform:rotate(120deg)}to{opacity:1;bottom:22%;left:34%;transform:rotate(0)}}.shout{padding:var(--s1) var(--s4);border:3px solid var(--ink);border-radius:var(--radius-round);font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);opacity:0;position:absolute;top:10%;left:50%;transform:translate(-50%)}.shout--goal{background:var(--sun);color:var(--ink);animation:6s ease-out infinite shout-goal}.shout--save{background:var(--water-soft);color:var(--ink);animation:6s ease-out infinite shout-save}@keyframes shout-goal{0%,29%{opacity:0;transform:translate(-50%)scale(.6)}33%{opacity:1;transform:translate(-50%)scale(1.1)}42%{opacity:1;transform:translate(-50%)scale(1)}46%,to{opacity:0;transform:translate(-50%)scale(1)}}@keyframes shout-save{0%,70%{opacity:0;transform:translate(-50%)scale(.6)}74%{opacity:1;transform:translate(-50%)scale(1.1)}86%{opacity:1;transform:translate(-50%)scale(1)}90%,to{opacity:0;transform:translate(-50%)scale(1)}}.jungle__canopy{background-image:radial-gradient(circle at 50% 0,#2c7a42 0 52%,#0000 53%);background-repeat:repeat-x;background-size:8rem 5rem;width:110%;height:5rem;position:absolute;top:0;left:-5%}.jungle__vine{top:0;left:calc(6% + var(--i) * 16%);width:.5rem;height:calc(6rem + var(--i) * 1.4rem);border-radius:0 0 var(--radius-round) var(--radius-round);transform-origin:top;animation:5.2s ease-in-out infinite alternate sway;animation-delay:calc(var(--i) * -700ms);background:linear-gradient(#1c5c30 0%,#2c7a42 100%);position:absolute}.jungle__leaf{background:#57a469;border-radius:60% 10%;width:2rem;height:1.1rem;position:absolute;bottom:-.4rem;left:50%;transform:translate(-50%)}.jungle__fern{bottom:0;left:calc(1% + var(--i) * 24%);opacity:.8;background:radial-gradient(circle at 50% 100%,#2f7a4a 0 60%,#0000 61%);border-radius:60% 60% 0 0;width:6rem;height:3.2rem;position:absolute}.board-wall{height:6.5rem;box-shadow:var(--shadow);background:#2f5c46;border:.5rem solid #a9713f;border-radius:4px;position:absolute;top:8%;left:16%;right:16%}.board-wall__chalk{background:#ffffffbf;border-radius:2px;height:3px;position:absolute;left:8%}.board-wall__chalk--1{width:62%;top:22%}.board-wall__chalk--2{width:44%;top:44%}.board-wall__chalk--3{width:54%;top:66%}.wall-clock{width:3.2rem;height:3.2rem;box-shadow:var(--shadow);background:radial-gradient(circle,#fff 0 64%,#f0e6d2 100%);border:.3rem solid #8e6236;border-radius:50%;position:absolute;top:7%;right:6%}.wall-clock:after{content:"";background:var(--ink);border-radius:50%;width:.3rem;height:.3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wall-clock__hand{background:var(--ink);transform-origin:bottom;border-radius:2px;width:.17rem;position:absolute;bottom:50%;left:50%}.wall-clock__hand--h{height:.8rem;transform:translate(-50%)rotate(62deg)}.wall-clock__hand--m{height:1.15rem;transform:translate(-50%)rotate(-24deg)}.wall-map{width:5.4rem;height:3.6rem;box-shadow:var(--shadow);background:#a9d8ea;border:.28rem solid #f4efe2;border-radius:3px;position:absolute;top:10%;left:4%}.wall-map__land{background:#7fbf6a;position:absolute}.wall-map__land--1{border-radius:45% 55% 40% 60%;width:34%;height:48%;top:18%;left:8%}.wall-map__land--2{border-radius:60% 40% 55% 45%;width:28%;height:36%;top:10%;right:8%}.wall-map__land--3{border-radius:50% 40% 60% 45%;width:32%;height:32%;bottom:8%;right:16%}.school-door{background:linear-gradient(#c08a52 0%,#a06f3d 100%);border-radius:3px 3px 0 0;width:4.2rem;height:8.5rem;position:absolute;bottom:36%;right:.5%;box-shadow:inset 0 0 0 .28rem #ffffff29}.school-door__knob{background:#f0c46a;border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:52%;left:.5rem}.bin{clip-path:polygon(12% 0,88% 0,78% 100%,22% 100%);background:linear-gradient(#8fa3ae 0%,#5f727d 100%);width:2.3rem;height:2.8rem;position:absolute;bottom:5%;left:1.5%}.bin:after{content:"";background:#4a5b65;border-radius:2px;width:116%;height:.4rem;position:absolute;top:-.35rem;left:-8%}.desk{left:var(--x);bottom:var(--y);width:8rem;height:4rem;position:absolute}.desk__top{background:linear-gradient(#d9a45f 0%,#a9713f 100%);border-radius:3px;height:.7rem;position:absolute;bottom:.6rem;left:0;right:0;box-shadow:0 3px #7d5029}.desk__leg{background:#7d5029;border-radius:0 0 2px 2px;width:.42rem;height:1.6rem;position:absolute;bottom:-.9rem}.desk__leg--l{left:.7rem}.desk__leg--r{right:.7rem}.desk__pupil{animation:2.4s ease-in-out infinite alternate pupil-idle;animation-delay:calc(var(--i,0) * -620ms);position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%)}@keyframes pupil-idle{0%{transform:translate(-50%)translateY(.2rem)}to{transform:translate(-50%)translateY(-.4rem)}}.book{border-radius:2px 2px 1px 1px;width:1.6rem;height:.48rem;position:absolute;bottom:1.3rem;right:.45rem}.book:after{content:"";background:#fdf6e6;height:.12rem;position:absolute;top:.13rem;left:.12rem;right:.12rem}.book--red{background:linear-gradient(#d15b52 0%,#a33a33 100%)}.book--blue{background:linear-gradient(#5b8fd1 0%,#33639e 100%)}.book--green{background:linear-gradient(#69b06a 0%,#3d8244 100%)}.book--stacked{width:1.25rem;bottom:1.78rem;right:.65rem}.bubble{border:2px solid var(--ink);background:#fff;border-radius:.65rem;width:1.8rem;height:1.25rem;animation:2.6s ease-in-out infinite chat;position:absolute;top:-1rem;right:-.8rem}.bubble:after{content:"";border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);background:#fff;width:.5rem;height:.5rem;position:absolute;bottom:-.4rem;left:.3rem;transform:rotate(-42deg)}.bubble--back{animation-delay:1.3s;left:-.8rem;right:auto}@keyframes chat{0%,60%,to{opacity:.15;transform:scale(.85)}20%,40%{opacity:1;transform:scale(1)}}.park-tree{left:var(--x,10%);bottom:var(--b,32%);width:calc(5.8rem * var(--s,1));height:calc(8.4rem * var(--s,1));position:absolute;transform:translate(-50%)}.park-tree__crown{transform-origin:bottom;width:100%;height:62%;animation:6.4s ease-in-out infinite alternate sway;animation-delay:calc(var(--i,0) * -800ms);background:radial-gradient(circle at 38% 32%,#6fbb6b 0%,#2f7a3f 78%);border-radius:50%;position:absolute;top:0;left:0}.park-tree__crown--side{width:66%;height:44%;animation-delay:calc(var(--i,0) * -800ms - .4s);background:radial-gradient(circle at 42% 34%,#63ab61 0%,#276b36 80%);top:22%;left:-22%}.park-tree__trunk{background:#7d5029;border-radius:2px;width:14%;height:42%;position:absolute;bottom:0;left:44%}.bench{background:repeating-linear-gradient(0deg,#a9713f 0 .35rem,#c98f4f .35rem .7rem);border-radius:3px;width:5rem;height:1.6rem;position:absolute;bottom:28%;right:6%;box-shadow:0 .9rem 0 -.6rem #7d5029}.picnic{width:9rem;height:4rem;position:absolute;bottom:3%;left:10%}.picnic__rug{background:repeating-conic-gradient(#cf4a45 0 25%, #fff 0 50%) 0 0 / 1rem 1rem;border-radius:.4rem;height:1.6rem;position:absolute;inset:auto 0 0;transform:perspective(3rem)rotateX(38deg)}.basket{background:repeating-linear-gradient(90deg,#c9915c 0 .26rem,#a9713f .26rem .52rem);border-radius:0 0 .4rem .4rem;width:2.1rem;height:1.6rem;position:absolute;bottom:1.2rem;right:.5rem;box-shadow:inset 0 .26rem #8e6236}.basket__handle{clip-path:inset(0 0 50%);border:.22rem solid #a9713f;border-radius:50%;width:1.6rem;height:1.6rem;position:absolute;top:-.8rem;left:50%;transform:translate(-50%)}.picnic__guest{position:absolute;bottom:1rem;left:.4rem}.frisbee-play{width:12rem;height:4rem;position:absolute;bottom:4%;right:6%}.frisbee-play__one{position:absolute;bottom:0;left:0}.frisbee-play__two{position:absolute;bottom:0;right:0}.frisbee{background:radial-gradient(at 50% 30%,#ffe17a 0 42%,#f0a83c 100%);border-radius:50%;width:1.6rem;height:.62rem;animation:3.2s ease-in-out infinite alternate fly-across;position:absolute;bottom:2.6rem;left:2.6rem;box-shadow:inset 0 -.16rem #0b2b362e}@keyframes fly-across{0%{transform:translate(0)rotate(0)}to{transform:translate(6rem,-1.2rem)rotate(360deg)}}.beach__sun{background:radial-gradient(circle,#fff6c4 0 40%,#ffd76a 58%,#ffd76a00 74%);border-radius:50%;width:4.2rem;height:4.2rem;position:absolute;top:4%;right:10%}.beach__cloud{border-radius:var(--radius-round);background:#ffffffeb;height:1.4rem;position:absolute}.beach__cloud:before,.beach__cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:.3rem}.beach__cloud:before{width:1.6rem;height:1.6rem;left:18%}.beach__cloud:after{width:1.1rem;height:1.1rem;right:24%}.beach__cloud--1{width:5.5rem;top:9%;left:7%}.beach__cloud--2{opacity:.82;width:4rem;top:4%;left:45%}.beach__sea{background:linear-gradient(#2f93c4 0%,#57bce0 65%,#8ad6ec 100%);height:12%;position:absolute;top:38%;left:0;right:0;overflow:hidden;box-shadow:inset 0 2px #ffffff59}.waves{background:repeating-linear-gradient(90deg,#fff9 0 1.2rem,#0000 1.2rem 2.6rem);height:.5rem;animation:7s linear infinite tide;position:absolute;top:58%;left:0;right:0}.waves--far{opacity:.55;animation-duration:11s;top:22%}@keyframes tide{0%{transform:translate(0)}to{transform:translate(2.6rem)}}.beach__boat{width:2rem;height:1.6rem;position:absolute}.beach__boat:before{content:"";clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);background:#e8e2d4;width:2rem;height:.5rem;position:absolute;bottom:0;left:0}.beach__boat:after{content:"";clip-path:polygon(0 100%,100% 100%,100% 0);background:#fff;width:1.1rem;height:1.1rem;position:absolute;bottom:.5rem;left:.5rem}.beach__boat--1{top:6%;left:15%}.beach__boat--2{top:34%;left:66%;transform:scale(.72)}.beach__foam{background-image:radial-gradient(circle at 50% 100%,#ffffffeb 0 46%,#0000 47%);background-repeat:repeat-x;background-size:3.2rem 1.8rem;height:1.8rem;animation:9s linear infinite foam-drift;position:absolute;top:47.2%;left:-4%;right:-4%}@keyframes foam-drift{0%{transform:translate(0)}to{transform:translate(3.2rem)}}.beach__sand{background-image:radial-gradient(circle at 20% 30%,#b08c526b 0 .12rem,#0000 .13rem),radial-gradient(circle at 70% 60%,#b08c5261 0 .1rem,#0000 .11rem),radial-gradient(circle at 45% 85%,#b08c5252 0 .14rem,#0000 .15rem);background-size:4.5rem 3rem,6rem 4rem,7.5rem 5rem;position:absolute;inset:50% 0 0}.towel{background:repeating-linear-gradient(90deg,#e8556b 0 1.5rem,#fdf3f0 1.5rem 3rem);border-radius:.4rem;width:14rem;height:3.6rem;position:absolute;bottom:1rem;left:45%;transform:translate(-50%)perspective(7rem)rotateX(54deg);box-shadow:0 .4rem .9rem #0b2b3638}.parasol{width:12rem;height:10rem;position:absolute;bottom:10%;left:52%}.parasol__top{background:repeating-conic-gradient(from 180deg at 50% 100%, #cf4a45 0 12.5%, #fff 0 25%);border-radius:12rem 12rem 0 0;width:12rem;height:5.2rem;position:absolute;top:0;left:0;box-shadow:0 6px 10px #0b2b3638}.parasol__pole{background:linear-gradient(90deg,#a9713f 0%,#7d5029 100%);border-radius:2px;width:.5rem;height:5.2rem;position:absolute;top:4.8rem;left:48%}.sandcastle{width:5.4rem;height:4rem;position:absolute;bottom:6%;left:7%}.sandcastle__keep{background:linear-gradient(#e8c98a 0%,#c9a45f 100%);border-radius:2px;width:2.6rem;height:2.5rem;position:absolute;bottom:0;left:1.4rem}.sandcastle__tower{background:repeating-linear-gradient(90deg,#c9a45f 0 .35rem,#0000 .35rem .7rem) top/100% .4rem no-repeat,linear-gradient(#e8c98a 0%,#c9a45f 100%);width:1.4rem;height:3.2rem;position:absolute;bottom:0}.sandcastle__tower--l{left:0}.sandcastle__tower--r{right:0}.sandcastle__flag{background:#8e6236;width:.16rem;height:1.5rem;position:absolute;bottom:2.5rem;left:2.6rem}.sandcastle__flag:after{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:#cf4a45;width:1rem;height:.65rem;position:absolute;top:0;left:.16rem}.bucket{clip-path:polygon(10% 0,90% 0,78% 100%,22% 100%);background:linear-gradient(#f0a83c 0%,#d1862a 100%);width:1.7rem;height:1.6rem;position:absolute;bottom:5%;left:20%}.starfish{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#f0865e;width:1.8rem;height:1.8rem;position:absolute;bottom:4%;right:24%}.beachball{background:conic-gradient(#fff 0 20%, #e8556b 0 40%, #fff 0 60%, #3fa9d8 0 80%, #fff 0);border-radius:50%;width:1.9rem;height:1.9rem;animation:1.8s ease-in-out infinite alternate bob;position:absolute;bottom:9%;right:32%;box-shadow:inset -.25rem -.25rem .45rem #0b2b362e}.gull{width:1.8rem;height:.8rem;animation:22s linear infinite gull-cross;position:absolute}.gull:before,.gull:after{content:"";border-top:.2rem solid #5f727d;border-radius:50% 50% 0 0;width:.9rem;height:.8rem;position:absolute;top:0}.gull:before{left:0;transform:rotate(-14deg)}.gull:after{right:0;transform:rotate(14deg)}.gull--1{top:12%;left:-10%}.gull--2{animation-delay:-11s;top:22%;left:-10%}@keyframes gull-cross{0%{transform:translate(0)translateY(0)}50%{transform:translate(48vw)translateY(-.8rem)}to{transform:translate(112vw)translateY(0)}}.window{width:7rem;height:5.5rem;box-shadow:var(--shadow);background:#8fc9e8;border:.4rem solid #fff;border-radius:4px;gap:.4rem;padding:.4rem;display:flex;position:absolute;top:10%;left:13%}.window__pane{background:linear-gradient(150deg,#cfeaf7 0%,#7db9dd 100%);border-radius:2px;flex:1}.frame{width:4.6rem;height:3.6rem;box-shadow:var(--shadow);background:linear-gradient(#cfeaf7 0 58%,#a9d18a 58%);border:.35rem solid #8e6236;border-radius:2px;position:absolute;top:9%;right:26%;overflow:hidden}.frame__hill{background:#7fb86a;border-radius:50% 50% 0 0;width:74%;height:62%;position:absolute;bottom:28%;left:-12%}.frame__sun{background:#ffd76a;border-radius:50%;width:.9rem;height:.9rem;position:absolute;top:14%;right:18%}.shelf{width:6.8rem;height:7.8rem;box-shadow:var(--shadow), inset 0 0 0 .3rem #7d5029;background:linear-gradient(#b98a5a 0%,#9c7043 100%);border-radius:3px;position:absolute;bottom:30%;left:3%}.shelf__plank{background:#7d5029;border-radius:2px;height:.34rem;position:absolute;left:.3rem;right:.3rem}.shelf__plank--1{bottom:2.6rem}.shelf__plank--2{bottom:5.2rem}.shelf__book{left:var(--x);bottom:calc(.4rem + var(--row,0) * 2.6rem);width:.6rem;height:var(--h,1.8rem);background:var(--tone,#d15b52);border-radius:1px 1px 0 0;position:absolute;box-shadow:inset -.12rem 0 #0b2b362e}.room-rug{opacity:.92;background:radial-gradient(#e8c98a 0 30%,#cf8f5c 31% 56%,#b8763f 57% 100%);border-radius:50%;width:15rem;height:3.4rem;position:absolute;bottom:2%;left:22%;transform:translate(-50%)}.room-sofa{width:11.5rem;height:4.8rem;position:absolute;bottom:5%;left:22%;transform:translate(-50%)}.room-sofa__back{background:linear-gradient(#7f8fbf 0%,#5d6da2 100%);border-radius:.6rem .6rem 0 0;height:2.8rem;position:absolute;top:0;left:.6rem;right:.6rem}.room-sofa__seat{background:linear-gradient(#8f9fcf 0%,#6b7bb0 100%);border-radius:.4rem;height:2.4rem;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 3px #ffffff38}.room-sofa__arm{background:linear-gradient(#7f8fbf 0%,#4c5b8c 100%);border-radius:.6rem;width:1.4rem;height:3.6rem;position:absolute;bottom:0}.room-sofa__arm--l{left:-.3rem}.room-sofa__arm--r{right:-.3rem}.room-sofa__cushion{background:#e8b06a;border-radius:.3rem;width:2.4rem;height:1.9rem;position:absolute;bottom:2.2rem;left:2.4rem;transform:rotate(-9deg)}.room-tv{width:7.2rem;height:5rem;position:absolute;bottom:42%;right:6%}.room-tv__screen{background:linear-gradient(160deg,#3b6d8c 0%,#16303f 100%);border:.3rem solid #2b3940;border-radius:3px;height:4.2rem;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 0 1rem #78d2ff40}.room-tv__stand{background:#2b3940;border-radius:2px;width:2.6rem;height:.4rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.lamp{width:3.6rem;height:8.5rem;position:absolute;bottom:5%;right:5%}.lamp__shade{clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);background:#f0c46a;width:3.6rem;height:2.1rem;position:absolute;top:0;left:0;box-shadow:0 0 2rem #f0c46a99}.lamp__pole{background:#6b7b83;width:.32rem;height:5.8rem;position:absolute;top:2.1rem;left:47%}.lamp__foot{background:linear-gradient(#8d979d 0%,#4a555c 100%);border-radius:50%;width:2.2rem;height:.6rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.pot-plant{width:3.6rem;height:5.2rem;position:absolute;bottom:5%;left:2%}.pot-plant__pot{clip-path:polygon(10% 0,90% 0,78% 100%,22% 100%);background:linear-gradient(#c9744f 0%,#a1543a 100%);width:2.5rem;height:1.9rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.pot-plant__leaf{transform-origin:bottom;background:linear-gradient(160deg,#69b06a 0%,#3d8244 100%);border-radius:60% 10%;width:1.5rem;height:2.8rem;position:absolute;bottom:1.6rem}.pot-plant__leaf--1{left:0;transform:rotate(-26deg)}.pot-plant__leaf--2{margin-left:-.75rem;left:50%}.pot-plant__leaf--3{right:0;transform:rotate(26deg)}.fence{background:repeating-linear-gradient(90deg,#e8dcc0 0 .7rem,#0000 .7rem 2rem),linear-gradient(#0000 0 .8rem,#e8dcc0 .8rem 1.1rem,#0000 1.1rem 2rem,#e8dcc0 2rem 2.3rem,#0000 2.3rem);height:3rem;position:absolute;bottom:34%;left:0;right:0}.flower{bottom:5%;left:calc(5% + var(--i) * 11.5%);transform-origin:bottom;width:1.2rem;height:2.8rem;animation:4.8s ease-in-out infinite alternate sway;animation-delay:calc(var(--i) * -600ms);position:absolute}.flower:nth-of-type(2n){bottom:11%}.flower:nth-of-type(3n){bottom:17%}.flower--park{left:calc(12% + var(--i) * 21%);bottom:26%}.flower--park:nth-of-type(2n){bottom:31%}.flower:before{content:"";background:radial-gradient(.42rem .24rem at .92rem .62rem,#4f9d55 0 96%,#0000 97%),linear-gradient(90deg,#0000 0 .46rem,#3d8a44 .46rem .64rem,#0000 .64rem);width:1.1rem;height:1.8rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.flower:after{content:"";background:radial-gradient(circle at 50% 50%, #ffd23f 0 25%, transparent 26%), conic-gradient(var(--petal,#e2536b) 0 16%, color-mix(in srgb, var(--petal,#e2536b) 76%, #fff) 0 33%, var(--petal,#e2536b) 0 50%, color-mix(in srgb, var(--petal,#e2536b) 76%, #fff) 0 66%, var(--petal,#e2536b) 0 83%, color-mix(in srgb, var(--petal,#e2536b) 76%, #fff) 0);border-radius:50%;width:1.2rem;height:1.2rem;position:absolute;top:0;left:50%;transform:translate(-50%)}.flower:nth-of-type(3n+1){--petal:#e2536b}.flower:nth-of-type(3n+2){--petal:#b98fe0}.flower:nth-of-type(3n){--petal:#ff9ec4}.park-bush{left:var(--x,90%);bottom:var(--b,6%);width:calc(6.4rem * var(--s,1));height:calc(3.2rem * var(--s,1));background:radial-gradient(circle at 26% 64%,#66b364 0 34%,#0000 35%),radial-gradient(circle at 74% 62%,#66b364 0 32%,#0000 33%),radial-gradient(circle at 50% 38%,#78c377 0 44%,#0000 45%),linear-gradient(#4f9d55 0%,#3d8a44 100%);border-radius:50% 50% .4rem .4rem;position:absolute;transform:translate(-50%)}.watering-can{background:linear-gradient(#8fb6c9 0%,#5b8ba3 100%);border-radius:.3rem .3rem .5rem .5rem;width:2.5rem;height:2.1rem;position:absolute;bottom:4%;left:40%}.watering-can__spout{background:#5b8ba3;border-radius:2px;width:1.5rem;height:.42rem;position:absolute;top:.2rem;left:-1.2rem;transform:rotate(-20deg)}.watering-can__handle{border:.24rem solid #5b8ba3;border-left:none;border-radius:0 .75rem .75rem 0;width:1.1rem;height:1.5rem;position:absolute;top:-.1rem;right:-.55rem}.butterfly{width:1.4rem;height:1.1rem;animation:6s ease-in-out infinite alternate flutter;position:absolute}.butterfly:before,.butterfly:after{content:"";background:linear-gradient(140deg,#f0a83c 0%,#e2536b 100%);border-radius:60% 40% 55% 45%;width:.66rem;height:1.1rem;position:absolute;top:0}.butterfly:before{transform-origin:100%;animation:.34s ease-in-out infinite alternate wing-l;left:0}.butterfly:after{transform-origin:0;animation:.34s ease-in-out infinite alternate wing-r;right:0}@keyframes wing-l{0%{transform:rotateY(0)skewY(-6deg)}to{transform:rotateY(62deg)skewY(6deg)}}@keyframes wing-r{0%{transform:rotateY(0)skewY(6deg)}to{transform:rotateY(-62deg)skewY(-6deg)}}.butterfly--1{bottom:44%;left:22%}.butterfly--2{animation-delay:-3s;bottom:52%;right:26%}@keyframes flutter{0%{transform:translate(0)rotate(-8deg)}to{transform:translate(3.5rem,-1.6rem)rotate(8deg)}}.answer{justify-content:center;align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.answer__fixed{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--deep)}.slots{gap:var(--s2);flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.slot{min-width:5.5rem;min-height:var(--touch);padding:var(--s2) var(--s3);border:3px dashed var(--deep);border-radius:var(--radius-sm);font-family:var(--font-display);color:var(--deep);transition:transform var(--snap), background var(--snap), border-color var(--snap);background:#fff9;font-weight:700}.slot--full{background:var(--surface);color:var(--ink);box-shadow:var(--shadow);animation:pop .26s var(--jump-ease) both;border-style:solid}.slot--wrong{border-color:var(--splash);background:var(--splash-soft);animation:.38s ease-in-out shake}.slot--wrong:after{content:" ✕";color:var(--splash)}@keyframes shake{25%{transform:translate(-6px)}60%{transform:translate(6px)}to{transform:none}}.tiles{gap:var(--s2);flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.tile{min-height:var(--touch);padding:var(--s2) var(--s4);border:3px solid var(--ink);border-radius:var(--radius-round);background:var(--sun-soft);font-family:var(--font-display);box-shadow:var(--shadow);transition:transform var(--snap), box-shadow var(--snap);font-weight:700}.tile:hover:not(:disabled){box-shadow:var(--shadow-lift);transform:translateY(-3px)}.tile:disabled{opacity:.35;cursor:default}.feedback .btn--big{align-self:center}@media (width<=46rem){.stage{min-height:19rem}.act__actor .critter{width:9rem;height:9rem}.table,.sofa,.bed{transform:translate(-50%)scale(.8)}.table{transform-origin:100% 100%;right:2%;transform:scale(.8)}.tv{width:8.5rem}.slot,.tile{font-size:var(--text-sm);padding:var(--s2) var(--s3)}.slot{min-width:4.2rem}}.map{height:100dvh;position:relative;overflow:hidden}.map__rail{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;height:100%;display:flex;overflow:auto hidden}.map__rail::-webkit-scrollbar{display:none}.unit{--pad:8.5rem;--icon-drop:1.15rem;--clearing:color-mix(in srgb, var(--canopy) 82%, #cfe97f);scroll-snap-align:start;isolation:isolate;padding:var(--s6) 0 16rem;background:radial-gradient(120% 90% at 50% 50%, var(--canopy) 0%, color-mix(in srgb, var(--canopy) 55%, #06231a) 100%);flex-direction:column;flex:0 0 100%;display:flex;position:relative;overflow:hidden}.unit--asleep{filter:grayscale()contrast(.85)}.unit--asleep *,.unit--asleep :before,.unit--asleep :after{animation-play-state:paused!important}.bank{z-index:0;position:absolute;left:0;right:0;overflow:hidden}.bank--top{height:52%;top:0}.bank--bottom{height:52%;bottom:0}.bank:before{content:"";position:absolute;left:0;right:0}.bank--top:before{background:radial-gradient(13rem 6.5rem at 50% 50%, var(--clearing) 0 58%, transparent 80%);height:15rem;top:-3rem}.bank--bottom:before{background:radial-gradient(19rem 9rem at 50% 50%, var(--clearing) 0 60%, transparent 82%);height:20rem;bottom:-3rem}.bush{left:var(--x);width:var(--w);aspect-ratio:1.35;background:radial-gradient(circle at 24% 44%, var(--bloom) 0 3.6%, transparent 4.2%), radial-gradient(circle at 41% 27%, var(--bloom) 0 3.6%, transparent 4.2%), radial-gradient(circle at 62% 36%, var(--bloom) 0 3.6%, transparent 4.2%), radial-gradient(circle at 79% 55%, var(--bloom) 0 3.6%, transparent 4.2%), radial-gradient(circle at 52% 58%, var(--bloom) 0 3.6%, transparent 4.2%), radial-gradient(circle at 33% 62%, var(--bloom) 0 3.6%, transparent 4.2%), radial-gradient(circle at 24% 70%, var(--leaf-2) 0 30%, transparent 31%), radial-gradient(circle at 76% 70%, var(--leaf-2) 0 30%, transparent 31%), radial-gradient(circle at 50% 54%, var(--leaf) 0 36%, transparent 37%), radial-gradient(circle at 37% 40%, var(--leaf) 0 25%, transparent 26%), radial-gradient(circle at 65% 43%, var(--leaf) 0 23%, transparent 24%);filter:drop-shadow(0 3px 5px #03181073);transform-origin:bottom;position:absolute;transform:translate(-50%)}@keyframes bush-sway{0%{transform:translate(-50%)rotate(-1.6deg)}to{transform:translate(-50%)rotate(1.6deg)}}.bush--tuft{aspect-ratio:1.15;animation:bush-sway calc(6s + var(--i,0) * .5s) ease-in-out infinite alternate;animation-delay:calc(var(--i,0) * -700ms);background:radial-gradient(circle at 31% 24%, var(--bloom) 0 3.4%, transparent 4%), radial-gradient(circle at 63% 17%, var(--bloom) 0 3.4%, transparent 4%), radial-gradient(circle at 47% 33%, var(--bloom) 0 3.4%, transparent 4%), repeating-conic-gradient(from -52deg at 50% 100%, var(--leaf) 0deg 5deg, transparent 5deg 12deg, var(--leaf-2) 12deg 17deg, transparent 17deg 26deg);clip-path:ellipse(52% 100% at 50% 100%)}.bush--p0{--leaf:#3f9d52;--leaf-2:#2c7a3e;--bloom:#fff3c4}.bush--p1{--leaf:#57ad4a;--leaf-2:#3c8a3a;--bloom:#e2536b}.bush--p2{--leaf:#7cbf4e;--leaf-2:#589b3c;--bloom:#ffd84d}.bush--p3{--leaf:#2f8f6a;--leaf-2:#1f6b50;--bloom:#b98fe0}.bush--p4{--leaf:#9dbf4a;--leaf-2:#75993a;--bloom:#ff9ec4}.bank--top .bush{top:var(--y)}.bank--bottom .bush,.verge--top .bush{bottom:var(--y)}.verge--bottom .bush{top:var(--y)}.verge{z-index:1;pointer-events:none;height:16rem;position:absolute;left:0;right:0}.verge--top{bottom:100%}.verge--bottom{top:100%}.reeds,.reeds:before,.reeds:after{width:.34rem;height:var(--h);transform-origin:bottom;background:linear-gradient(#a9d15f 0%,#3f8a46 62%,#2b6b39 100%);border-radius:50% 50% .12rem .12rem/46% 46% .12rem .12rem}.reeds{left:var(--x);animation:5.4s ease-in-out infinite alternate reed-sway;animation-delay:calc(var(--i,0) * -900ms);position:absolute;bottom:-.6rem}.reeds:before,.reeds:after{content:"";position:absolute;bottom:0}.reeds:before{height:calc(var(--h) * .78);left:-.42rem;transform:rotate(-13deg)}.reeds:after{height:calc(var(--h) * .88);left:.42rem;transform:rotate(11deg)}.verge--bottom .reeds{top:-1rem;bottom:auto}@keyframes reed-sway{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.unit__head{z-index:2;justify-content:flex-start;align-items:center;gap:var(--s2);text-align:center;color:#fff;text-shadow:0 2px 6px #031810b3;flex-direction:column;min-height:9.5rem;display:flex;position:relative}.unit__world,.unit__count{text-align:center;justify-content:center;margin:0;display:flex}.unit__head h1{text-align:center;color:#fff;margin:0}.unit__count{font-variant-numeric:tabular-nums;font-weight:700}.unit__river{z-index:1;padding:var(--s8) 0 var(--s6);background:linear-gradient(180deg, color-mix(in srgb, var(--water-1) 80%, #fff) 0%, var(--water-1) 18%, var(--water-2) 50%, var(--water-1) 82%, color-mix(in srgb, var(--water-1) 80%, #fff) 100%);border-top:.8rem solid color-mix(in srgb, var(--canopy-far) 22%, #e3d3a2);border-bottom:.8rem solid color-mix(in srgb, var(--canopy-far) 22%, #e3d3a2);margin:auto 0;position:relative;box-shadow:inset 0 14px 26px #03181047,inset 0 -14px 26px #03181047}.river__flow{pointer-events:none;will-change:transform;background-repeat:repeat;position:absolute;inset:0 -18rem}.river__flow--a{background-image:repeating-linear-gradient(98deg,#0000 0 5rem,#ffffff17 5rem 6.4rem,#0000 6.4rem 11rem);animation:14s linear infinite current-a}.river__flow--b{background-image:repeating-linear-gradient(82deg,#0000 0 8rem,#ffffff0f 8rem 9.2rem,#0000 9.2rem 17rem);animation:23s linear infinite current-b}@keyframes current-a{to{transform:translate(11.108rem)}}@keyframes current-b{to{transform:translate(17.167rem)}}.river__foam{border-radius:var(--radius-round);pointer-events:none;background:radial-gradient(60% 100%,#fff6 0%,#0000 72%);width:9rem;height:1.1rem;position:absolute}.river__foam--a{animation:19s linear infinite drift;top:18%}.river__foam--b{animation:27s linear -9s infinite drift;bottom:14%}@keyframes drift{0%{transform:translate(-12rem)}to{transform:translate(102vw)}}.fish{top:var(--y);width:var(--w);height:calc(var(--w) * .28);color:#041a12;opacity:var(--o,.3);pointer-events:none;filter:blur(1.5px);animation:drift var(--d) linear infinite;animation-delay:var(--delay);position:absolute;left:0}.fish__body{background:currentColor;border-radius:40% 60% 60% 40%/50%;width:62%;height:100%;position:absolute;top:0;right:0}.fish__tail{clip-path:polygon(100% 26%,52% 36%,0 0,16% 50%,0 100%,52% 64%,100% 74%);transform-origin:100%;width:68%;height:100%;animation:.52s ease-in-out infinite alternate fish-wag;animation-delay:var(--delay);background:currentColor;position:absolute;top:50%;right:32%;transform:translateY(-50%)}@keyframes fish-wag{0%{transform:translateY(-50%)rotate(-15deg)}to{transform:translateY(-50%)rotate(15deg)}}@media (prefers-reduced-motion:reduce){.fish{display:none}}:root[data-motion=reduce] .fish{display:none}.unit__stones,.unit__pip{width:min(68rem, 100% - 2 * var(--s4));margin-inline:auto}.unit__stones{z-index:2;justify-content:space-between;align-items:flex-start;gap:var(--s2);padding:0;list-style:none;display:flex;position:relative}.unit__stones li{align-items:center;gap:var(--s3);animation:rise .42s var(--jump-ease) both;animation-delay:calc(var(--i,0) * 80ms);flex-direction:column;flex:1 1 0;display:flex}.stone__name{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);text-align:center;color:var(--ink);background:var(--surface);border:2px solid var(--deep);border-radius:var(--radius-round);padding:var(--s1) var(--s3);box-shadow:var(--shadow);line-height:1.15}.stone-float{width:100%;animation:3.6s ease-in-out infinite alternate float;animation-delay:calc(var(--i,0) * -800ms);display:block}.stone{width:100%;max-width:var(--pad);aspect-ratio:1;filter:drop-shadow(0 6px 8px #03181073);transition:transform var(--snap), filter var(--snap);background:repeating-conic-gradient(from 34deg,#0000 0deg 11deg,#063c2238 11deg 11.9deg),radial-gradient(circle,#ffffff59 0%,#0000 18%),conic-gradient(from 20deg,#0000 0deg 26deg,#6fc887 26deg 150deg,#4aa768 150deg 280deg,#5cb878 280deg 360deg);border:none;border-radius:50%;place-items:center;margin:0 auto;padding:0;font-size:2.2rem;display:grid;position:relative}.stone:hover:not(:disabled){filter:drop-shadow(0 10px 14px #03181080);transform:scale(1.06)}.stone__icon{transform:translateY(var(--icon-drop));filter:drop-shadow(0 2px 2px #03181066)}.stone--here{box-shadow:0 0 0 5px var(--sun);outline:3px solid var(--ink);outline-offset:5px;border-radius:50%}.stone--locked{cursor:default;background:radial-gradient(circle,#fff3 0%,#0000 20%),conic-gradient(from 20deg,#0000 0deg 26deg,#9db0ad 26deg 150deg,#7d8f8d 150deg 280deg,#8ba09d 280deg 360deg)}.stone__done{border-radius:var(--radius-round);border:3px solid var(--ink);background:var(--sun);width:2.1rem;height:2.1rem;color:var(--ink);font-size:var(--text-md);place-items:center;display:grid;position:absolute;top:.2rem;right:.4rem}.unit__pip{left:0;right:0;top:var(--s8);height:var(--pad);z-index:3;pointer-events:none;position:absolute}.unit__anchor{left:var(--x,10%);transform:translate(-50%, calc(-50% - var(--icon-drop)));transition:left var(--jump-duration) linear;filter:drop-shadow(0 6px 6px #03181066);position:absolute;top:50%}.unit__float{animation:3.6s ease-in-out infinite alternate float;animation-delay:calc(var(--i,0) * -800ms)}.map__bar{z-index:4;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4) var(--s4);color:#fff;text-shadow:0 2px 6px #031810bf;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.map__card{text-align:center;max-width:44rem}.map__card h2{font-size:var(--text-lg);color:#fff}.map__card p{color:#fff;font-size:var(--text-sm)}.map__bar .map__note,.map__bar .link{color:#fff}.map__bar .btn,.map__bar .chip{color:var(--ink);text-shadow:none}.map__actions{gap:var(--s2);flex-wrap:wrap;justify-content:center;display:flex}.map__practice{justify-content:center;align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}@media (width<=46rem){.unit{--pad:5rem;--icon-drop:.7rem;padding-bottom:18rem}.unit__head{min-height:8rem}.stone{font-size:1.4rem}.stone__name{font-size:var(--text-xs);padding:var(--s1) var(--s2)}.unit__anchor{transform:translate(-50%, calc(-50% - var(--icon-drop))) scale(.6)}.bank--top:before{background:radial-gradient(10rem 5.5rem at 50% 50%, var(--clearing) 0 58%, transparent 82%)}.bank--bottom:before{background:radial-gradient(13rem 8rem at 50% 50%, var(--clearing) 0 60%, transparent 84%)}.bank .bush{width:calc(var(--w) * .66)}}.shell{gap:var(--s6);max-width:48rem;padding:var(--s8) var(--s4) var(--s16);flex-direction:column;margin:0 auto;display:flex}.shell--center{text-align:center;align-items:center}.shell>:not(.falling){z-index:1;position:relative}.falling{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.falling__item{top:0;left:var(--x);font-family:var(--font-display);font-weight:700;font-size:calc(var(--s,1) * 1.6rem);color:var(--deep);opacity:.14;white-space:nowrap;animation:fall-down var(--d) linear infinite;animation-delay:var(--delay);position:absolute}.falling__item--ipa{color:var(--water);opacity:.22}@keyframes fall-down{0%{transform:translateY(-15vh) rotate(var(--r))}to{transform:translateY(115vh) rotate(var(--r))}}@media (prefers-reduced-motion:reduce){.falling{display:none}}:root[data-motion=reduce] .falling{display:none}.hero{align-items:center;gap:var(--s6);padding:var(--s6) var(--s8);border:3px solid var(--ink);border-radius:var(--radius);background:linear-gradient(115deg, var(--deep) 0%, var(--tide) 62%, #10809f 100%);color:#fff;box-shadow:var(--shadow-lift);display:flex;position:relative;overflow:hidden}.hero h1{font-size:var(--text-2xl)}.hero p{opacity:.92}.hero__text{z-index:1;position:relative}.hero__pip{z-index:1;flex:none;position:relative}.hero__blob{border-radius:var(--radius-round);background:radial-gradient(circle,#ffb6278c 0%,#ffb62700 70%);width:16rem;height:16rem;position:absolute;top:-35%;right:-8%}.card{gap:var(--s3);background:var(--surface);border:3px solid var(--ink);border-radius:var(--radius);padding:var(--s6);box-shadow:var(--shadow);transition:transform var(--snap), box-shadow var(--snap);flex-direction:column;display:flex}.card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.card--water{background:linear-gradient(160deg, var(--water-soft) 0%, #e4f6fb 100%)}.card--sun{background:linear-gradient(160deg, var(--sun-soft) 0%, #fff6e4 100%)}.card--reed{background:linear-gradient(160deg, var(--reed-soft) 0%, #dff3e9 100%)}.card h2{font-size:var(--text-lg);color:var(--deep)}.card__focus{gap:var(--s2);flex-wrap:wrap;display:flex}.chip{padding:var(--s1) var(--s3);border-radius:var(--radius-round);border:2px solid var(--deep);background:var(--surface);color:var(--ink);align-items:center;font-weight:700;display:inline-flex}.chip--quiet{background:var(--paper);font-size:var(--text-xs)}.chip--warn{background:var(--sun-soft);border-color:var(--sun)}.toolbar{top:var(--s4);right:var(--s4);z-index:20;gap:var(--s2);display:flex;position:fixed}.gear{width:var(--touch);height:var(--touch);border-radius:var(--radius-round);border:3px solid var(--ink);background:var(--surface);color:var(--deep);box-shadow:var(--shadow);transition:transform var(--snap), box-shadow var(--snap);place-items:center;display:grid}.gear:hover{box-shadow:var(--shadow-lift);transform:rotate(45deg)}.install:hover{transform:translateY(3px)}.install--done{color:var(--reed);border-color:var(--reed)}.install__steps{padding-left:var(--s6);gap:var(--s2);flex-direction:column;margin:0;display:flex}.settings{border:4px solid var(--ink);border-radius:var(--radius);width:min(30rem,100vw - 2rem);padding:var(--s6);background:linear-gradient(160deg, var(--sun-soft) 0%, #fffaf0 100%);color:var(--ink);box-shadow:var(--shadow-lift)}.settings::backdrop{background:#0b2b368c}.settings[open]{gap:var(--s4);animation:rise .26s var(--jump-ease) both;flex-direction:column;display:flex}.settings__head{justify-content:space-between;align-items:center;gap:var(--s4);display:flex}.settings__head h2{font-size:var(--text-lg);color:var(--deep)}.settings__note{font-size:var(--text-xs);color:var(--deep);border-top:2px dashed var(--deep);padding-top:var(--s3)}.link{font:inherit;color:var(--deep);background:0 0;border:none;padding:0;text-decoration:underline}.map__note{font-size:var(--text-xs);color:var(--deep);text-align:center;max-width:46rem}.settings__rule{width:100%;height:0;margin:var(--s2) 0;border:none;border-top:3px solid var(--water-soft)}.options{gap:var(--s3);border:none;flex-wrap:wrap;margin:0;padding:0;display:flex}.options legend{color:var(--deep);padding:0 0 var(--s2);font-weight:700}.option{align-items:center;gap:var(--s2);min-height:var(--touch);padding:var(--s2) var(--s4);border:3px solid var(--deep);border-radius:var(--radius-round);background:var(--surface);cursor:pointer;transition:transform var(--snap), box-shadow var(--snap), background var(--snap);font-weight:700;display:flex}.option:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.option small{color:var(--deep);font-weight:400}.option--on{background:var(--water-soft);border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink), var(--shadow);animation:pop .3s var(--jump-ease)}.option input,.switch input{width:1.25rem;height:1.25rem;accent-color:var(--deep)}.size-normal{font-size:.9rem}.size-large{font-size:1.25rem}.size-xlarge{font-size:1.6rem}.switch{align-items:center;gap:var(--s3);min-height:var(--touch);cursor:pointer;font-weight:700;display:flex}.field{gap:var(--s2);flex-direction:column;display:flex}.field label{color:var(--deep);font-weight:700}.field output{font-variant-numeric:tabular-nums;color:var(--ink)}.field__row{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.field__row input[type=range]{min-height:var(--touch);accent-color:var(--deep);cursor:pointer;flex:12rem}.actions{justify-content:center;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.btn--big{font-size:var(--text-lg);padding:var(--s4) var(--s12)}.score{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--deep);font-weight:700}.score__pct{font-size:var(--text-lg)}.foot{gap:var(--s2);border-top:2px dashed var(--deep);padding-top:var(--s4);flex-direction:column;align-items:flex-start;display:flex}.foot__note{font-size:var(--text-xs);color:var(--deep)}.error{white-space:pre-wrap;background:var(--splash-soft);border-left:6px solid var(--splash);border-radius:var(--radius-sm);padding:var(--s4)}.review{max-width:76rem;padding:var(--s6) var(--s4) var(--s16);margin:0 auto}.review h2{margin-top:var(--s8);border-bottom:3px solid var(--deep);padding-bottom:var(--s1);color:var(--deep)}.review table{border-collapse:collapse;width:100%;font-size:var(--text-sm);background:var(--surface);border-radius:var(--radius-sm);overflow:hidden}.review caption{text-align:left;padding-bottom:var(--s3);color:var(--deep)}.review th,.review td{text-align:left;padding:var(--s2) var(--s3);border-bottom:1px solid var(--water-soft);vertical-align:top}.review th{white-space:nowrap;color:#fff;background:var(--deep)}.mono{font-family:ui-monospace,Consolas,monospace}.dim{color:var(--deep)}.phoneme{padding:0 var(--s1);border:1px solid var(--water);border-radius:var(--radius-sm);margin-right:2px;display:inline-block}.phoneme.stressed{text-underline-offset:.2em;font-weight:700;text-decoration:underline}.issue{padding:var(--s3) var(--s4);border-radius:var(--radius-sm);margin:var(--s4) 0;border-left:6px solid}.issue.ok{background:var(--reed-soft);border-color:var(--reed)}.issue.warn{background:var(--sun-soft);border-color:var(--sun)}.issue.error{background:var(--splash-soft);border-color:var(--splash);white-space:pre-wrap}.pairs{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));padding:0;list-style:none;display:grid}.pairs li{border:2px solid var(--water);border-radius:var(--radius);padding:var(--s4);background:var(--surface)}@media (width<=40rem){.hero{text-align:center;padding:var(--s6) var(--s4);flex-direction:column}.hero h1{font-size:var(--text-xl)}.review{overflow-x:auto}}