@font-face{font-family:Fredoka;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.1cox7hpc1tfbr.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.3t00_18uk4swp.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.12wv-xs8vggjn.woff2)format("woff2");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:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.1cox7hpc1tfbr.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.3t00_18uk4swp.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.12wv-xs8vggjn.woff2)format("woff2");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:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.1cox7hpc1tfbr.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.3t00_18uk4swp.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.12wv-xs8vggjn.woff2)format("woff2");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:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.1cox7hpc1tfbr.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.3t00_18uk4swp.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.12wv-xs8vggjn.woff2)format("woff2");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:Fredoka Fallback;src:local(Arial);ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.0%;size-adjust:101.84%}.fredoka_8efe3dcd-module__SkgjFa__className{font-family:Fredoka,Fredoka Fallback;font-style:normal}.fredoka_8efe3dcd-module__SkgjFa__variable{--font-brand:"Fredoka", "Fredoka Fallback"}
.cookie-module__t8XJ0W__cookie{--d:var(--cookie-d,88px);width:calc(var(--d) + 16px);height:calc(var(--d) + 16px);color:#4a2b1e;font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.cookie-module__t8XJ0W__cookie:focus{outline:none}.cookie-module__t8XJ0W__cookie:focus-visible{outline:4px solid var(--outline,#4a2b1e);outline-offset:0}.cookie-module__t8XJ0W__art{width:calc(var(--d) * 120 / 88);height:calc(var(--d) * 120 / 88);pointer-events:none;color:#4a2b1e;--icon-light:#fffbf5;--icon-accent:#e08a3a;transition:scale .26s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1)), opacity .2s ease-out;position:absolute;top:50%;left:50%;overflow:visible;translate:-50% -50%}.cookie-module__t8XJ0W__top{transition:transform .26s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1))}.cookie-module__t8XJ0W__cookie[data-pressed] .cookie-module__t8XJ0W__top{transition:transform 70ms var(--ease-press,cubic-bezier(.55, 0, 1, .45));transform:translateY(5px)}.cookie-module__t8XJ0W__icon{transform-box:fill-box;transform-origin:50%}.cookie-module__t8XJ0W__cookie[data-selected] .cookie-module__t8XJ0W__art{scale:1.06}.cookie-module__t8XJ0W__cookie[data-dim] .cookie-module__t8XJ0W__art{opacity:.4}.cookie-module__t8XJ0W__cookie[data-pulse] .cookie-module__t8XJ0W__breath{animation:cookie-module__t8XJ0W__cookie-breathe 1.8s var(--ease-dough,ease-in-out) infinite}.cookie-module__t8XJ0W__ripple{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite cookie-module__t8XJ0W__cookie-ripple}@keyframes cookie-module__t8XJ0W__cookie-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes cookie-module__t8XJ0W__cookie-ripple{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.cookie-module__t8XJ0W__badge{width:calc(var(--d) * .36);height:calc(var(--d) * .36);border:max(2px, calc(var(--d) * .04)) solid #4a2b1e;pointer-events:none;background:#fffbf5;border-radius:50%;place-items:center;display:grid;position:absolute;top:2px;right:2px}.cookie-module__t8XJ0W__badge>svg{width:78%;height:78%}.cookie-module__t8XJ0W__cookie[data-hold]{touch-action:none}.cookie-module__t8XJ0W__holdTrack{opacity:0;transition:opacity .2s ease-out}.cookie-module__t8XJ0W__cookie[data-holding] .cookie-module__t8XJ0W__holdTrack,.cookie-module__t8XJ0W__cookie[data-holding] .cookie-module__t8XJ0W__holdRing{opacity:1}.cookie-module__t8XJ0W__holdRing{opacity:0;transition:opacity .2s ease-out}.cookie-module__t8XJ0W__pill{--h:var(--pill-h,72px);width:calc(var(--h) * 2.12 + 12px);height:calc(var(--h) + 16px);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.cookie-module__t8XJ0W__pill:focus{outline:none}.cookie-module__t8XJ0W__pill:focus-visible{outline:4px solid var(--outline,#4a2b1e);outline-offset:0}.cookie-module__t8XJ0W__pillArt{width:calc(var(--h) * 2.12);height:calc(var(--h) * 1.12);pointer-events:none;color:#4a2b1e;--icon-light:#fffbf5;--icon-accent:#e08a3a;position:absolute;top:50%;left:50%;overflow:visible;translate:-50% -50%}.cookie-module__t8XJ0W__pill[data-pressed] .cookie-module__t8XJ0W__top{transition:transform 70ms var(--ease-press,cubic-bezier(.55, 0, 1, .45));transform:translateY(5px)}.cookie-module__t8XJ0W__knob{transition:transform .32s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1))}.cookie-module__t8XJ0W__pill[data-night] .cookie-module__t8XJ0W__knob{transform:translate(100px)}.cookie-module__t8XJ0W__pillIcon{transform-box:fill-box;transform-origin:50%;opacity:.5;transition:opacity .2s ease-out}.cookie-module__t8XJ0W__pillIcon[data-on]{opacity:1}.cookie-module__t8XJ0W__bubbleText{font-family:var(--font-brand), "Fredoka", ui-rounded, system-ui, sans-serif;font-weight:600}
.home-module__iYPcmW__home{--gutter:clamp(16px, 2vw, 24px);--corner:88px;--pie:clamp(84px, 15dvh, 128px);--tile:clamp(140px, min(27vw, 40dvh), 300px);--tutti:clamp(150px, min(29vw, 44dvh), 340px);--counter-h:clamp(100px, 24dvh, 220px);background:var(--bg);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100dvh;position:relative;overflow:hidden}.home-module__iYPcmW__counter{z-index:1;height:var(--counter-h);background:linear-gradient(to bottom, var(--wood-grain,#e7b27a) 0 14px, var(--wood-deep,#b9773f) 14px 19px, transparent 19px), repeating-linear-gradient(to bottom, transparent 0 26px, #4a2b1e0f 26px 28px), var(--wood,#d99a5e);transition:background-color .4s;position:absolute;bottom:0;left:0;right:0}.home-module__iYPcmW__ui{z-index:2;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.home-module__iYPcmW__home:not([data-phase=ready]) .home-module__iYPcmW__ui{opacity:0}.home-module__iYPcmW__home:not([data-phase=ready]) .home-module__iYPcmW__ui *{pointer-events:none!important}.home-module__iYPcmW__corner{pointer-events:none;align-items:center;gap:clamp(8px,1.4vw,20px);display:flex;position:absolute}.home-module__iYPcmW__corner>*,.home-module__iYPcmW__topCenter>*,.home-module__iYPcmW__stage>*{pointer-events:auto}.home-module__iYPcmW__topLeft{left:max(var(--gutter), env(safe-area-inset-left));top:max(var(--gutter), env(safe-area-inset-top))}.home-module__iYPcmW__topRight{right:max(var(--gutter), env(safe-area-inset-right));top:max(var(--gutter), env(safe-area-inset-top))}.home-module__iYPcmW__bottomLeft{left:max(var(--gutter), env(safe-area-inset-left));bottom:max(var(--gutter), env(safe-area-inset-bottom))}.home-module__iYPcmW__bottomRight{right:max(var(--gutter), env(safe-area-inset-right));bottom:max(var(--gutter), env(safe-area-inset-bottom))}.home-module__iYPcmW__topCenter{left:50%;top:max(calc(var(--gutter) + 4px), env(safe-area-inset-top));pointer-events:none;position:absolute;translate:-50%}.home-module__iYPcmW__topCenter>.home-module__iYPcmW__who{--who:clamp(48px, calc(var(--pie) * .56), 72px);--who-d:calc(var(--who) / 2 + max(var(--pie) * .476, var(--pie) * .383 + 10px));--who-dx:calc(var(--who-d) * -1);--who-dy:0px;left:calc(var(--pie) / 2 + var(--who-dx) - var(--who) / 2 - 8px);top:calc(var(--pie) / 2 + var(--who-dy) - var(--who) / 2 - 8px);position:absolute}.home-module__iYPcmW__home[data-phase=ready] .home-module__iYPcmW__corner>*,.home-module__iYPcmW__home[data-phase=ready] .home-module__iYPcmW__topCenter>*{animation:home-module__iYPcmW__home-pop .42s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1)) .3s both}.home-module__iYPcmW__stage{left:0;right:0;bottom:calc(var(--counter-h) - 22px);padding:0 var(--gutter);pointer-events:none;justify-content:center;align-items:flex-end;gap:clamp(12px,3vw,48px);display:flex;position:absolute}.home-module__iYPcmW__tile{width:var(--tile);aspect-ratio:224/232;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:50%;flex:none;padding:0;position:relative}.home-module__iYPcmW__tile:focus{outline:none}.home-module__iYPcmW__tile:focus-visible .home-module__iYPcmW__tilePlate{outline:5px solid var(--outline,#4a2b1e);outline-offset:2px;border-radius:50%}.home-module__iYPcmW__tileBody{transform-origin:50% 100%;display:block;position:absolute;inset:0}.home-module__iYPcmW__home[data-phase=ready] .home-module__iYPcmW__tileBody{animation:home-module__iYPcmW__home-pop .46s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1)) var(--delay,0s) both}.home-module__iYPcmW__home[data-phase=ready] .home-module__iYPcmW__tile[data-highlight] .home-module__iYPcmW__tileBody{animation:home-module__iYPcmW__tile-hop .9s var(--ease-dough,ease-in-out) infinite}.home-module__iYPcmW__tilePlate{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.home-module__iYPcmW__tileTop{transition:transform .26s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1))}.home-module__iYPcmW__tile[data-pressed] .home-module__iYPcmW__tileTop{transition:transform 70ms var(--ease-press,cubic-bezier(.55, 0, 1, .45));transform:translateY(7px)}.home-module__iYPcmW__tileGlow{opacity:0;transition:opacity .24s}.home-module__iYPcmW__tile[data-highlight] .home-module__iYPcmW__tileGlow{opacity:1}.home-module__iYPcmW__tilePicture{aspect-ratio:1;pointer-events:none;width:64%;transition:translate .26s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1));position:absolute;top:48.2759%;left:50%;translate:-50% -50%}.home-module__iYPcmW__tile[data-pressed] .home-module__iYPcmW__tilePicture{translate:-50% calc(-50% + var(--tile) * 7 / 232);transition-duration:70ms}.home-module__iYPcmW__picture{width:100%;height:100%;display:block;overflow:visible}.home-module__iYPcmW__ball{transform-box:fill-box;transform-origin:50%;animation:home-module__iYPcmW__ball-bob 2.6s var(--ease-dough,ease-in-out) infinite alternate}.home-module__iYPcmW__ball:nth-of-type(2n){animation-delay:-1.3s}.home-module__iYPcmW__tile[data-highlight] .home-module__iYPcmW__ball{animation:home-module__iYPcmW__ball-pop .42s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1)) infinite alternate}.home-module__iYPcmW__tutti{width:var(--tutti);height:var(--tutti);margin-bottom:calc(var(--tutti) * -.075);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:40%;flex:none;padding:0;position:relative}.home-module__iYPcmW__tutti:focus{outline:none}.home-module__iYPcmW__tutti:focus-visible{outline:5px solid var(--outline,#4a2b1e);outline-offset:-8px}.home-module__iYPcmW__tuttiArt{width:100%;height:100%;display:block}.home-module__iYPcmW__home[data-phase=ready] .home-module__iYPcmW__tuttiArt{animation:home-module__iYPcmW__tutti-arrive .62s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1)) both;transform-origin:50% 88%}.home-module__iYPcmW__tapRing{aspect-ratio:1;border:6px solid var(--accent,#f0b259);opacity:0;pointer-events:none;border-radius:50%;width:78%;position:absolute;top:60%;left:50%;translate:-50% -50%}.home-module__iYPcmW__home[data-phase=ready] .home-module__iYPcmW__tutti[data-waiting] .home-module__iYPcmW__tapRing{animation:1.8s ease-out .7s infinite home-module__iYPcmW__tap-ring}.home-module__iYPcmW__pip{aspect-ratio:146/110;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;padding:0;position:absolute;translate:-50% -100%}.home-module__iYPcmW__pip:focus{outline:none}.home-module__iYPcmW__pip:focus-visible{outline:4px solid var(--outline,#4a2b1e);border-radius:40%}.home-module__iYPcmW__pipArt{width:100%;height:100%;display:block}.home-module__iYPcmW__intro{z-index:5;padding:var(--gutter);transition:opacity .4s ease, scale .4s var(--ease-rise,ease-out);place-items:center;display:grid;position:absolute;inset:0}.home-module__iYPcmW__intro[data-leaving]{opacity:0;pointer-events:none;scale:.9}.home-module__iYPcmW__introLogo{width:min(74vw,860px);max-height:60dvh}.home-module__iYPcmW__pie{--pie-d:120px;width:var(--pie-d);height:var(--pie-d);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:50%;padding:0;display:block;position:relative}.home-module__iYPcmW__pie:focus{outline:none}.home-module__iYPcmW__pie:focus-visible{outline:4px solid var(--outline,#4a2b1e);outline-offset:2px}.home-module__iYPcmW__pieArt{width:100%;height:100%;display:block;overflow:visible}.home-module__iYPcmW__slice[data-fresh]{transform-origin:0 0;animation:home-module__iYPcmW__bake-in .52s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1)) both;animation-delay:calc(.5s + var(--k,0) * .32s)}.home-module__iYPcmW__steam{animation:home-module__iYPcmW__steam-puff 1.8s var(--ease-rise,ease-out) .6s both}.home-module__iYPcmW__shelf{gap:2px;display:flex;position:absolute;top:50%;left:100%;translate:8px -50%}.home-module__iYPcmW__mini{width:calc(var(--pie-d) * .3);height:calc(var(--pie-d) * .3);display:block}@keyframes home-module__iYPcmW__home-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes home-module__iYPcmW__tutti-arrive{0%{opacity:0;transform:translateY(-60px)scale(.7)}55%{opacity:1;transform:translateY(0)scale(1.08,.9)}80%{transform:scale(.97,1.03)}to{transform:none}}@keyframes home-module__iYPcmW__tile-hop{0%,to{transform:none}30%{transform:translateY(-14px)scale(1.03)}55%{transform:translateY(0)scale(1.03,.97)}75%{transform:none}}@keyframes home-module__iYPcmW__ball-bob{0%{transform:translateY(2px)}to{transform:translateY(-4px)}}@keyframes home-module__iYPcmW__ball-pop{0%{transform:translateY(0)scale(1)}to{transform:translateY(-8px)scale(1.1)}}@keyframes home-module__iYPcmW__tap-ring{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.25)}}@keyframes home-module__iYPcmW__bake-in{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:none}}@keyframes home-module__iYPcmW__steam-puff{0%{opacity:0;transform:translateY(6px)}30%{opacity:1}to{opacity:0;transform:translateY(-16px)}}@media (orientation:portrait){.home-module__iYPcmW__home{--tile:clamp(130px, min(40vw, 24dvh), 260px);--tutti:clamp(150px, min(52vw, 30dvh), 320px)}.home-module__iYPcmW__topRight{flex-direction:column}.home-module__iYPcmW__stage{grid-template-columns:auto auto;grid-template-areas:"tutti tutti""play songs";justify-content:center;place-items:end center;row-gap:8px;display:grid}.home-module__iYPcmW__stage>:first-child{grid-area:play}.home-module__iYPcmW__stage>:nth-child(2){grid-area:tutti;margin-bottom:0}.home-module__iYPcmW__stage>:nth-child(3){grid-area:songs}}@media (max-width:599px){.home-module__iYPcmW__home{--corner:clamp(48px, 15vw, 72px)}.home-module__iYPcmW__bottomRight{--help-d:var(--corner)}.home-module__iYPcmW__topCenter>.home-module__iYPcmW__who{--who:clamp(48px, calc(var(--pie) * .5), 64px)}.home-module__iYPcmW__shelf{top:100%;left:50%;translate:-50% 4px}}@media (max-width:599px) and (orientation:portrait){.home-module__iYPcmW__topCenter>.home-module__iYPcmW__who{--who-d:calc(var(--who) / 2 + var(--pie) * .383 + 10px);--who-dx:calc(var(--who-d) * -.819);--who-dy:calc(var(--who-d) * .574)}.home-module__iYPcmW__topCenter[data-who] .home-module__iYPcmW__shelf{left:50%;translate:0 4px}}
.shell-module__4m1OnW__flipRoot{min-height:100dvh}.shell-module__4m1OnW__topBar{--topbar-cookie:88px;z-index:10;padding:max(10px, env(safe-area-inset-top)) max(clamp(12px, 2vw, 24px), env(safe-area-inset-right)) 0 max(clamp(12px, 2vw, 24px), env(safe-area-inset-left));pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;gap:clamp(8px,1.6vw,24px);display:grid;position:relative}@media (max-width:599px){.shell-module__4m1OnW__topBar{--topbar-cookie:clamp(48px, 15vw, 72px)}.shell-module__4m1OnW__topBar:not([data-center]){grid-template-columns:auto 0 1fr}}@media (max-height:520px){.shell-module__4m1OnW__topBar{--topbar-cookie:clamp(56px, 15dvh, 88px)}}.shell-module__4m1OnW__topBar>*{pointer-events:none}.shell-module__4m1OnW__topBar>*>*{pointer-events:auto}.shell-module__4m1OnW__topLeft,.shell-module__4m1OnW__topRight{align-items:center;gap:clamp(8px,1.4vw,20px);min-width:0;display:flex}.shell-module__4m1OnW__topRight{flex-wrap:wrap;justify-content:flex-end}.shell-module__4m1OnW__topRight>*{min-width:0}.shell-module__4m1OnW__topCenter{justify-content:center;display:flex}.shell-module__4m1OnW__title{color:var(--ink);margin:0;font-size:clamp(20px,5.4vw,28px);font-weight:600;line-height:1.2}.shell-module__4m1OnW__srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell-module__4m1OnW__helpCorner{right:max(24px, env(safe-area-inset-right));bottom:calc(max(24px, env(safe-area-inset-bottom)) + var(--help-lift,0px));z-index:20;display:flex;position:fixed}.shell-module__4m1OnW__subtitle{z-index:30;pointer-events:none;opacity:0;max-width:min(640px,100vw - 32px);transition:opacity .26s,transform .26s;position:fixed;left:50%;transform:translateY(8px)scale(.92)}.shell-module__4m1OnW__subtitle[data-placement=bottom]{bottom:max(14px, env(safe-area-inset-bottom))}.shell-module__4m1OnW__subtitle[data-placement=top]{top:max(14px, env(safe-area-inset-top))}.shell-module__4m1OnW__subtitle[data-show]{opacity:1;transition:opacity .16s ease, transform .22s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1));transform:none}.shell-module__4m1OnW__subtitleText{border:3px solid var(--outline,#4a2b1e);background:var(--surface,#fffbf5);color:var(--ink,#4a2b1e);text-align:center;box-shadow:0 4px 0 var(--shadow,#4a2b1e24);border-radius:18px;padding:7px 16px 8px;font-size:16px;font-weight:500;line-height:1.3;display:block}.shell-module__4m1OnW__startGate{z-index:40;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;display:grid;position:fixed;inset:0}.shell-module__4m1OnW__gateScrim{z-index:80;background:var(--scrim,#4a2b1e80);place-items:center;padding:16px;animation:.2s both shell-module__4m1OnW__gate-fade;display:grid;position:fixed;inset:0;overflow-y:auto}.shell-module__4m1OnW__gateCard{border:5px solid var(--outline,#4a2b1e);background:var(--surface,#fffbf5);width:min(560px,100%);color:var(--ink,#4a2b1e);box-shadow:0 8px 0 var(--shadow,#4a2b1e24);animation:shell-module__4m1OnW__gate-pop .26s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1)) both;border-radius:32px;outline:none;flex-direction:column;align-items:center;gap:16px;padding:clamp(18px,3vw,32px);display:flex;position:relative}.shell-module__4m1OnW__gateHeader{align-items:center;gap:12px;display:flex}.shell-module__4m1OnW__gateIcon{width:40px;height:40px;color:var(--ink,#4a2b1e);--icon-accent:var(--accent,#f0b259);--icon-light:var(--surface,#fffbf5)}.shell-module__4m1OnW__gateTitle{margin:0;font-size:28px;font-weight:600}.shell-module__4m1OnW__gateBody{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.shell-module__4m1OnW__gateText{text-align:center;margin:0;font-size:20px;font-weight:500;line-height:1.4}.shell-module__4m1OnW__gateHint{min-height:1.4em;color:var(--ink-soft,#7a5646);text-align:center;margin:0;font-size:16px;font-weight:500}.shell-module__4m1OnW__gateAnswer{gap:10px;display:flex}.shell-module__4m1OnW__gateSlot{border:4px solid var(--outline,#4a2b1e);background:var(--surface-2,#f3e3cc);border-radius:18px;place-items:center;width:64px;height:72px;font-size:40px;font-weight:600;display:grid}.shell-module__4m1OnW__gateSlot[data-filled]{background:var(--surface,#fffbf5)}.shell-module__4m1OnW__keypad{grid-template-columns:repeat(3,minmax(64px,88px));justify-content:center;gap:10px;display:grid}.shell-module__4m1OnW__key{border:4px solid var(--outline,#4a2b1e);background:var(--accent-light,#fad58a);height:72px;box-shadow:0 5px 0 var(--accent-deep,#c9772f);color:#4a2b1e;font:inherit;touch-action:manipulation;transition:transform .12s var(--ease-pop,ease-out);border-radius:20px;place-items:center;padding:0;font-size:32px;font-weight:600;display:grid}.shell-module__4m1OnW__key:active{box-shadow:0 1px 0 var(--accent-deep,#c9772f);transition-duration:60ms;transform:translateY(4px)}.shell-module__4m1OnW__key:focus{outline:none}.shell-module__4m1OnW__key:focus-visible{outline:4px solid var(--outline,#4a2b1e);outline-offset:2px}.shell-module__4m1OnW__keySoft{background:var(--surface-2,#f3e3cc)}.shell-module__4m1OnW__keyIcon{--icon-light:#fffbf5;--icon-accent:#f0b259;width:40px;height:40px}.shell-module__4m1OnW__gateFooter{justify-content:flex-start;width:100%;display:flex}@keyframes shell-module__4m1OnW__gate-fade{0%{opacity:0}}@keyframes shell-module__4m1OnW__gate-pop{0%{opacity:0;transform:scale(.9)}}.shell-module__4m1OnW__pianoWrap{display:inline-flex;position:relative}.shell-module__4m1OnW__pianoNote{z-index:20;border:3px solid var(--outline,#4a2b1e);background:var(--surface,#fffbf5);width:min(340px,100vw - 32px);color:var(--ink,#4a2b1e);box-shadow:0 4px 0 var(--shadow,#4a2b1e24);animation:shell-module__4m1OnW__gate-pop .22s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1)) both;border-radius:18px;flex-direction:column;gap:8px;padding:12px 14px;font-size:15px;font-weight:500;line-height:1.4;display:flex;position:absolute;top:calc(100% + 8px);right:0}.shell-module__4m1OnW__pianoNote[data-align=start]{left:0;right:auto}.shell-module__4m1OnW__pianoNoteOk{border:3px solid var(--outline,#4a2b1e);background:var(--accent-light,#fad58a);color:#4a2b1e;min-width:64px;min-height:40px;font:inherit;border-radius:999px;align-self:flex-end;padding:0 14px;font-weight:600}.shell-module__4m1OnW__lost{background:var(--bg);height:100dvh;position:relative;overflow:hidden}.shell-module__4m1OnW__lostStage{z-index:1;pointer-events:none;justify-content:center;align-items:center;gap:clamp(16px,4vw,48px);padding:120px 24px 72px;display:flex;position:absolute;inset:0}.shell-module__4m1OnW__lostStage>*{pointer-events:auto}.shell-module__4m1OnW__lostTutti{aspect-ratio:1;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:40%;width:min(280px,44dvh,60vw);padding:0}.shell-module__4m1OnW__lostTutti:focus{outline:none}.shell-module__4m1OnW__lostTutti:focus-visible{outline:5px solid var(--outline,#4a2b1e);outline-offset:-8px}.shell-module__4m1OnW__lostArt{width:100%;height:100%;display:block}
.mascot-module__V1FUra__mascot{-webkit-tap-highlight-color:transparent;display:block;overflow:visible}.mascot-module__V1FUra__shadow{transform-box:fill-box;transform-origin:50%}.mascot-module__V1FUra__hop,.mascot-module__V1FUra__bouncer,.mascot-module__V1FUra__breathe,.mascot-module__V1FUra__bob{transform-origin:200px 340px}.mascot-module__V1FUra__breathe{animation:mascot-module__V1FUra__tt-breathe 1.6s var(--ease-dough,cubic-bezier(.45, 0, .55, 1)) infinite alternate}@keyframes mascot-module__V1FUra__tt-breathe{0%{transform:scale(1)}to{transform:scale(.985,1.035)}}.mascot-module__V1FUra__mascot[data-talking] .mascot-module__V1FUra__bob{animation:mascot-module__V1FUra__tt-bob .28s var(--ease-dough,ease-in-out) infinite alternate}@keyframes mascot-module__V1FUra__tt-bob{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.mascot-module__V1FUra__mouth{transform-box:fill-box;transform-origin:50% 0}.mascot-module__V1FUra__mascot[data-talking] .mascot-module__V1FUra__face[data-on] .mascot-module__V1FUra__mouth{animation:.6s linear infinite mascot-module__V1FUra__tt-talk}@keyframes mascot-module__V1FUra__tt-talk{0%,to{transform:scaleY(.7)}18%{transform:scaleY(1.22)}34%{transform:scaleY(.62)}52%{transform:scaleY(1.25)}70%{transform:scaleY(.8)}84%{transform:scaleY(1.1)}}.mascot-module__V1FUra__eyes{transform-box:fill-box;transform-origin:50%}.mascot-module__V1FUra__face[data-on] .mascot-module__V1FUra__eyes[data-blink]{animation:mascot-module__V1FUra__tt-blink var(--tt-blink,4.2s) linear infinite}@keyframes mascot-module__V1FUra__tt-blink{0%,95%{transform:scaleY(1)}96.5%{transform:scaleY(.1)}98%,to{transform:scaleY(1)}}.mascot-module__V1FUra__face,.mascot-module__V1FUra__part,.mascot-module__V1FUra__fx{opacity:0;transition:opacity .16s ease-out}.mascot-module__V1FUra__face[data-on],.mascot-module__V1FUra__part[data-on],.mascot-module__V1FUra__fx[data-on]{opacity:1}.mascot-module__V1FUra__mitt{transition:transform .32s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1))}.mascot-module__V1FUra__mittRight{transition-delay:40ms}.mascot-module__V1FUra__steam{transform-origin:196px 128px;animation:mascot-module__V1FUra__tt-sway 2.4s var(--ease-dough,ease-in-out) infinite alternate}@keyframes mascot-module__V1FUra__tt-sway{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}.mascot-module__V1FUra__zzz>g{animation:mascot-module__V1FUra__tt-zzz 2s var(--ease-dough,ease-in-out) infinite}.mascot-module__V1FUra__zzz>g:nth-child(2){animation-delay:.3s}.mascot-module__V1FUra__zzz>g:nth-child(3){animation-delay:.6s}@keyframes mascot-module__V1FUra__tt-zzz{0%,to{opacity:.45;transform:translateY(5px)}50%{opacity:1;transform:translateY(-5px)}}.mascot-module__V1FUra__pop{transform-box:fill-box;transform-origin:50%;transition:transform .22s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1));transition-delay:calc(var(--i,0) * .12s);transform:scale(.3)}.mascot-module__V1FUra__fx[data-on] .mascot-module__V1FUra__pop{transform:none}.mascot-module__V1FUra__berry{transform-box:fill-box;transform-origin:50%;transition:transform .26s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1))}.mascot-module__V1FUra__berry[data-glow]{transition-duration:.14s}.mascot-module__V1FUra__halo{opacity:0;transition:opacity .26s ease-out}.mascot-module__V1FUra__berry[data-glow=full] .mascot-module__V1FUra__halo{opacity:.55;transition-duration:.14s}.mascot-module__V1FUra__berry[data-glow=half] .mascot-module__V1FUra__halo{opacity:.28;transition-duration:.14s}.mascot-module__V1FUra__mascot[data-bounce] .mascot-module__V1FUra__bouncer{animation:1.6s infinite mascot-module__V1FUra__tt-bounce}@keyframes mascot-module__V1FUra__tt-bounce{0%,55%,to{animation-timing-function:var(--ease-dough,ease-in-out);transform:none}9%{animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:scale(1.05,.93)}26%{animation-timing-function:ease-in;transform:translateY(-18px)scale(.98,1.03)}42%{transform:none}47%{transform:scale(1.04,.95)}}@media (prefers-reduced-motion:reduce){.mascot-module__V1FUra__face[data-on] .mascot-module__V1FUra__eyes[data-blink]{animation-duration:var(--tt-blink,4.2s)!important;animation-iteration-count:infinite!important}}
.backdrop-module__q_GReG__backdrop{pointer-events:none;position:absolute;inset:0;overflow:hidden;container-type:size}.backdrop-module__q_GReG__art{width:100%;height:100%;display:block;position:absolute;inset:0}.backdrop-module__q_GReG__overlay{--scene-s:max(calc(100cqw / 1600), calc(100cqh / 900));position:absolute;inset:0}.backdrop-module__q_GReG__overlay>*{pointer-events:auto}.backdrop-module__q_GReG__day,.backdrop-module__q_GReG__night{transition:opacity .5s}.backdrop-module__q_GReG__night{opacity:0}.backdrop-module__q_GReG__backdrop[data-force=night] .backdrop-module__q_GReG__night{opacity:1}[data-theme=night] .backdrop-module__q_GReG__backdrop:not([data-force=day]) .backdrop-module__q_GReG__night{opacity:1}.backdrop-module__q_GReG__backdrop[data-force=night] .backdrop-module__q_GReG__day{opacity:0}[data-theme=night] .backdrop-module__q_GReG__backdrop:not([data-force=day]) .backdrop-module__q_GReG__day{opacity:0}.backdrop-module__q_GReG__hillBack,.backdrop-module__q_GReG__hillFront,.backdrop-module__q_GReG__wheat,.backdrop-module__q_GReG__tree,.backdrop-module__q_GReG__trunk,.backdrop-module__q_GReG__millBody,.backdrop-module__q_GReG__millRoof,.backdrop-module__q_GReG__millDoor,.backdrop-module__q_GReG__spar,.backdrop-module__q_GReG__sail,.backdrop-module__q_GReG__hub{transition:fill .5s}.backdrop-module__q_GReG__hillBack{fill:var(--hill-back,#f3e2c6)}.backdrop-module__q_GReG__hillFront{fill:var(--hill-front,#ebd3ac)}.backdrop-module__q_GReG__wheat{fill:var(--hill-dots,#e0c597)}.backdrop-module__q_GReG__tree{fill:var(--tree,#d9d2a2)}.backdrop-module__q_GReG__trunk{fill:var(--trunk,#cdb088)}.backdrop-module__q_GReG__millBody{fill:var(--windmill-body,#e6d1ae)}.backdrop-module__q_GReG__millRoof{fill:var(--windmill-roof,#d8bc93)}.backdrop-module__q_GReG__millDoor{fill:var(--windmill-door,#cfb28a)}.backdrop-module__q_GReG__spar{fill:var(--windmill-spar,#d2b48a)}.backdrop-module__q_GReG__sail{fill:var(--windmill-sail,#eeddc0)}.backdrop-module__q_GReG__lattice{stroke:var(--windmill-lattice,#d9c09a);transition:stroke .5s}.backdrop-module__q_GReG__hub{fill:var(--windmill-hub,#c7a77c)}.backdrop-module__q_GReG__sails{animation:26s linear infinite backdrop-module__q_GReG__bd-spin}@keyframes backdrop-module__q_GReG__bd-spin{to{transform:rotate(360deg)}}.backdrop-module__q_GReG__cloudA{animation:backdrop-module__q_GReG__bd-drift 34s var(--ease-dough,ease-in-out) infinite alternate}.backdrop-module__q_GReG__cloudB{animation:backdrop-module__q_GReG__bd-drift 28s var(--ease-dough,ease-in-out) infinite alternate-reverse}@keyframes backdrop-module__q_GReG__bd-drift{0%{transform:translate(-28px)}to{transform:translate(28px)}}.backdrop-module__q_GReG__twinkle{animation:2.8s ease-in-out infinite backdrop-module__q_GReG__bd-twinkle}@keyframes backdrop-module__q_GReG__bd-twinkle{0%,to{opacity:.25}50%{opacity:1}}
.pip-module__WAtyVG__pip{display:block;overflow:visible}.pip-module__WAtyVG__body{transform-origin:0 28px;animation:pip-module__WAtyVG__pip-idle 3.2s var(--ease-dough,ease-in-out) infinite}@keyframes pip-module__WAtyVG__pip-idle{0%,70%,to{transform:none}76%{transform:translateY(-6px)rotate(-4deg)}82%{transform:none}86%{transform:rotate(3deg)}92%{transform:none}}.pip-module__WAtyVG__wing{transform-box:fill-box;transform-origin:90% 90%}.pip-module__WAtyVG__beak{transform-box:fill-box;transform-origin:0}.pip-module__WAtyVG__note{transform-box:fill-box;transform-origin:50% 100%}.pip-module__WAtyVG__pip[data-singing] .pip-module__WAtyVG__body{animation:pip-module__WAtyVG__pip-sing .36s var(--ease-dough,ease-in-out) infinite alternate}.pip-module__WAtyVG__pip[data-singing] .pip-module__WAtyVG__beak{animation:.18s ease-in-out infinite alternate pip-module__WAtyVG__pip-beak}.pip-module__WAtyVG__pip[data-singing] .pip-module__WAtyVG__note{animation:pip-module__WAtyVG__pip-note .9s var(--ease-rise,ease-out) infinite}@keyframes pip-module__WAtyVG__pip-sing{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-4px)rotate(-5deg)}}@keyframes pip-module__WAtyVG__pip-beak{0%{transform:rotate(0)}to{transform:rotate(-10deg)}}@keyframes pip-module__WAtyVG__pip-note{0%{opacity:0;transform:translate(-8px,10px)scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(10px,-26px)scale(1.1)rotate(10deg)}}
.explainers-module__9BfS7q__overlay{--x-scrim:var(--scrim,#4a2b1e80);--x-radius:clamp(28px, 4vw, 44px);--x-pad:max(12px, 2.5dvh);--x-tutti:clamp(120px, 25%, 300px);z-index:900;padding:var(--x-pad) max(16px, 2.5vw);perspective:1400px;overscroll-behavior:contain;touch-action:manipulation;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:fixed;inset:0}[data-theme=night] .explainers-module__9BfS7q__overlay{--x-scrim:var(--scrim,#0a061899)}.explainers-module__9BfS7q__scrim{background:radial-gradient(ellipse 58% 62% at 46% 46%, color-mix(in srgb, var(--x-scrim) 50%, transparent) 0%, color-mix(in srgb, var(--x-scrim) 50%, transparent) 55%, var(--x-scrim) 85%);animation:.26s ease-out both explainers-module__9BfS7q__scrimIn;position:absolute;inset:0}.explainers-module__9BfS7q__frame{width:min(100%,1280px);max-height:100%;animation:explainers-module__9BfS7q__flipIn .32s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1)) both;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(16px,2.4vw,32px);display:grid;position:relative}.explainers-module__9BfS7q__frame:focus{outline:none}.explainers-module__9BfS7q__main{flex-direction:column;min-width:0;display:flex}.explainers-module__9BfS7q__card{grid-template-columns:var(--x-tutti) minmax(0, 1fr);border:6px solid var(--outline,#4a2b1e);border-radius:var(--x-radius);background:var(--surface,#fffbf5);box-shadow:0 10px 0 0 var(--outline,#4a2b1e), 0 26px 60px #00000038;align-items:end;padding:clamp(10px,1.6vw,20px) clamp(10px,1.6vw,20px) clamp(10px,1.6vw,20px) 0;display:grid;position:relative}.explainers-module__9BfS7q__stitch{border:3px dashed var(--line,#ead6bc);border-radius:calc(var(--x-radius) - 9px);pointer-events:none;position:absolute;inset:9px}.explainers-module__9BfS7q__tutti{z-index:1;aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:112%;margin:0 0 -24% -10%;padding:0;display:block;position:relative}.explainers-module__9BfS7q__tutti:focus{outline:none}.explainers-module__9BfS7q__tutti:focus-visible{outline:4px solid var(--outline,#4a2b1e);outline-offset:-8%}.explainers-module__9BfS7q__mascot{width:100%;height:100%;display:block}.explainers-module__9BfS7q__stage{aspect-ratio:16/9;width:100%;min-height:0;max-height:calc(100dvh - 2 * var(--x-pad) - 120px);position:relative}.explainers-module__9BfS7q__progress{top:calc(clamp(34px,5.5dvh,52px)/-2 - 3px);right:calc(var(--x-radius) + 8px);z-index:1;width:clamp(34px,5.5dvh,52px);height:clamp(34px,5.5dvh,52px);position:absolute}.explainers-module__9BfS7q__subtitleRow{grid-template-columns:var(--x-tutti) minmax(0, 1fr);min-height:32px;margin-top:18px;display:grid}.explainers-module__9BfS7q__subtitle{background:var(--surface,#fffbf5);max-width:min(100%,720px);color:var(--ink-soft,#7a5646);text-align:center;box-shadow:0 2px 0 var(--line,#ead6bc);border-radius:999px;grid-column:2;justify-self:center;margin:0;padding:6px 16px;font-size:15px;font-weight:500;line-height:1.35}.explainers-module__9BfS7q__subtitle:empty{visibility:hidden}.explainers-module__9BfS7q__controls{flex-direction:column;align-items:center;gap:clamp(8px,2dvh,24px);display:flex}.explainers-module__9BfS7q__overlay[data-leaving] .explainers-module__9BfS7q__scrim{animation:.22s ease-in both explainers-module__9BfS7q__scrimOut}.explainers-module__9BfS7q__overlay[data-leaving] .explainers-module__9BfS7q__frame{pointer-events:none;animation:.22s ease-in both explainers-module__9BfS7q__flipOut}.explainers-module__9BfS7q__overlay[data-reduced] .explainers-module__9BfS7q__frame{animation:.15s ease-out both explainers-module__9BfS7q__fadeIn}.explainers-module__9BfS7q__overlay[data-reduced][data-leaving] .explainers-module__9BfS7q__frame{animation:.15s ease-in both explainers-module__9BfS7q__fadeOut}@keyframes explainers-module__9BfS7q__scrimIn{0%{opacity:0}to{opacity:1}}@keyframes explainers-module__9BfS7q__scrimOut{0%{opacity:1}to{opacity:0}}@keyframes explainers-module__9BfS7q__flipIn{0%{opacity:0;transform:rotateY(-90deg)}40%{opacity:1}to{opacity:1;transform:rotateY(0)}}@keyframes explainers-module__9BfS7q__flipOut{0%{opacity:1;transform:rotateY(0)}to{opacity:0;transform:rotateY(90deg)}}@keyframes explainers-module__9BfS7q__fadeIn{0%{opacity:0}to{opacity:1}}@keyframes explainers-module__9BfS7q__fadeOut{0%{opacity:1}to{opacity:0}}@media (max-aspect-ratio:1),(max-width:720px){.explainers-module__9BfS7q__frame{grid-template-columns:minmax(0,1fr)}.explainers-module__9BfS7q__controls{flex-direction:row;justify-content:center}.explainers-module__9BfS7q__stage{max-height:calc(100dvh - 2 * var(--x-pad) - 260px)}}.explainers-module__9BfS7q__help{--d:var(--help-d,88px);width:calc(var(--d) + 16px);height:calc(var(--d) + 16px);color:#4a2b1e;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.explainers-module__9BfS7q__help:focus{outline:none}.explainers-module__9BfS7q__help:focus-visible{outline:4px solid var(--outline,#4a2b1e)}.explainers-module__9BfS7q__helpArt{width:calc(var(--d) * 120 / 88);height:calc(var(--d) * 120 / 88);pointer-events:none;position:absolute;top:50%;left:50%;overflow:visible;translate:-50% -50%}.explainers-module__9BfS7q__helpTop{transition:transform .26s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1))}.explainers-module__9BfS7q__help:active .explainers-module__9BfS7q__helpTop,.explainers-module__9BfS7q__help[data-pressed] .explainers-module__9BfS7q__helpTop{transition-duration:70ms;transform:translateY(5px)}.explainers-module__9BfS7q__helpFace{transform-box:fill-box;transform-origin:50%}.explainers-module__9BfS7q__helpSteam{transform-box:fill-box;transform-origin:50% 100%;animation:explainers-module__9BfS7q__steamSway 2.4s var(--ease-dough,ease-in-out) infinite alternate}.explainers-module__9BfS7q__helpEyes{transform-box:fill-box;transform-origin:50%;animation:5.2s linear infinite explainers-module__9BfS7q__blink}.explainers-module__9BfS7q__help[aria-expanded=true] .explainers-module__9BfS7q__helpTop{transform:translateY(5px)}@keyframes explainers-module__9BfS7q__steamSway{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}@keyframes explainers-module__9BfS7q__blink{0%,95%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.explainers-module__9BfS7q__helpSteam{animation:none}}
.PianoKeys-module__TzbLSq__wrap{--board-line:clamp(3px, .4vw, 5px);--board-radius:clamp(16px, 2.6vw, 34px);--board-pad:clamp(6px, 1.1vw, 16px);--rail:clamp(16px, 3.4dvh, 30px);--base-drop:clamp(5px, .8dvh, 9px);padding-bottom:var(--base-drop);flex-direction:column;display:flex;position:relative}.PianoKeys-module__TzbLSq__base{inset:var(--base-drop) 0 0 0;border-radius:var(--board-radius);background:var(--wood-base);border:var(--board-line) solid var(--outline);transition:background-color .6s;position:absolute}.PianoKeys-module__TzbLSq__board{border-radius:var(--board-radius);border:var(--board-line) solid var(--outline);background-color:var(--wood);background-image:linear-gradient(180deg, var(--wood), var(--wood-deep));min-height:0;padding:0 var(--board-pad) var(--board-pad);flex-direction:column;flex:1;transition:background-color .6s;display:flex;position:relative}.PianoKeys-module__TzbLSq__rail{height:var(--rail);flex:none;position:relative}.PianoKeys-module__TzbLSq__grain{background:var(--wood-grain);opacity:.7;border-radius:99px;height:3px;position:absolute;top:18%}.PianoKeys-module__TzbLSq__sprinkle{background:var(--sprinkle);opacity:.9;border-radius:99px;width:clamp(5px,.7vw,9px);height:clamp(2px,.25vw,3.4px);position:absolute}.PianoKeys-module__TzbLSq__led{background:color-mix(in srgb, var(--outline) 28%, transparent);border-radius:99px;height:clamp(3px,.9dvh,7px);transition:background-color .12s,box-shadow .12s,opacity .12s;position:absolute;bottom:18%}.PianoKeys-module__TzbLSq__ledBlack{height:clamp(2.5px,.7dvh,5px);bottom:calc(18% + clamp(1px,.4dvh,3px))}.PianoKeys-module__TzbLSq__led[data-on]{background:var(--led);box-shadow:0 0 2px var(--led), 0 0 9px var(--led)}.PianoKeys-module__TzbLSq__keys{--ww:calc(100cqw / var(--units));--badge:min(calc(var(--ww) * .64), 30cqh);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:1;min-height:0;position:relative;container-type:size}.PianoKeys-module__TzbLSq__key{--gap:calc(var(--ww) * .035);--bw:clamp(2px, calc(var(--ww) * .045), 4.5px);--lip:clamp(7px, calc(var(--ww) * .17), 20px);--radius:calc(var(--ww) * .2);-webkit-tap-highlight-color:transparent;outline:none;position:absolute;top:0;bottom:0}.PianoKeys-module__TzbLSq__white{z-index:1}.PianoKeys-module__TzbLSq__black{z-index:2;height:calc(var(--black-len) * 100%);--radius:calc(var(--ww) * .15);--lip:clamp(5px, calc(var(--ww) * .13), 16px);top:-3px;bottom:auto}.PianoKeys-module__TzbLSq__lip{inset:0 var(--gap);border-radius:var(--radius);background:var(--key-lip);border:var(--bw) solid var(--outline);transition:background-color .14s ease-out;position:absolute}.PianoKeys-module__TzbLSq__black .PianoKeys-module__TzbLSq__lip{background:var(--key-ebony-lip)}.PianoKeys-module__TzbLSq__face{top:0;left:var(--gap);right:var(--gap);bottom:var(--lip);border-radius:var(--radius);border:var(--bw) solid var(--outline);background:linear-gradient(180deg, var(--key-ivory), var(--key-ivory-2));transition:transform .14s ease-out;position:absolute;overflow:hidden;transform:translateY(0)}.PianoKeys-module__TzbLSq__black .PianoKeys-module__TzbLSq__face{background:linear-gradient(180deg, color-mix(in srgb, var(--key-ebony) 84%, #fff), var(--key-ebony))}.PianoKeys-module__TzbLSq__pressed .PianoKeys-module__TzbLSq__face{transition-duration:50ms;transform:translateY(6px)}.PianoKeys-module__TzbLSq__lit,.PianoKeys-module__TzbLSq__hl{opacity:0;pointer-events:none;position:absolute;inset:0}.PianoKeys-module__TzbLSq__lit{background:linear-gradient(180deg, var(--tint), var(--fill));transition:opacity .14s ease-out}.PianoKeys-module__TzbLSq__pressed .PianoKeys-module__TzbLSq__lit{opacity:1;transition-duration:80ms}.PianoKeys-module__TzbLSq__pressed .PianoKeys-module__TzbLSq__lip{background:var(--deep);transition-duration:80ms}.PianoKeys-module__TzbLSq__shine{opacity:.85;background:#fff;border-radius:99px;width:max(3px,7%);height:46%;transition:opacity .14s ease-out;position:absolute;top:12%;left:13%}.PianoKeys-module__TzbLSq__black .PianoKeys-module__TzbLSq__shine{opacity:.16}.PianoKeys-module__TzbLSq__pressed .PianoKeys-module__TzbLSq__shine{opacity:.45}.PianoKeys-module__TzbLSq__key[data-hl=guide] .PianoKeys-module__TzbLSq__hl{opacity:.55;background:linear-gradient(180deg, transparent 25%, var(--hl-tint))}.PianoKeys-module__TzbLSq__key[data-hl=target] .PianoKeys-module__TzbLSq__hl{background:linear-gradient(180deg, var(--hl-tint), var(--hl-fill));animation:PianoKeys-module__TzbLSq__breathe .9s var(--ease-dough,ease-in-out) infinite}.PianoKeys-module__TzbLSq__ring{top:calc(var(--bw) * -1.5);left:calc(var(--gap) - var(--bw) * 1.5);right:calc(var(--gap) - var(--bw) * 1.5);bottom:calc(var(--lip) - var(--bw) * 1.5);border-radius:calc(var(--radius) + var(--bw));border:calc(var(--bw) * 1.2) solid var(--hl-fill);pointer-events:none;z-index:3;position:absolute}.PianoKeys-module__TzbLSq__key[data-hl=target] .PianoKeys-module__TzbLSq__ring{animation:PianoKeys-module__TzbLSq__breathe .9s var(--ease-dough,ease-in-out) infinite}.PianoKeys-module__TzbLSq__key[data-hl=hint] .PianoKeys-module__TzbLSq__ring{animation:PianoKeys-module__TzbLSq__breathe 1.4s var(--ease-dough,ease-in-out) infinite;border-style:dashed}.PianoKeys-module__TzbLSq__key[data-hl=guide] .PianoKeys-module__TzbLSq__ring{opacity:.5}@keyframes PianoKeys-module__TzbLSq__breathe{0%,to{opacity:.55}50%{opacity:1}}.PianoKeys-module__TzbLSq__key:focus-visible .PianoKeys-module__TzbLSq__face{box-shadow:0 0 0 4px var(--accent-light)}.PianoKeys-module__TzbLSq__badge{left:50%;bottom:calc(var(--ww) * .16);width:var(--badge);height:var(--badge);margin-left:calc(var(--badge) / -2);background:radial-gradient(circle calc(var(--badge) * .75) at 38% 32%, var(--tint) 0%, var(--fill) 45%, var(--deep) 100%);box-shadow:inset 0 0 0 max(2px, calc(var(--badge) * .045)) var(--deep);border-radius:50%;transition:box-shadow .12s ease-out;position:absolute}.PianoKeys-module__TzbLSq__pressed .PianoKeys-module__TzbLSq__badge{box-shadow:inset 0 0 0 max(2px, calc(var(--badge) * .045)) var(--deep), 0 0 0 max(3px, calc(var(--badge) * .1)) #fffbf5, 0 0 0 calc(max(3px, calc(var(--badge) * .1)) + 2px) var(--deep)}.PianoKeys-module__TzbLSq__badge:before{content:"";opacity:.7;background:#fff;border-radius:50%;width:36%;height:22%;position:absolute;top:18%;left:16%;transform:rotate(-28deg)}.PianoKeys-module__TzbLSq__badge:after{content:"";opacity:.8;background:#fff;border-radius:50%;width:7%;height:7%;position:absolute;top:16.5%;left:50.5%}.PianoKeys-module__TzbLSq__badge svg,.PianoKeys-module__TzbLSq__blackName svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.PianoKeys-module__TzbLSq__badge .PianoKeys-module__TzbLSq__crown{width:100%;height:120%;inset:-20% auto auto 0}.PianoKeys-module__TzbLSq__dot{left:50%;bottom:calc(var(--ww) * .1);width:calc(var(--ww) * .22);height:calc(var(--ww) * .22);margin-left:calc(var(--ww) * -.11);background:radial-gradient(circle at 38% 32%, var(--tint), var(--fill) 50%, var(--deep));box-shadow:0 0 0 max(1.5px, calc(var(--ww) * .025)) #140b08;border-radius:50%;position:absolute}.PianoKeys-module__TzbLSq__dot:after{content:"";opacity:.7;background:#fff;border-radius:50%;width:30%;height:30%;position:absolute;top:18%;left:22%}.PianoKeys-module__TzbLSq__blackName{left:4%;right:4%;bottom:calc(var(--ww) * .36);height:calc(var(--ww) * .3);position:absolute}.PianoKeys-module__TzbLSq__finger{left:50%;top:calc(var(--ww) * .1);width:calc(var(--ww) * .38);height:calc(var(--ww) * .38);margin-left:calc(var(--ww) * -.19);background:var(--key-ivory);box-shadow:inset 0 0 0 max(2px, calc(var(--ww) * .035)) var(--outline);color:var(--outline);font-weight:700;font-size:calc(var(--ww) * .24);border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute}.PianoKeys-module__TzbLSq__black .PianoKeys-module__TzbLSq__finger{top:calc(var(--ww) * .08);width:calc(var(--ww) * .3);height:calc(var(--ww) * .3);margin-left:calc(var(--ww) * -.15);font-size:calc(var(--ww) * .19)}.PianoKeys-module__TzbLSq__octTab{z-index:3;width:var(--oct-tab,clamp(52px, 9dvh, 72px));height:var(--oct-tab,clamp(52px, 9dvh, 72px));border:var(--board-line) solid var(--outline);background:radial-gradient(circle at 38% 30%, var(--accent-light,#fad58a), var(--accent,#f0b259) 62%, var(--accent-deep,#c9772f));box-shadow:0 5px 0 var(--accent-deep,#c9772f);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:50%;place-items:center;transition:transform 90ms ease-out,box-shadow 90ms ease-out,opacity .2s;display:grid;position:absolute;top:0;transform:translateY(-58%)}.PianoKeys-module__TzbLSq__octTab:before{content:"";border-radius:50%;position:absolute;inset:-14px}.PianoKeys-module__TzbLSq__octTabLeft{left:calc(var(--board-radius) * .55)}.PianoKeys-module__TzbLSq__octTabRight{right:calc(var(--board-radius) * .55)}.PianoKeys-module__TzbLSq__octTab:active{box-shadow:0 1px 0 var(--accent-deep,#c9772f);transform:translateY(calc(4px - 58%))}.PianoKeys-module__TzbLSq__octTab[data-end]{opacity:.45}.PianoKeys-module__TzbLSq__octTab:focus-visible{outline:4px solid var(--accent-light,#fad58a);outline-offset:3px}.PianoKeys-module__TzbLSq__octArrow{fill:none;width:58%;height:58%;stroke:var(--outline);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.PianoKeys-module__TzbLSq__octMap{z-index:3;border:3px solid var(--outline);background:var(--surface);opacity:0;pointer-events:none;border-radius:99px;gap:4px;padding:7px 11px;transition:opacity .22s,transform .22s;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%,-70%)scale(.9)}.PianoKeys-module__TzbLSq__octMap[data-show]{opacity:1;transform:translate(-50%,-70%)scale(1)}.PianoKeys-module__TzbLSq__octSeg{background:var(--surface-2);border:2px solid color-mix(in srgb, var(--outline) 35%, transparent);border-radius:4px;width:clamp(12px,2vw,18px);height:clamp(9px,1.4dvh,12px)}.PianoKeys-module__TzbLSq__octSeg[data-on]{background:var(--accent,#f0b259);border-color:var(--outline)}
.scenes-module__7dbvZG__svg{width:100%;height:100%;display:block;overflow:hidden}.scenes-module__7dbvZG__popIn,.scenes-module__7dbvZG__fadeIn,.scenes-module__7dbvZG__breathe,.scenes-module__7dbvZG__haloRing,.scenes-module__7dbvZG__wiggle,.scenes-module__7dbvZG__hop,.scenes-module__7dbvZG__spawn,.scenes-module__7dbvZG__popOut,.scenes-module__7dbvZG__grow,.scenes-module__7dbvZG__jelly,.scenes-module__7dbvZG__berryLight,.scenes-module__7dbvZG__starPop,.scenes-module__7dbvZG__sound,.scenes-module__7dbvZG__selectIn,.scenes-module__7dbvZG__squash,.scenes-module__7dbvZG__rippleDot,.scenes-module__7dbvZG__rippleRing,.scenes-module__7dbvZG__burstLoop,.scenes-module__7dbvZG__burstAt,.scenes-module__7dbvZG__missPop,.scenes-module__7dbvZG__hitPop{transform-box:fill-box;transform-origin:50%}.scenes-module__7dbvZG__popIn{animation:scenes-module__7dbvZG__popIn .42s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1)) both;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__popIn{0%{opacity:0;transform:scale(0)}60%{opacity:1}to{opacity:1;transform:scale(1)}}.scenes-module__7dbvZG__fadeIn{animation:.4s ease-out both scenes-module__7dbvZG__fadeIn;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__fadeIn{0%{opacity:0}to{opacity:1}}.scenes-module__7dbvZG__fadeOut{animation:.3s ease-in both scenes-module__7dbvZG__fadeOut;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__fadeOut{0%{opacity:1}to{opacity:0}}.scenes-module__7dbvZG__selectIn{animation:scenes-module__7dbvZG__selectIn .32s var(--ease-pop,ease-out) both;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__selectIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1.06)}}.scenes-module__7dbvZG__breathe{animation:scenes-module__7dbvZG__breathe 1.1s var(--ease-dough,ease-in-out) infinite alternate;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__breathe{0%{transform:scale(1)}to{transform:scale(1.06)}}.scenes-module__7dbvZG__haloRing{animation:scenes-module__7dbvZG__haloRing 1.1s var(--ease-dough,ease-in-out) infinite both;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__haloRing{0%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.scenes-module__7dbvZG__keyPulse{animation:scenes-module__7dbvZG__keyPulse 1.1s var(--ease-dough,ease-in-out) infinite alternate both;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__keyPulse{0%{opacity:.4}to{opacity:1}}.scenes-module__7dbvZG__wiggle{animation:.6s ease-in-out both scenes-module__7dbvZG__wiggle;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.scenes-module__7dbvZG__wave{transform-box:fill-box;transform-origin:50% 100%;animation:scenes-module__7dbvZG__wave 1.2s var(--ease-dough,ease-in-out) infinite alternate both;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__wave{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}.scenes-module__7dbvZG__hop{transform-origin:50% 100%;animation:.8s ease-out both scenes-module__7dbvZG__hop;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__hop{0%{transform:translateY(0)scale(1)}15%{transform:translateY(0)scale(1.08,.88)}45%{transform:translateY(-36px)scale(.96,1.06)}70%{transform:translateY(0)scale(1.06,.92)}to{transform:translateY(0)scale(1)}}.scenes-module__7dbvZG__squash{transform-origin:50% 100%;animation:scenes-module__7dbvZG__squash .26s var(--ease-pop,ease-out) both;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__squash{0%{transform:scale(1)}40%{transform:scale(1.06,.9)}to{transform:scale(1)}}.scenes-module__7dbvZG__mittTap{animation:scenes-module__7dbvZG__mittTap 1.6s var(--ease-dough,ease-in-out) both;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__mittTap{0%{opacity:0;transform:translate(46px,-96px)}18%{opacity:1}45%,57%{transform:translateY(-44px)}62.5%,80%{opacity:1;transform:translateY(4px)}to{opacity:0;transform:translate(40px,-86px)}}.scenes-module__7dbvZG__mittHoldDown{animation:scenes-module__7dbvZG__mittHoldDown 1.6s var(--ease-dough,ease-in-out) both;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__mittHoldDown{0%{opacity:0;transform:translate(46px,-96px)}18%{opacity:1}45%,57%{transform:translateY(-44px)}62.5%,to{opacity:1;transform:translateY(4px)}}.scenes-module__7dbvZG__mittRelease{animation:scenes-module__7dbvZG__mittRelease .9s var(--ease-rise,ease-out) both;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__mittRelease{0%,60%{opacity:1;transform:translateY(4px)}to{opacity:0;transform:translate(18px,-70px)}}.scenes-module__7dbvZG__mittSoft{animation:scenes-module__7dbvZG__mittSoft 1.6s var(--ease-dough,ease-in-out) both}@keyframes scenes-module__7dbvZG__mittSoft{0%{opacity:0;transform:translateY(-60px)}20%{opacity:1}45%,55%{transform:translateY(-26px)}62.5%,80%{opacity:1;transform:translateY(2px)}to{opacity:0;transform:translate(30px,-70px)}}.scenes-module__7dbvZG__mittHard{animation:1.6s both scenes-module__7dbvZG__mittHard}@keyframes scenes-module__7dbvZG__mittHard{0%{opacity:0;animation-timing-function:ease-out;transform:translateY(-150px)}20%{opacity:1}45%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(-150px)rotate(-6deg)}62.5%{transform:translateY(8px)rotate(0)}70%,82%{opacity:1;transform:translateY(4px)}to{opacity:0;transform:translate(40px,-86px)}}.scenes-module__7dbvZG__mittLoop{animation:scenes-module__7dbvZG__mittLoop 1s var(--ease-dough,ease-in-out) infinite both}@keyframes scenes-module__7dbvZG__mittLoop{0%,35%{transform:translateY(-26px)}50%,62%{transform:translateY(4px)}to{transform:translateY(-26px)}}.scenes-module__7dbvZG__mittLong{animation:scenes-module__7dbvZG__mittLong 3s var(--ease-dough,ease-in-out) infinite both}@keyframes scenes-module__7dbvZG__mittLong{0%,12%{transform:translateY(-26px)}20%,73%{transform:translateY(4px)}85%,to{transform:translateY(-26px)}}.scenes-module__7dbvZG__mittMiss{animation:scenes-module__7dbvZG__mittMiss 3.2s var(--ease-dough,ease-in-out) infinite both}@keyframes scenes-module__7dbvZG__mittMiss{0%,62%{transform:translateY(-26px)}75%,82%{transform:translateY(4px)}to{transform:translateY(-26px)}}.scenes-module__7dbvZG__keyHit{animation:1.6s linear both scenes-module__7dbvZG__keyHit;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__keyHit{0%,61%{opacity:0}63%,82%{opacity:1}to{opacity:.25}}.scenes-module__7dbvZG__keyHeld{animation:1.6s linear both scenes-module__7dbvZG__keyHeld;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__keyHeld{0%,61%{opacity:0}63%,to{opacity:1}}.scenes-module__7dbvZG__keyLoop{animation:1s linear infinite both scenes-module__7dbvZG__keyLoop}@keyframes scenes-module__7dbvZG__keyLoop{0%,49%{opacity:0}51%,64%{opacity:1}80%,to{opacity:0}}.scenes-module__7dbvZG__keyLong{animation:3s linear infinite both scenes-module__7dbvZG__keyLong}@keyframes scenes-module__7dbvZG__keyLong{0%,19%{opacity:0}21%,73%{opacity:1}80%,to{opacity:0}}.scenes-module__7dbvZG__keyMiss{animation:3.2s linear infinite both scenes-module__7dbvZG__keyMiss}@keyframes scenes-module__7dbvZG__keyMiss{0%,74%{opacity:0}76%,84%{opacity:1}92%,to{opacity:0}}.scenes-module__7dbvZG__sweep{animation:.9s ease-out both scenes-module__7dbvZG__sweep;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__sweep{0%{opacity:0}25%{opacity:1}to{opacity:.35}}.scenes-module__7dbvZG__spawn{animation:scenes-module__7dbvZG__spawn .32s var(--ease-pop,ease-out) both;animation-delay:var(--delay,1s)}@keyframes scenes-module__7dbvZG__spawn{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.scenes-module__7dbvZG__rise{animation:scenes-module__7dbvZG__rise var(--dur,1.8s) var(--ease-rise,ease-out) both;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__rise{0%{transform:translateY(0)}to{transform:translateY(var(--rise,-200px))}}.scenes-module__7dbvZG__popOut{animation:.22s ease-out both scenes-module__7dbvZG__popOut;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__popOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}.scenes-module__7dbvZG__grow{animation:2.6s cubic-bezier(.15,.6,.35,1) both scenes-module__7dbvZG__grow;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__grow{0%{transform:scale(1)}to{transform:scale(var(--to,1.7))}}.scenes-module__7dbvZG__jelly{animation:.166s ease-in-out infinite alternate scenes-module__7dbvZG__jelly;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__jelly{0%{transform:scale(1.03,.97)}to{transform:scale(.97,1.03)}}.scenes-module__7dbvZG__crumb{animation:scenes-module__7dbvZG__crumb .42s var(--ease-rise,ease-out) both;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__crumb{0%{opacity:0;transform:translateY(0)scale(.4)}15%{opacity:1}to{transform:translateY(calc(var(--d,60px) * -1)) scale(1);opacity:0}}.scenes-module__7dbvZG__crumbLoop{animation:scenes-module__7dbvZG__crumbLoop 1s var(--ease-rise,ease-out) infinite both}@keyframes scenes-module__7dbvZG__crumbLoop{0%,49%{opacity:0;transform:translateY(0)scale(.4)}52%{opacity:1}92%,to{transform:translateY(calc(var(--d,60px) * -1)) scale(1);opacity:0}}.scenes-module__7dbvZG__crumbMiss{animation:scenes-module__7dbvZG__crumbMiss 3.2s var(--ease-rise,ease-out) infinite both}@keyframes scenes-module__7dbvZG__crumbMiss{0%,74%{opacity:0;transform:translateY(0)scale(.4)}76%{opacity:1}88%,to{transform:translateY(calc(var(--d,60px) * -1)) scale(1);opacity:0}}.scenes-module__7dbvZG__burstLoop{animation:1s ease-out infinite both scenes-module__7dbvZG__burstLoop}@keyframes scenes-module__7dbvZG__burstLoop{0%,49%{opacity:0;transform:scale(.6)}52%{opacity:.9}80%,to{opacity:0;transform:scale(1.8)}}.scenes-module__7dbvZG__berryLight{animation:scenes-module__7dbvZG__berryLight .7s var(--ease-pop,ease-out) both;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__berryLight{0%{transform:scale(1)}35%{transform:scale(1.3)}to{transform:scale(1.12)}}.scenes-module__7dbvZG__haloOn{animation:.7s ease-out both scenes-module__7dbvZG__haloOn;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__haloOn{0%{opacity:0}35%{opacity:1}to{opacity:.6}}.scenes-module__7dbvZG__glide{animation:scenes-module__7dbvZG__glide var(--dur,1.8s) linear both;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__glide{0%{transform:translateY(0)}to{transform:translateY(var(--dist,200px))}}.scenes-module__7dbvZG__conveyor{animation:scenes-module__7dbvZG__glide var(--dur,1s) linear infinite}.scenes-module__7dbvZG__longNote{animation:3s linear infinite both scenes-module__7dbvZG__longNote}@keyframes scenes-module__7dbvZG__longNote{0%{opacity:0;transform:translateY(0)}6%{opacity:1}to{opacity:1;transform:translateY(450px)}}.scenes-module__7dbvZG__missBall{animation:3.2s linear infinite both scenes-module__7dbvZG__missBall}@keyframes scenes-module__7dbvZG__missBall{0%{opacity:0;transform:translateY(0)}6%{opacity:1}50%{transform:translateY(var(--dist,240px));opacity:1}72%,to{transform:translateY(calc(var(--dist,240px) + 70px));opacity:0}}.scenes-module__7dbvZG__hitBall{animation:3.2s linear infinite both scenes-module__7dbvZG__hitBall}@keyframes scenes-module__7dbvZG__hitBall{0%,30%{opacity:0;transform:translateY(0)}36%{opacity:1}75%{transform:translateY(var(--dist,240px));opacity:1}77%,to{transform:translateY(var(--dist,240px));opacity:0}}.scenes-module__7dbvZG__hitPop{animation:3.2s ease-out infinite both scenes-module__7dbvZG__hitPop}@keyframes scenes-module__7dbvZG__hitPop{0%,74%{transform:scale(1)}77%,to{transform:scale(1.25)}}.scenes-module__7dbvZG__rippleDot{animation:1.2s ease-out both scenes-module__7dbvZG__rippleDot;animation-delay:var(--delay,60ms)}@keyframes scenes-module__7dbvZG__rippleDot{0%{opacity:0;transform:scale(1.8)}45%{opacity:.95;transform:scale(1.15)}70%{opacity:.95;transform:scale(.8)}to{opacity:0;transform:scale(1)}}.scenes-module__7dbvZG__rippleRing{animation:1.2s ease-out both scenes-module__7dbvZG__rippleRing;animation-delay:var(--delay,60ms)}@keyframes scenes-module__7dbvZG__rippleRing{0%,69%{opacity:0;transform:scale(1)}71%{opacity:.85}to{opacity:0;transform:scale(3.2)}}.scenes-module__7dbvZG__cable{animation:.5s ease-out both scenes-module__7dbvZG__fadeIn;animation-delay:var(--delay,1.2s)}.scenes-module__7dbvZG__plug{animation:scenes-module__7dbvZG__plug 1.5s var(--ease-rise,ease-out) both}@keyframes scenes-module__7dbvZG__plug{0%{transform:translate(var(--fx,-200px), var(--fy,-100px));opacity:0}15%{opacity:1}85%{transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.scenes-module__7dbvZG__sound{animation:1.4s ease-out infinite both scenes-module__7dbvZG__sound;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__sound{0%{opacity:0;transform:scale(.6)}20%{opacity:.9}to{opacity:0;transform:scale(1.5)}}.scenes-module__7dbvZG__floatUp{animation:scenes-module__7dbvZG__floatUp 2.2s var(--ease-rise,ease-out) infinite both;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__floatUp{0%{opacity:0;transform:translate(0)scale(.4)}15%{opacity:1}70%{opacity:1}to{transform:translate(var(--dx,0px), var(--rise,-120px)) scale(1);opacity:0}}.scenes-module__7dbvZG__sing{animation:scenes-module__7dbvZG__sing .9s var(--ease-rise,ease-out) both;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__sing{0%{opacity:0;transform:translate(0)scale(.3)}30%{opacity:1}to{transform:translate(var(--dx,0px), var(--dy,-80px)) scale(1);opacity:1}}.scenes-module__7dbvZG__roll{animation:scenes-module__7dbvZG__roll var(--dur,2s) linear infinite both}@keyframes scenes-module__7dbvZG__roll{0%{opacity:0;transform:translate(0)}10%,85%{opacity:1}to{transform:translateX(var(--dist,200px));opacity:0}}.scenes-module__7dbvZG__ringWalk{animation:scenes-module__7dbvZG__ringWalk 2.6s var(--ease-pop,ease-out) both}@keyframes scenes-module__7dbvZG__ringWalk{0%,30%{transform:translate(0)}42%,72%{transform:translateX(var(--step,200px))}84%,to{transform:translateX(calc(var(--step,200px) * 2))}}.scenes-module__7dbvZG__starPop{animation:scenes-module__7dbvZG__starPop .52s var(--ease-pop,ease-out) both;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__starPop{0%{opacity:0;transform:scale(0)rotate(-30deg)}60%{opacity:1;transform:scale(1.3)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}.scenes-module__7dbvZG__door{transform-box:fill-box;transform-origin:50% 100%;animation:scenes-module__7dbvZG__door .52s var(--ease-pop,ease-out) both;animation-delay:var(--delay,.1s)}@keyframes scenes-module__7dbvZG__door{0%{transform:scaleY(1)}to{transform:scaleY(-.32)}}.scenes-module__7dbvZG__slideOut{animation:scenes-module__7dbvZG__slideOut .9s var(--ease-rise,ease-out) both;animation-delay:var(--delay,.45s)}@keyframes scenes-module__7dbvZG__slideOut{0%{transform:translateX(var(--from,-260px)) scale(.62)}to{transform:translate(0)scale(1)}}.scenes-module__7dbvZG__lid{transform-box:fill-box;transform-origin:15% 100%;animation:scenes-module__7dbvZG__lid 1.4s var(--ease-pop,ease-out) both;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__lid{0%{transform:translateY(0)rotate(0)}16%,72%{transform:translateY(-64px)rotate(-9deg)}86%{transform:translateY(4px)rotate(0)}to{transform:translateY(0)rotate(0)}}.scenes-module__7dbvZG__flyOut{animation:scenes-module__7dbvZG__flyOut .9s var(--ease-rise,ease-out) both;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__flyOut{0%{opacity:0;transform:translate(0)scale(.3)}20%{opacity:1}to{transform:translate(var(--dx,0px), var(--dy,-120px)) scale(1);opacity:1}}.scenes-module__7dbvZG__puff{animation:1.2s ease-out both scenes-module__7dbvZG__puff;animation-delay:var(--delay,0s)}@keyframes scenes-module__7dbvZG__puff{0%{opacity:0;transform:translateY(0)}30%{opacity:.9}to{opacity:0;transform:translateY(-36px)}}.scenes-module__7dbvZG__coverTurn{transform-box:fill-box;transform-origin:0%;animation:scenes-module__7dbvZG__coverTurn .42s var(--ease-flip,ease-in) both;animation-delay:var(--delay,.2s)}@keyframes scenes-module__7dbvZG__coverTurn{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.scenes-module__7dbvZG__pageUnfold{transform-box:fill-box;transform-origin:100%;animation:scenes-module__7dbvZG__pageUnfold .42s var(--ease-pop,ease-out) both;animation-delay:var(--delay,.62s)}@keyframes scenes-module__7dbvZG__pageUnfold{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.scenes-module__7dbvZG__reduced .scenes-module__7dbvZG__breathe,.scenes-module__7dbvZG__reduced .scenes-module__7dbvZG__jelly,.scenes-module__7dbvZG__reduced .scenes-module__7dbvZG__wave,.scenes-module__7dbvZG__reduced .scenes-module__7dbvZG__sound,.scenes-module__7dbvZG__reduced .scenes-module__7dbvZG__floatUp,.scenes-module__7dbvZG__reduced .scenes-module__7dbvZG__conveyor,.scenes-module__7dbvZG__reduced .scenes-module__7dbvZG__roll,.scenes-module__7dbvZG__reduced .scenes-module__7dbvZG__haloRing,.scenes-module__7dbvZG__reduced .scenes-module__7dbvZG__crumb,.scenes-module__7dbvZG__reduced .scenes-module__7dbvZG__crumbLoop,.scenes-module__7dbvZG__reduced .scenes-module__7dbvZG__burstLoop,.scenes-module__7dbvZG__reduced .scenes-module__7dbvZG__crumbMiss{animation:none}.scenes-module__7dbvZG__reduced .scenes-module__7dbvZG__crumb,.scenes-module__7dbvZG__reduced .scenes-module__7dbvZG__crumbLoop,.scenes-module__7dbvZG__reduced .scenes-module__7dbvZG__burstLoop,.scenes-module__7dbvZG__reduced .scenes-module__7dbvZG__crumbMiss,.scenes-module__7dbvZG__reduced .scenes-module__7dbvZG__haloRing{opacity:0}
.playground-module__9_h0Va__screen{--kb-height:clamp(128px, min(33dvh, 50vw), 300px);--kb-side:max(clamp(8px, 1.9vw, 24px), env(safe-area-inset-left));--kb-side-r:max(clamp(8px, 1.9vw, 24px), env(safe-area-inset-right));--oct-tab:clamp(52px, 9dvh, 72px);--kb-bottom:env(safe-area-inset-bottom,0px);overscroll-behavior:none;background:var(--bg);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100dvh;position:relative;overflow:hidden}.playground-module__9_h0Va__layerScene{z-index:0}.playground-module__9_h0Va__layerCanvas{z-index:3;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.playground-module__9_h0Va__layerFlash{z-index:4;pointer-events:none;position:absolute;inset:0}.playground-module__9_h0Va__srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.playground-module__9_h0Va__layout{z-index:2;pointer-events:none;flex-direction:column;height:100%;display:flex;position:relative}.playground-module__9_h0Va__layout>*{pointer-events:auto}.playground-module__9_h0Va__layout>.playground-module__9_h0Va__stage{pointer-events:none;flex:1;min-height:0;position:relative}.playground-module__9_h0Va__keyboard{height:var(--kb-height);margin:0 var(--kb-side-r) var(--kb-bottom) var(--kb-side);flex:none}@media (max-width:599px){.playground-module__9_h0Va__kbPending{visibility:hidden}}.playground-module__9_h0Va__helpSlot{right:var(--kb-side-r);bottom:calc(var(--oct-tab) * .6 + 4px);pointer-events:auto;position:absolute}.playground-module__9_h0Va__chordSlot{position:absolute;top:clamp(2px,1.5dvh,14px);left:50%;translate:-50%}.playground-module__9_h0Va__mascot{left:calc(var(--kb-side) + clamp(16px, 2.6vw, 34px) * .55 + var(--oct-tab) + 8px);bottom:calc(var(--kb-height) + var(--kb-bottom) - 2px);pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;width:clamp(72px,17dvh,150px);height:clamp(72px,17dvh,150px);padding:0;position:absolute}.playground-module__9_h0Va__mascot img,.playground-module__9_h0Va__mascot svg{width:100%;height:100%}.playground-module__9_h0Va__mascot .playground-module__9_h0Va__mascotBubble{pointer-events:none;width:34%;height:auto;position:absolute;top:2%;right:-6%}.playground-module__9_h0Va__mascot:focus-visible{box-shadow:0 0 0 4px var(--accent-light);border-radius:24px}.playground-module__9_h0Va__scene{pointer-events:none;position:absolute;inset:0;overflow:hidden}.playground-module__9_h0Va__fill{width:100%;height:100%;display:block;position:absolute;inset:0}.playground-module__9_h0Va__backdrop{display:block}.playground-module__9_h0Va__tint{transition:fill .9s}.playground-module__9_h0Va__tintStroke{transition:stroke .9s}.playground-module__9_h0Va__dayOnly,.playground-module__9_h0Va__nightOnly{visibility:visible;transition:opacity .9s,visibility}.playground-module__9_h0Va__nightOnly{opacity:0}.playground-module__9_h0Va__backdrop[data-night] .playground-module__9_h0Va__nightOnly{opacity:1}.playground-module__9_h0Va__backdrop[data-night] .playground-module__9_h0Va__dayOnly{opacity:0}.playground-module__9_h0Va__backdrop:not([data-night]) .playground-module__9_h0Va__nightOnly,.playground-module__9_h0Va__backdrop[data-night] .playground-module__9_h0Va__dayOnly{visibility:hidden;transition:opacity .9s,visibility 0s linear .9s}.playground-module__9_h0Va__backdrop:not([data-night]) .playground-module__9_h0Va__nightOnly *,.playground-module__9_h0Va__backdrop[data-night] .playground-module__9_h0Va__dayOnly *{animation-play-state:paused}.playground-module__9_h0Va__sails{transform-box:fill-box;transform-origin:50%;animation:36s linear infinite playground-module__9_h0Va__spin}@keyframes playground-module__9_h0Va__spin{to{transform:rotate(360deg)}}.playground-module__9_h0Va__cloudA{animation:playground-module__9_h0Va__drift 48s var(--ease-dough,ease-in-out) infinite alternate}.playground-module__9_h0Va__cloudB{animation:playground-module__9_h0Va__drift 64s var(--ease-dough,ease-in-out) infinite alternate-reverse}@keyframes playground-module__9_h0Va__drift{0%{transform:translate(-40px)}to{transform:translate(40px)}}.playground-module__9_h0Va__twinkle{animation:2.8s ease-in-out infinite playground-module__9_h0Va__twinkle}@keyframes playground-module__9_h0Va__twinkle{0%,to{opacity:.25}50%{opacity:.95}}.playground-module__9_h0Va__chordPill{border:clamp(3px, .5dvh, 5px) solid var(--chord-fill,var(--crust));background:var(--surface);color:var(--chord-text,var(--ink));white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .6s ease, transform .6s var(--ease-rise,ease-out);border-radius:999px;align-items:center;gap:.35em;padding:.12em .7em .12em .32em;font-size:clamp(26px,5.4dvh,46px);font-weight:700;line-height:1.15;display:inline-flex;transform:translateY(10px)scale(.9)}.playground-module__9_h0Va__chordPill[data-dot-only]{padding:.12em .32em}.playground-module__9_h0Va__chordPill[data-show]{opacity:1;transition:opacity .16s ease-out, transform .28s var(--ease-pop,ease-out);transform:none}.playground-module__9_h0Va__chordDot{background:radial-gradient(circle at 38% 32%, var(--chord-tint), var(--chord-fill) 48%, var(--chord-deep));width:.9em;height:.9em;box-shadow:inset 0 0 0 2px var(--chord-deep);border-radius:50%}.playground-module__9_h0Va__flash{width:clamp(110px,20dvh,190px);height:clamp(60px,11dvh,100px);animation:playground-module__9_h0Va__flashUp 1s var(--ease-rise,ease-out) forwards;position:absolute;translate:-50% -50%}.playground-module__9_h0Va__flash svg{width:100%;height:100%;overflow:visible}@keyframes playground-module__9_h0Va__flashUp{0%{opacity:0;transform:translateY(18px)scale(.6)}14%{opacity:1;transform:translateY(0)scale(1.08)}28%{transform:translateY(-6px)scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-56px)scale(1)}}@keyframes playground-module__9_h0Va__flashFade{0%,70%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.playground-module__9_h0Va__flash{animation:1s linear forwards playground-module__9_h0Va__flashFade!important}}.playground-module__9_h0Va__cookie{--cookie:var(--topbar-cookie,88px);--cookie-line:5px;--cookie-lip:6px;--icon-light:#fffbf5;--icon-accent:var(--toast,#e08a3a);width:calc(var(--cookie) + 16px);height:calc(var(--cookie) + 16px);color:var(--outline);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;outline:none;flex:none;padding:0;position:relative}@media (max-height:520px){.playground-module__9_h0Va__cookie{--cookie-line:clamp(3px, .9dvh, 5px);--cookie-lip:clamp(4px, 1.1dvh, 6px)}.playground-module__9_h0Va__cookie[data-size=small]{--cookie:clamp(48px, 13dvh, 88px)}}.playground-module__9_h0Va__cookieBase,.playground-module__9_h0Va__cookieTop{width:var(--cookie);height:var(--cookie);border:var(--cookie-line) solid var(--outline);border-radius:50%;position:absolute;top:8px;left:8px}.playground-module__9_h0Va__cookieBase{transform:translateY(var(--cookie-lip));background:var(--accent-deep)}.playground-module__9_h0Va__cookieTop{background:radial-gradient(circle at 40% 35%, var(--accent-light), var(--crust) 72%);transition:transform .26s var(--ease-pop,ease-out);place-items:center;display:grid}.playground-module__9_h0Va__cookie:active .playground-module__9_h0Va__cookieTop{transform:translateY(var(--cookie-lip));transition:transform 70ms var(--ease-press,ease-in)}.playground-module__9_h0Va__cookie[data-on] .playground-module__9_h0Va__cookieTop{box-shadow:0 0 0 calc(var(--cookie) * .125) #fffbf5, 0 0 0 calc(var(--cookie) * .125 + var(--cookie-line) * .7) var(--outline);transform:scale(1.06)}.playground-module__9_h0Va__cookie[data-on]:active .playground-module__9_h0Va__cookieTop{transform:translateY(var(--cookie-lip)) scale(1.06)}.playground-module__9_h0Va__cookie:focus-visible .playground-module__9_h0Va__cookieTop{box-shadow:0 0 0 3px var(--surface), 0 0 0 7px var(--outline)}.playground-module__9_h0Va__stitch{pointer-events:none;border:clamp(2px,.35dvh,3px) dotted #fff1cff2;border-radius:50%;position:absolute;inset:9%}.playground-module__9_h0Va__icon{place-items:center;width:62%;height:62%;display:grid;position:relative}.playground-module__9_h0Va__icon svg{width:100%;height:100%;overflow:visible}.playground-module__9_h0Va__cookie[data-dim] .playground-module__9_h0Va__cookieTop,.playground-module__9_h0Va__cookie[data-dim] .playground-module__9_h0Va__cookieBase{opacity:.4}.playground-module__9_h0Va__cookie[data-pulse] .playground-module__9_h0Va__cookieTop{animation:playground-module__9_h0Va__cookieBreathe 1.8s var(--ease-dough,ease-in-out) infinite}.playground-module__9_h0Va__holdRing{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.playground-module__9_h0Va__holdTrack{opacity:0;transition:opacity .12s}.playground-module__9_h0Va__holdArc{stroke-dashoffset:1px;transition:stroke-dashoffset .2s ease-out}.playground-module__9_h0Va__cookie[data-holding] .playground-module__9_h0Va__holdTrack{opacity:1;transition-delay:var(--hold-show,.25s)}.playground-module__9_h0Va__cookie[data-holding] .playground-module__9_h0Va__holdArc{stroke-dashoffset:0;transition:stroke-dashoffset calc(var(--hold-ms,2s) - var(--hold-show,.25s)) linear var(--hold-show,.25s)}@media (prefers-reduced-motion:reduce){.playground-module__9_h0Va__cookie[data-holding] .playground-module__9_h0Va__holdArc{transition:stroke-dashoffset calc(var(--hold-ms,2s) - var(--hold-show,.25s)) linear var(--hold-show,.25s)!important}}.playground-module__9_h0Va__cookie[data-pulse]:after{content:"";width:var(--cookie);height:var(--cookie);border:4px solid var(--crust);pointer-events:none;border-radius:50%;animation:1.8s ease-out infinite playground-module__9_h0Va__cookieRipple;position:absolute;top:8px;left:8px}@keyframes playground-module__9_h0Va__cookieBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes playground-module__9_h0Va__cookieRipple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}.playground-module__9_h0Va__badgeDot{border:max(2px, calc(var(--cookie-line) * .7)) solid var(--outline);background:#fffbf5;border-radius:50%;place-items:center;width:30%;height:30%;display:grid;position:absolute;top:4%;right:4%}.playground-module__9_h0Va__badgeDot svg{width:78%;height:78%}.playground-module__9_h0Va__sheet{z-index:40;border:5px solid var(--outline);background:var(--surface);max-width:min(94vw,760px);box-shadow:0 6px 0 0 color-mix(in srgb, var(--outline) 35%, transparent);transform-origin:100% 0;animation:playground-module__9_h0Va__popIn .22s var(--ease-pop,ease-out);border-radius:28px;position:fixed;overflow:hidden}.playground-module__9_h0Va__tray{z-index:40;background:color-mix(in srgb, var(--surface) 88%, transparent);border:4px solid var(--outline);animation:playground-module__9_h0Va__popIn .22s var(--ease-pop,ease-out);border-radius:999px;gap:10px;padding:6px 10px;display:flex;position:fixed}.playground-module__9_h0Va__note{z-index:40;border:4px solid var(--outline);background:var(--surface);max-width:min(92vw,380px);color:var(--ink);-webkit-user-select:text;user-select:text;cursor:pointer;animation:playground-module__9_h0Va__popIn .22s var(--ease-pop,ease-out);border-radius:20px;align-items:flex-start;gap:12px;padding:12px 12px 12px 16px;font-size:16px;font-weight:500;line-height:1.35;display:flex;position:fixed}@keyframes playground-module__9_h0Va__popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.playground-module__9_h0Va__pendulum{transform-box:view-box;transform-origin:32px 48px}.playground-module__9_h0Va__cookie[data-on] .playground-module__9_h0Va__pendulum{animation:playground-module__9_h0Va__swing var(--swing,1.5s) ease-in-out infinite alternate}@keyframes playground-module__9_h0Va__swing{0%{transform:rotate(-22deg)}to{transform:rotate(22deg)}}
.picker-module__nV8SEG__scrim{z-index:80;background:var(--scrim,#4a2b1e80);place-items:center;padding:16px;animation:.2s both picker-module__nV8SEG__picker-fade;display:grid;position:fixed;inset:0;overflow:hidden}.picker-module__nV8SEG__card{--avatar:104px;--cell:calc(var(--avatar) + 16px);--gap:8px;--tutti:96px;--back:88px;border:5px solid var(--outline,#4a2b1e);background:var(--surface,#fffbf5);max-width:100%;color:var(--ink,#4a2b1e);box-shadow:0 8px 0 var(--shadow,#4a2b1e24);animation:picker-module__nV8SEG__picker-pop .26s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1)) both;border-radius:32px;outline:none;grid-template-areas:"tutti""grid""back";justify-items:center;gap:12px;padding:clamp(14px,3vw,28px);display:grid;position:relative}.picker-module__nV8SEG__tutti{width:var(--tutti);height:var(--tutti);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;grid-area:tutti;padding:0}.picker-module__nV8SEG__tuttiArt{width:100%;height:100%;display:block}.picker-module__nV8SEG__grid{grid-area:grid;grid-template-columns:repeat(var(--cols-l,4), var(--cell));gap:var(--gap);justify-content:center;display:grid}@media (orientation:portrait){.picker-module__nV8SEG__grid{grid-template-columns:repeat(var(--cols-p,3), var(--cell))}}.picker-module__nV8SEG__back{grid-area:back;justify-self:start}.picker-module__nV8SEG__cookie[data-hop]{animation:picker-module__nV8SEG__picker-hop .42s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1)) both}@media (max-width:599px),(max-height:500px){.picker-module__nV8SEG__scrim{padding:8px}.picker-module__nV8SEG__card{--avatar:72px;--tutti:72px;--back:64px;border-width:4px;border-radius:26px;gap:10px;padding:12px 8px}}@media (max-height:500px) and (orientation:landscape){.picker-module__nV8SEG__card{grid-template-columns:auto auto;grid-template-areas:"tutti grid""back grid";align-items:center;column-gap:16px;padding:12px 16px}.picker-module__nV8SEG__back{justify-self:center}}@media (prefers-reduced-motion:reduce){.picker-module__nV8SEG__scrim,.picker-module__nV8SEG__card,.picker-module__nV8SEG__cookie[data-hop]{animation:none}}@keyframes picker-module__nV8SEG__picker-fade{0%{opacity:0}}@keyframes picker-module__nV8SEG__picker-pop{0%{opacity:0;transform:scale(.9)}}@keyframes picker-module__nV8SEG__picker-hop{0%{transform:none}35%{transform:translateY(-16px)scale(1.06)}65%{transform:translateY(0)scale(1.05,.95)}to{transform:none}}
.trainer-module__T7G5tW__cue{border:4px solid var(--ink,#4a2b1e);background:var(--surface,#fffbf5);width:clamp(48px,9dvh,72px);height:clamp(48px,9dvh,72px);box-shadow:0 4px 0 var(--accent-deep,#c9772f);pointer-events:none;border-radius:999px 999px 999px 10px;place-items:center;animation:.9s ease-out both trainer-module__T7G5tW__cue-pop;display:grid;position:absolute}.trainer-module__T7G5tW__cue svg{width:72%;height:72%}@keyframes trainer-module__T7G5tW__cue-pop{0%{opacity:0;transform:scale(.3)}18%{opacity:1;transform:scale(1.12)}30%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.trainer-module__T7G5tW__star{color:#f0b259}.trainer-module__T7G5tW__starEmpty{color:color-mix(in srgb, var(--ink,#4a2b1e) 18%, transparent)}.trainer-module__T7G5tW__starNew{color:#f0b259;animation:.7s cubic-bezier(.2,1.6,.4,1) both trainer-module__T7G5tW__star-new}@keyframes trainer-module__T7G5tW__star-new{0%{transform:scale(0)rotate(-40deg)}to{transform:scale(1)rotate(0)}}.trainer-module__T7G5tW__chip{border:3px solid var(--ink,#4a2b1e);background:var(--surface,#fffbf5);border-radius:999px;align-items:center;gap:4px;padding:2px 10px 2px 4px;font-size:1.15rem;font-weight:700;line-height:1;display:inline-flex}.trainer-module__T7G5tW__chip svg{width:36px;height:36px}.trainer-module__T7G5tW__shelfTab{opacity:.75;border-radius:999px;flex:none;width:clamp(40px,7dvh,52px);height:clamp(40px,7dvh,52px)}.trainer-module__T7G5tW__shelfTabOn{opacity:1;outline:4px solid var(--accent-deep,#c9772f);outline-offset:2px;transform:translateY(-2px)}.trainer-module__T7G5tW__tip{border:3px dashed var(--ink,#4a2b1e);background:var(--surface,#fffbf5);border-radius:999px;align-items:center;gap:2px;padding:2px 8px 2px 2px;display:inline-flex}.trainer-module__T7G5tW__tipTutti,.trainer-module__T7G5tW__tipIcon{width:34px;height:34px;display:block}.trainer-module__T7G5tW__gate{border:3px solid var(--ink,#4a2b1e);background:var(--surface,#fffbf5);border-radius:999px;align-items:center;gap:4px;padding:3px 10px 3px 5px;display:inline-flex;position:relative}.trainer-module__T7G5tW__gate>svg{width:30px;height:30px}.trainer-module__T7G5tW__gateFocus{background:color-mix(in srgb, #fad58a 45%, var(--surface,#fffbf5));border-style:dashed}.trainer-module__T7G5tW__gateStars{color:#f0b259;gap:1px;display:inline-flex}.trainer-module__T7G5tW__gateStars svg{width:15px;height:15px}.trainer-module__T7G5tW__gateUp{border:2.5px solid var(--ink,#4a2b1e);background:#fad58a;border-radius:50%;place-items:center;width:22px;height:22px;animation:.6s cubic-bezier(.2,1.6,.4,1) .5s both trainer-module__T7G5tW__star-new;display:grid;position:absolute;top:-10px;right:-8px}.trainer-module__T7G5tW__gateUp svg{width:14px;height:14px}@media (max-width:420px){.trainer-module__T7G5tW__bigStars svg{width:44px;height:44px}.trainer-module__T7G5tW__chip{padding:2px 8px 2px 3px;font-size:1rem}.trainer-module__T7G5tW__chip svg{width:28px;height:28px}}.trainer-module__T7G5tW__better{border:3px solid var(--ink,#4a2b1e);background:#fad58a;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-weight:700;animation:.6s cubic-bezier(.2,1.6,.4,1) .3s both trainer-module__T7G5tW__star-new;display:inline-flex}.trainer-module__T7G5tW__rBreak{display:none}@media (max-width:599px){.trainer-module__T7G5tW__rCard{row-gap:8px;padding-top:12px;padding-bottom:12px}.trainer-module__T7G5tW__rCol{display:contents}.trainer-module__T7G5tW__rHead{order:1}.trainer-module__T7G5tW__rCard .trainer-module__T7G5tW__path{order:2}.trainer-module__T7G5tW__rActions{order:3}.trainer-module__T7G5tW__rNext{order:4}.trainer-module__T7G5tW__rCard .trainer-module__T7G5tW__better{order:5}.trainer-module__T7G5tW__rSlice{order:6}.trainer-module__T7G5tW__rChips{order:7}.trainer-module__T7G5tW__rGates{order:8}.trainer-module__T7G5tW__rText{order:9}}@media (max-height:520px) and (min-width:600px){.trainer-module__T7G5tW__rTutti{display:none}.trainer-module__T7G5tW__rCard{--r-choose:56px;--r-go:80px;border-radius:32px;flex-flow:wrap;justify-content:center;gap:8px 12px;padding:8px 16px}.trainer-module__T7G5tW__rCol{display:contents}.trainer-module__T7G5tW__rHead{flex-direction:column;order:10;gap:4px}.trainer-module__T7G5tW__rCard .trainer-module__T7G5tW__bigStars svg{width:36px;height:36px}.trainer-module__T7G5tW__rCard .trainer-module__T7G5tW__path{--stone:40px;order:20}.trainer-module__T7G5tW__rCard .trainer-module__T7G5tW__stoneBonus{--stone:32px}.trainer-module__T7G5tW__rCard .trainer-module__T7G5tW__crustLine{width:14px}.trainer-module__T7G5tW__rActions{order:30;gap:12px}.trainer-module__T7G5tW__rNext{order:40}.trainer-module__T7G5tW__rNextTitle{display:none}.trainer-module__T7G5tW__rBreak{flex-basis:100%;order:50;height:0;display:block}.trainer-module__T7G5tW__rCard .trainer-module__T7G5tW__better{order:60}.trainer-module__T7G5tW__rSlice{order:70}.trainer-module__T7G5tW__rChips{order:80}.trainer-module__T7G5tW__rGates{order:90}.trainer-module__T7G5tW__rText{order:100}}@media (max-height:520px) and (min-width:600px) and (max-width:799px){.trainer-module__T7G5tW__rCard .trainer-module__T7G5tW__path{order:45}}.trainer-module__T7G5tW__confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.trainer-module__T7G5tW__bit{border:2px solid var(--ink,#4a2b1e);width:14px;height:14px;animation:trainer-module__T7G5tW__fall var(--dur,2.2s) var(--delay,0s) ease-in both;border-radius:4px;position:absolute;top:-24px}@keyframes trainer-module__T7G5tW__fall{0%{opacity:1;transform:translate(0)rotate(0)}85%{opacity:1}to{transform:translate(var(--drift,0px), 110vh) rotate(var(--spin,360deg));opacity:0}}.trainer-module__T7G5tW__path{--stone:56px;align-items:center;padding:34px 6px 18px;display:flex;position:relative}@media (max-width:420px){.trainer-module__T7G5tW__path{--stone:44px}}.trainer-module__T7G5tW__stone{width:var(--stone);height:var(--stone);border:4px solid var(--ink,#4a2b1e);color:var(--ink,#4a2b1e);border-radius:999px;flex:none;place-items:center;display:grid;position:relative}.trainer-module__T7G5tW__stoneBonus{--stone:44px}@media (max-width:420px){.trainer-module__T7G5tW__stoneBonus{--stone:36px}}.trainer-module__T7G5tW__stonePassed{color:#4a2b1e;--icon-accent:#e08a3a;--icon-light:#fffbf5;background:#f0b259}.trainer-module__T7G5tW__stoneCurrent{background:var(--surface,#fffbf5)}.trainer-module__T7G5tW__stoneFuture{background:var(--surface-2,#f3e3cc);opacity:.6;border-style:dashed}.trainer-module__T7G5tW__stoneMode{place-items:center;width:61%;height:61%;display:grid}.trainer-module__T7G5tW__stoneMode>svg{width:100%;height:100%}.trainer-module__T7G5tW__stoneSpeed{--icon-accent:#f0b259;--icon-light:#fffbf5;width:calc(var(--stone) * .5);height:calc(var(--stone) * .5);color:#4a2b1e;background:#fffbf5;border:2.5px solid #4a2b1e;border-radius:999px;place-items:center;display:grid;position:absolute;bottom:-7px;right:-9px}.trainer-module__T7G5tW__stoneSpeed>svg{width:88%;height:88%}.trainer-module__T7G5tW__stamp{width:calc(var(--stone) * .46);height:calc(var(--stone) * .46);color:#4a2b1e;--icon-accent:#fffbf5;place-items:center;display:grid;position:absolute;top:-10px;right:-10px}.trainer-module__T7G5tW__stamp>svg{width:100%;height:100%}.trainer-module__T7G5tW__stampNew{animation:trainer-module__T7G5tW__stamp-pop .52s .9s var(--ease-pop,cubic-bezier(.34, 1.56, .64, 1)) both}@keyframes trainer-module__T7G5tW__stamp-pop{0%{transform:scale(0)rotate(-35deg)}to{transform:scale(1)rotate(0)}}.trainer-module__T7G5tW__pips{gap:5px;display:flex;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.trainer-module__T7G5tW__pip{border:2px solid var(--ink,#4a2b1e);background:var(--surface-2,#f3e3cc);border-radius:999px;width:10px;height:10px}.trainer-module__T7G5tW__pipOn{background:#f0b259}.trainer-module__T7G5tW__crustLine{border-top:5px dotted var(--crust,#f0b259);flex:none;width:clamp(8px,2.6vw,24px);height:0;margin:0 3px}.trainer-module__T7G5tW__crustShort{width:clamp(6px,1.6vw,12px)}.trainer-module__T7G5tW__pathSlice{width:calc(var(--stone) * .86);height:calc(var(--stone) * .86);color:var(--ink,#4a2b1e);flex:none;place-items:center;display:grid}.trainer-module__T7G5tW__pathSlice>svg{width:100%;height:100%}.trainer-module__T7G5tW__marker{width:30px;height:30px;color:var(--ink,#4a2b1e);transition:transform .4s var(--ease-dough,ease-in-out);position:absolute;top:0;left:0}.trainer-module__T7G5tW__marker>span,.trainer-module__T7G5tW__marker svg{width:100%;height:100%;display:block}.trainer-module__T7G5tW__markerHop{animation:trainer-module__T7G5tW__hat-hop .4s var(--ease-dough,ease-in-out)}@keyframes trainer-module__T7G5tW__hat-hop{50%{transform:translateY(-14px)}}.trainer-module__T7G5tW__miniPath{justify-content:center;align-items:center;gap:3px;min-height:14px;margin-top:3px;display:flex}.trainer-module__T7G5tW__dot{border-radius:999px;flex:none;width:10px;height:10px}.trainer-module__T7G5tW__dotPassed{border:2px solid var(--ink,#4a2b1e);background:#f0b259}.trainer-module__T7G5tW__dotCurrent{border:2.5px solid var(--ink,#4a2b1e);background:var(--surface,#fffbf5)}.trainer-module__T7G5tW__dotFuture{border:2px solid color-mix(in srgb, var(--ink,#4a2b1e) 30%, transparent);background:var(--surface-2,#f3e3cc);opacity:.6}.trainer-module__T7G5tW__revisit{animation:1.4s ease-in-out infinite trainer-module__T7G5tW__revisit}.trainer-module__T7G5tW__wideChip{color:#4a2b1e;--icon-light:#fffbf5;--icon-accent:#f0b259;pointer-events:none;background:#fffbf5;border:2.5px solid #4a2b1e;border-radius:50%;place-items:center;width:40%;height:40%;display:grid;position:absolute;bottom:-4%;right:-4%}.trainer-module__T7G5tW__wideChip svg{width:80%;height:80%}@keyframes trainer-module__T7G5tW__revisit{50%{transform:translateY(-4px)scale(1.06)}}@media (prefers-reduced-motion:reduce){.trainer-module__T7G5tW__gateUp,.trainer-module__T7G5tW__cue,.trainer-module__T7G5tW__starNew,.trainer-module__T7G5tW__better,.trainer-module__T7G5tW__bit,.trainer-module__T7G5tW__revisit,.trainer-module__T7G5tW__stampNew,.trainer-module__T7G5tW__markerHop{animation:none}.trainer-module__T7G5tW__marker{transition:none}.trainer-module__T7G5tW__confetti{display:none}}
