html{overscroll-behavior-x:none}:is(html:has(body[data-screen=play]),html:has(body[data-screen=celebrate]),html:has(body[data-screen=splash])){overscroll-behavior:none}#app.fs-app{position:relative;overflow-x:clip}.fs-screen{width:100%}.fs-screen:focus{outline:none}.fs-screen.is-leaving{z-index:0}.fs-screen.is-staging{visibility:hidden;pointer-events:none;position:absolute;top:0;left:0}.fs-play-screen,.fs-cel-screen,.fs-splash-screen{height:100vh;height:100dvh;margin-top:calc(-1 * var(--fs-chrome-h,88px));flex:none;position:relative}.fs-play-screen.is-leaving,.fs-cel-screen.is-leaving,.fs-splash-screen.is-leaving{margin-top:0}[data-level="1"]{--level-color:var(--sprout)}[data-level="2"]{--level-color:var(--sky)}[data-level="3"]{--level-color:var(--plum)}.fs-play{grid-template-rows:var(--fs-chrome-h,88px) minmax(0, 1fr) auto;-webkit-user-select:none;user-select:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"top""stack""nav";height:100%;display:grid;position:relative;overflow:clip}.fs-top{grid-area:top;position:relative}.fs-dots{--dot:clamp(9px, 2.5vw, 13px);left:50%;top:var(--fs-chrome-mid,40px);align-items:center;gap:calc(var(--dot) * .6);max-width:calc(100% - 2 * (max(var(--gutter), env(safe-area-inset-left)) + var(--fs-chrome-btn,56px) + 12px));margin:0;padding:0;list-style:none;display:flex;position:absolute;transform:translate(-50%,-50%)}.fs-dot-p{width:var(--dot);height:var(--dot);transition:background-color var(--dur-base) var(--ease);background:#1f293729;border-radius:50%;flex:none}.fs-dot-p.is-seen{background:var(--level-color)}.fs-dot-p.is-now{background:var(--card);box-shadow:0 0 0 2.5px var(--level-color)}.fs-area{grid-area:stack;place-items:center;min-height:0;display:grid;position:relative;container-type:size}.fs-stack{--card-w:min(calc(100cqw - 2 * var(--gutter)), calc((100cqh - 12px) / 1.335), 720px);width:var(--card-w);height:calc(var(--card-w) * 1.25);margin-bottom:calc(var(--card-w) * .085);touch-action:none;position:relative}.fs-drag-proxy{visibility:hidden;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0}.fs-card{will-change:transform;-webkit-tap-highlight-color:transparent;position:absolute;inset:0;container-type:size}.fs-card[data-pos="0"] .fs-flip{will-change:transform}.fs-shadow,.fs-face,.fs-toggle{border-radius:clamp(20px,7.8cqw,44px)}.fs-shadow{background:#1f29371a;position:absolute;inset:0}.fs-card:not([data-pos="0"]):not([data-pos=leaving]) .fs-shadow{background:#1f29370d}.fs-body{position:absolute;inset:0}.fs-flip{transform-style:preserve-3d;position:absolute;inset:0}.fs-face{background:var(--card);border:1px solid var(--line);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.fs-back{transform:rotateY(180deg)}.fs-front{flex-direction:column;justify-content:center;align-items:center;gap:4cqw;display:flex}.fs-card[data-plain] .fs-toggle{pointer-events:none}.fs-card{--snd:clamp(64px, 23cqw, 104px)}.fs-card[data-sound] .fs-front{padding-bottom:calc(var(--snd) + 9cqw)}.fs-word{z-index:1;text-align:center;font-family:var(--font-read);letter-spacing:var(--read-tracking);color:var(--ink);white-space:nowrap;padding-bottom:3cqw;font-size:26.67cqw;font-weight:700;line-height:1.15;display:block;position:relative}.fs-chars{isolation:isolate;display:inline-block;position:relative}.fs-ch{transform-origin:50% 80%;display:inline-block}.fs-bars{z-index:-1;pointer-events:none;position:absolute;inset:0}.fs-card[data-sound] .fs-word{padding-bottom:.18em}.fs-bar{border-radius:var(--radius-pill);background:var(--sun);transform-origin:50%;height:.12em;position:absolute;top:1em;box-shadow:0 .03em #e5a900}.fs-thumb{flex:none;place-items:center;display:grid;position:relative}.fs-thumb--color{background:var(--thumb);border-radius:50%;width:28cqw;height:28cqw;box-shadow:inset 0 0 0 .5cqw #1f29370f,0 1.3cqw #1f29371a}.fs-thumb--color[data-light]{box-shadow:inset 0 0 0 .9cqw #cbd2dc,0 1.3cqw #1f293714}.fs-thumb--dots{--d:12cqw;background:var(--mint);border-radius:6cqw;gap:3cqw;padding:4.4cqw 5cqw;display:flex}.fs-thumb--dots[data-n="1"]{--d:15.5cqw}.fs-thumb--dots[data-n="2"]{--d:14.5cqw}.fs-thumb--dots[data-n="3"]{--d:13cqw}.fs-thumb-dot{width:var(--d);height:var(--d);background:var(--sprout);border-radius:50%;box-shadow:0 .9cqw #1f293724}.fs-thumb--icon{background:var(--sky-stage);width:28cqw;height:28cqw;color:var(--sky);border-radius:50%}.fs-thumb--icon .icon{width:62%;height:62%}.fs-thumb--icon[data-icon=check]{background:var(--mint);color:var(--sprout)}.fs-thumb--icon[data-icon=cross]{color:var(--coral);background:#fde6e9}.fs-dot{background:var(--level-color);border-radius:50%;width:4.6cqw;height:4.6cqw;position:absolute;top:6cqw;left:6cqw}.fs-ribbon{background:var(--lilac);color:var(--plum);font-family:var(--font-ui);letter-spacing:.01em;white-space:nowrap;border-radius:0 0 3.4cqw 3.4cqw;padding:1.7cqw 4.4cqw 2cqw;font-size:max(19px,5.4cqw);font-weight:700;line-height:1.1;position:absolute;top:0;left:50%;transform:translate(-50%)}.fs-back{flex-direction:column;display:flex}.fs-stage{height:var(--stage-h,77.6cqw);background:var(--sand);border-radius:clamp(14px,4.6cqw,30px);flex:none;margin:3.4cqw 3.4cqw 0;position:relative;overflow:hidden}.fs-stage[data-stage=meadow],.fs-stage[data-stage=farm],.fs-stage[data-stage=garden],.fs-stage[data-stage=hill]{background:var(--mint)}.fs-stage[data-stage=pond],.fs-stage[data-stage=snow],.fs-stage[data-stage=road],.fs-stage[data-stage=city]{background:var(--sky-stage)}.fs-stage[data-stage=night]{background:var(--night)}.fs-stage[data-stage=school],.fs-stage[data-stage=plain]{background:var(--lilac)}.fs-caption{grid-template-columns:var(--side-l,17.5cqw) minmax(0, 1fr) var(--side-r,17.5cqw);flex:auto;align-items:center;min-height:0;padding:2.6cqw 3.4cqw 3.4cqw;display:grid}.fs-text{grid-column:2;justify-items:center;gap:1.2cqw;display:grid}.fs-sentence{font-family:var(--font-read);font-size:7.78cqw;font-weight:400;line-height:var(--read-leading);letter-spacing:var(--read-tracking);color:var(--ink);text-align:center;text-wrap:balance}.fs-w{white-space:nowrap;transform-origin:50% 70%;display:inline-block}.fs-hl{isolation:isolate;display:inline-block;position:relative}.fs-box{z-index:-1;background:var(--sun);border-radius:.2em;position:absolute;inset:.02em -.13em -.02em}.fs-letters{min-height:1.3em;font-family:var(--font-read);letter-spacing:.02em;color:var(--plum);justify-content:center;align-items:center;gap:.08em;font-size:6.2cqw;font-weight:700;line-height:1.2;display:flex}.fs-letter{display:inline-block}.fs-toggle{z-index:1;width:100%;height:100%;cursor:inherit;background:0 0;position:absolute;inset:0}.fs-card[data-pos="0"]{cursor:grab}.fs-body{--ctl:clamp(56px, 15.5cqw, 84px)}.fs-ctl{--elev:0 4px 0 #1f293724;z-index:2;width:var(--ctl);height:var(--ctl);background:var(--sun);color:var(--ink);box-shadow:var(--elev);transition:box-shadow var(--dur-press) var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute}.fs-ctl .icon{width:48%;height:48%;transition:transform var(--dur-press) var(--ease)}.fs-card[data-pos="1"] .fs-ctl,.fs-card[data-pos="2"] .fs-ctl{visibility:hidden!important}.fs-front>:is(.fs-word,.fs-dot,.fs-thumb){transition:opacity .24s var(--ease-out)}.fs-card:is([data-pos="1"],[data-pos="2"]) .fs-front>:is(.fs-word,.fs-dot,.fs-thumb){opacity:0;transition-duration:.12s}.fs-ctl:active{--elev:0 1px 0 #1f293724}.fs-ctl:active :is(.icon,.fs-abc){transform:translateY(2px)scale(.92)}.fs-speak{bottom:3.4cqw;right:3.4cqw}.fs-sound{left:calc(50% - var(--snd) / 2);width:var(--snd);height:var(--snd);bottom:5cqw}.fs-sound .icon{width:54%;height:54%}.fs-replay,.fs-spell{top:calc((var(--stage-h,77.6cqw) + 127.6cqw) / 2 - var(--ctl) / 2)}.fs-replay{right:3.4cqw}.fs-spell{background:var(--lilac);color:var(--plum);left:3.4cqw}.fs-abc{font-family:var(--font-read);letter-spacing:.01em;font-size:clamp(20px,5.6cqw,30px);font-weight:700;line-height:1}.fs-ctl.is-playing .icon{animation:fs-speak-pulse .9s var(--ease-sine) infinite alternate}@keyframes fs-speak-pulse{0%{transform:scale(1)}to{transform:scale(1.14)}}html[data-motion=reduced] .fs-ctl.is-playing .icon{animation:none}.fs-tap-hint{z-index:0;border:1.6cqw solid var(--sun);pointer-events:none;border-radius:50%;width:34cqw;height:34cqw;margin:-17cqw 0 0 -17cqw;position:absolute;top:46%;left:50%}.fs-nav{width:min(100%,640px);padding:var(--space-3) max(var(--gutter), env(safe-area-inset-right)) max(var(--space-5), env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));grid-area:nav;justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.fs-navbtn{border-radius:24px;width:clamp(96px,30vw,168px);min-width:0;height:72px;padding:0}.fs-navbtn .icon{width:40px;height:40px}.fs-prev.is-off{opacity:.38;--elev:none;cursor:default}@media (hover:hover){.fs-prev.is-off:hover{transform:none}}.fs-play{--pip-w:clamp(76px, 20vw, 112px);--nav-h:calc(72px + var(--space-3) + max(var(--space-5), env(safe-area-inset-bottom)))}.fs-toast{z-index:50;left:max(var(--gutter), env(safe-area-inset-left));right:max(var(--gutter), env(safe-area-inset-right));bottom:calc(var(--nav-h) + 12px);pointer-events:none;justify-content:center;display:flex;position:absolute}.fs-toast-pill{background:var(--ink);color:#fff;max-width:340px;font-size:var(--text-lg);font-weight:var(--weight-ui-strong);text-align:center;text-wrap:balance;border-radius:22px;padding:12px 20px;line-height:1.25;position:relative}.fs-play[data-pip="1"] .fs-toast{bottom:calc(max(var(--space-3), env(safe-area-inset-bottom)) + var(--pip-w) * 1.12 + 14px)}.fs-play[data-pip="1"] .fs-toast-pill:before{content:"";border-style:solid;border-width:10px 9px 0;border-color:var(--ink) transparent transparent transparent;position:absolute;bottom:-9px;left:calc(50% - 9px)}.fs-pip{z-index:45;left:50%;bottom:max(var(--space-3), env(safe-area-inset-bottom));width:var(--pip-w);margin-left:calc(var(--pip-w) / -2);pointer-events:none;position:absolute}.chrome-back.fs-holding{--elev:0 0 0 5px var(--sun), var(--shadow-sm-pressed);transition-duration:.3s}@media (min-aspect-ratio:5/4){.fs-play{--top-l:calc(var(--fs-chrome-mid,40px) + 22px);--bottom-l:max(var(--space-4), env(safe-area-inset-bottom));--area-w:min(calc((100dvh - var(--top-l) - var(--bottom-l) - 12px) / 1.335 + 2 * var(--gutter)), calc(720px + 2 * var(--gutter)));--side-w:calc((100vw - var(--area-w)) / 2);grid-template-rows:var(--top-l) minmax(0, 1fr);grid-template-columns:minmax(0, 1fr) var(--area-w) minmax(0, 1fr);padding-bottom:var(--bottom-l);grid-template-areas:"top top top""prev stack next"}.fs-nav{display:contents}.fs-navbtn{border-radius:50%;align-self:center;width:clamp(84px,9vw,124px);height:clamp(84px,9vw,124px);margin-bottom:18px}.fs-navbtn .icon{width:44%;height:44%}.fs-prev{grid-area:prev;justify-self:end;margin-right:clamp(12px,3vw,56px)}.fs-next{grid-area:next;justify-self:start;margin-left:clamp(12px,3vw,56px)}.fs-pip{left:calc((var(--side-w) - var(--pip-w)) / 2);bottom:var(--bottom-l);margin-left:0}.fs-toast,.fs-play[data-pip="1"] .fs-toast{left:var(--gutter);width:calc(var(--side-w) - 2 * var(--gutter));right:auto;bottom:calc(var(--bottom-l) + var(--pip-w) * 1.12 + 14px)}}@media (min-width:600px) and (max-aspect-ratio:1249/1000),(min-aspect-ratio:5/4) and (max-height:580px){.fs-play[data-pip="1"]{--pip-w:64px;--bubble-w:112px;--pair-gap:14px;--pair-w:calc(var(--pip-w) + var(--pair-gap) + var(--bubble-w));--pair-h:calc(var(--pip-w) * 1.1)}.fs-play[data-pip="1"] .fs-pip{left:var(--pair-x);top:var(--pair-top);margin-left:0;bottom:auto}.fs-play[data-pip="1"] .fs-toast{left:calc(var(--pair-x) + var(--pip-w) + var(--pair-gap));width:var(--bubble-w);right:auto;top:var(--pair-top);height:var(--pair-h);align-items:center;bottom:auto}.fs-play[data-pip="1"] .fs-toast-pill{width:100%;font-size:var(--text-md);border-radius:18px;padding:10px 12px;line-height:1.2}.fs-play[data-pip="1"] .fs-toast-pill:before{border-width:9px 10px 9px 0;border-color:transparent var(--ink) transparent transparent;top:calc(50% - 9px);bottom:auto;left:-10px}}@media (min-width:600px) and (max-aspect-ratio:1249/1000){.fs-play[data-pip="1"]{--pair-x:calc(50% - var(--pair-w) / 2);--pair-top:calc(100% - max(var(--space-5), env(safe-area-inset-bottom)) - 36px - var(--pair-h) / 2)}}@media (min-aspect-ratio:5/4) and (max-height:580px){.fs-play[data-pip="1"]{--pair-x:calc(max(var(--gutter), env(safe-area-inset-left)) + (var(--side-w) - max(var(--gutter), env(safe-area-inset-left)) - var(--pair-w)) / 2);--arrow-l:clamp(84px, 9vw, 124px);--pair-top:calc(75% + (var(--top-l) - 3 * var(--bottom-l) + var(--arrow-l) - 18px) / 4 - var(--pair-h) / 2)}}.fs-cel{grid-template-rows:var(--fs-chrome-h,88px) minmax(0, 1fr) auto;text-align:center;height:100%;display:grid;position:relative;overflow:clip}.fs-cel-top{position:relative}.fs-cel-main{min-height:0;padding:0 var(--gutter);align-content:center;justify-items:center;gap:clamp(8px,1.6vh,16px);display:grid}.fs-cel-hero{aspect-ratio:1;place-items:center;width:min(52vw,32vh,340px);margin-bottom:clamp(4px,1.5vh,16px);display:grid;position:relative}.fs-rays{color:var(--sun);opacity:.55;position:absolute;inset:-34%}.fs-rays svg{width:100%;height:100%}.fs-cel-cover{object-fit:contain;grid-area:1/1;width:80%;height:80%;position:relative}.fs-cel-star{z-index:1;aspect-ratio:1;filter:drop-shadow(0 4px #1f29371f);width:40%;height:auto;position:absolute;top:-10%;right:-12%}.fs-cel-title{font-size:var(--text-3xl);font-weight:var(--weight-ui-heavy);color:var(--ink);line-height:1.05}.fs-cel-line{font-size:var(--text-xl);color:var(--ink-soft);line-height:1.2}.fs-cel-actions{justify-content:center;gap:var(--space-3) var(--space-4);padding:var(--space-4) max(var(--gutter), env(safe-area-inset-right)) max(var(--space-6), env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));flex-wrap:wrap;display:flex}.fs-cel-btn{min-width:160px;min-height:64px;padding-inline:var(--space-4);font-size:clamp(1.1875rem,4.8vw,1.375rem);font-weight:var(--weight-ui-heavy);white-space:nowrap}.fs-cel-btn .icon{width:26px;height:26px}@media (max-width:559px){.fs-cel-actions{grid-template-columns:1fr 1fr;display:grid}.fs-cel-actions[data-count="3"]>:first-child{grid-column:1/-1}.fs-cel-btn{width:100%;min-width:0}}.fs-cel-fx{z-index:20;pointer-events:none;position:absolute;inset:0;overflow:hidden}.fs-cel-pip{z-index:2;pointer-events:none;width:clamp(80px,44%,120px);position:absolute;bottom:-10%;left:-36%}.fs-cel-pip:empty{display:none}@media (max-height:560px) and (min-aspect-ratio:5/4){.fs-cel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:var(--fs-chrome-h,88px) minmax(0, 1fr)}.fs-cel-top{grid-column:1/-1}.fs-cel-main{grid-column:1}.fs-cel-actions{grid-column:2;grid-template-columns:1fr;align-content:center;padding-top:0;display:grid}.fs-cel-actions>*{grid-column:auto!important}.fs-cel-hero{width:min(30vw,34vh,180px)}}.fs-splash-screen{display:grid}.fs-splash{padding:var(--fs-chrome-h,88px) var(--gutter) max(var(--space-7), env(safe-area-inset-bottom));place-items:center;display:grid}.fs-start{--elev:none;aspect-ratio:4/5;border-radius:clamp(20px,7.8vw,34px);width:min(62vw,46vh,380px);margin-top:4vh;position:relative}.fs-splash-card{border-radius:inherit;background:var(--card);border:1px solid var(--line);position:absolute;inset:0;box-shadow:0 10px #1f29371a}.fs-splash-card--3{transform:rotate(7deg);box-shadow:0 8px #1f29370d}.fs-splash-card--2{transform:rotate(-2deg);box-shadow:0 8px #1f29370d}.fs-splash-card--1{place-items:center;display:grid;transform:rotate(-8deg)}.fs-splash-sprout{transform-origin:50% 100%;width:42%;height:auto;margin-top:-27%;margin-left:-21%;position:absolute;top:0;left:50%}.fs-splash-play,.fs-splash-ring{aspect-ratio:1;border-radius:50%;grid-area:1/1;width:54%;rotate:8deg}.fs-splash-play{background:var(--sprout);color:#fff;place-items:center;display:grid;box-shadow:0 8px #1f293729}.fs-splash-play .icon{fill:currentColor;width:46%;height:46%;margin-left:9%}.fs-splash-ring{border:5px solid var(--sprout);opacity:0}.fs-start:active .fs-splash-play{transform:translateY(3px);box-shadow:0 5px #1f293729}.fs-sheet{width:100%;max-width:100%;max-height:92dvh;padding:0 0 max(var(--space-5), env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--card);color:var(--ink);overscroll-behavior:contain;border:0;margin:auto 0 0;overflow:auto}.fs-sheet::backdrop{background:#1f293773;transition:opacity .2s}.fs-sheet.is-closing::backdrop{opacity:0}@media (min-width:640px){.fs-sheet{border-radius:var(--radius-lg);width:min(480px,100% - 32px);padding-bottom:var(--space-5);box-shadow:var(--shadow);margin:auto}}.fs-sheet-head{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-2) var(--space-5);display:flex}.fs-sheet-title{font-size:var(--text-xl);font-weight:var(--weight-ui-strong)}.fs-sheet-close{--elev:none;background:var(--paper)}.fs-sheet-list{display:grid}.fs-row{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;min-height:76px;padding:var(--space-3) var(--space-5);text-align:left;display:flex}.fs-row+.fs-row,.fs-row+.fs-seg{border-top:1px solid var(--line)}@media (max-height:900px){.fs-row{min-height:66px;padding-block:var(--space-2)}.fs-sheet-head{padding-top:var(--space-3)}}.fs-row:focus-visible{outline-offset:-3px;border-radius:18px;box-shadow:inset 0 0 0 6px var(--sun)!important}.fs-row-text{gap:2px;display:grid}.fs-row-title{font-size:var(--text-lg);font-weight:var(--weight-ui-strong);line-height:1.2}.fs-row-sub{font-size:var(--text-sm);color:var(--ink-soft);line-height:1.35;display:block}.fs-switch{border-radius:var(--radius-pill);width:58px;height:34px;transition:background-color var(--dur-base) var(--ease);background:#1f29378c;flex:none;position:relative}.fs-switch-thumb{width:28px;height:28px;transition:transform var(--dur-base) var(--ease-back);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px #1f29372e}.fs-row[aria-checked=true] .fs-switch{background:var(--sprout)}.fs-row[aria-checked=true] .fs-switch-thumb{transform:translate(24px)}.fs-seg{padding:var(--space-3) var(--space-5) var(--space-4);border:0;border-top:1px solid var(--line);min-width:0;margin:0}.fs-seg legend{float:left;width:100%;padding:0}.fs-seg .fs-row-sub{clear:both;margin-top:2px}.fs-seg-row{margin-top:var(--space-3);border-radius:var(--radius);background:var(--paper);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.fs-seg-opt{min-height:var(--target);font-weight:var(--weight-ui-strong);text-align:center;cursor:pointer;border-radius:16px;place-items:center;padding:0 6px;line-height:1.15;display:grid;position:relative}.fs-seg-opt input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.fs-seg-opt span{pointer-events:none}.fs-seg-opt:has(input:checked){background:var(--card);color:var(--ink);box-shadow:0 3px #1f29371a}.fs-seg-opt:has(input:focus-visible){outline:3px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 3px var(--sun)}.fs-sheet-done{width:calc(100% - 2 * var(--space-5));margin:var(--space-3) var(--space-5) 0;min-height:64px}.fs-error{min-height:60vh;padding:var(--space-6) var(--gutter);place-items:center;display:grid}.fs-error-box{justify-items:center;gap:var(--space-5);text-align:center;max-width:28rem;display:grid}.fs-error-text{font-size:var(--text-xl);line-height:1.3}.fs-error-retry{min-height:64px}.fs-packs,.fs-levels,.fs-decks{padding:var(--space-2) max(var(--gutter), env(safe-area-inset-right)) var(--space-7) max(var(--gutter), env(safe-area-inset-left))}.fs-packs-fallback{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.lvl{--lvl-color:var(--level-1);--lvl-max:132px;width:100%;min-width:var(--target-tile);padding:4px 0 var(--space-1);border-radius:var(--radius);color:var(--ink);text-align:center;align-content:start;justify-items:center;gap:2px;text-decoration:none;display:grid;position:relative}.lvl[data-level="2"]{--lvl-color:var(--level-2)}.lvl[data-level="3"]{--lvl-color:var(--level-3)}.lvl-tile{--elev:var(--shadow);width:min(100%, var(--lvl-max));aspect-ratio:1;margin-bottom:var(--space-3);background:var(--lvl-color);color:var(--lvl-color);box-shadow:var(--elev);transition:transform var(--dur-press) var(--ease), box-shadow var(--dur-press) var(--ease);border-radius:27%;place-items:center;display:grid;position:relative}.lvl-ring{width:84%;max-width:none;height:84%;position:absolute;inset:8%;overflow:visible}.lvl-ring .ring-track{stroke:#ffffff4d;stroke-width:6.5px}.lvl-ring .ring-fill{stroke:var(--sun);stroke-width:6.5px;stroke-linecap:round;opacity:0;transition:stroke-dasharray .9s var(--ease-out), opacity var(--dur-base) var(--ease)}.lvl-icon{width:52%;max-width:none;height:52%;position:relative}.lvl-name{font-size:var(--text-lg);font-weight:var(--weight-ui-heavy);line-height:1.1}.lvl-grade{max-width:100%;font-size:var(--text-sm);font-weight:var(--weight-ui);color:var(--ink-soft);text-wrap:balance;line-height:1.2}.lvl-stars{border-radius:var(--radius-pill);background:var(--card);height:30px;font-size:16px;font-weight:var(--weight-ui-heavy);color:var(--ink);align-items:center;gap:3px;padding:0 10px 0 6px;line-height:1;display:inline-flex;position:absolute;top:-10px;right:-10px;box-shadow:0 3px #1f293724}.lvl-stars .badge-star{flex:none;width:19px;height:19px}.lvl-trophy{background:var(--card);border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:-12px;left:-12px;box-shadow:0 3px #1f293724}.lvl-trophy .badge-trophy{width:26px;height:26px}.lvl-stars:not([hidden]),.lvl-trophy:not([hidden]){animation:lvl-badge .45s var(--ease-back) backwards}@keyframes lvl-badge{0%{scale:0}}.lvl:active .lvl-tile{transform:translateY(var(--press));--elev:var(--shadow-pressed)}@media (hover:hover){.lvl:hover:not(:active) .lvl-tile{transform:translateY(calc(var(--press) / -2));--elev:0 12px 0 #1f29371a}}.lvl:focus-visible{outline:none;box-shadow:none!important}.lvl:focus-visible .lvl-tile{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 3px var(--sun), var(--elev)}html[data-motion=reduced] .lvl .lvl-tile{transform:none!important}html[data-motion=reduced] .lvl-stars,html[data-motion=reduced] .lvl-trophy{animation:none}@media (prefers-reduced-motion:reduce){html:not([data-motion]) .lvl .lvl-tile{transform:none!important}}.lp{width:min(100%,60rem);min-height:calc(100dvh - var(--chrome-size) - var(--space-6) - var(--space-7) - 24px);align-content:center;gap:clamp(22px,4vh,44px);margin-inline:auto;padding-bottom:clamp(0px,6vh,64px);display:grid}.lp-head{justify-content:center;align-items:center;gap:clamp(8px,2vw,20px);min-height:64px;display:flex}.lp-title{font-size:var(--text-3xl);font-weight:var(--weight-ui-heavy);text-align:center;line-height:1.05}.lp-pip{flex:none;width:clamp(64px,5vw + 40px,112px);margin-block:-8px -4px}.lp-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,3vw,44px);display:grid}.lp-item{justify-content:center;display:flex}.lp .lvl{--lvl-max:210px;gap:4px}.lp .lvl-name{font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem)}.lp .lvl-grade{font-size:clamp(1rem,.92rem + .35vw,1.1875rem)}.lp .lvl-stars{height:34px;padding:0 12px 0 8px;font-size:18px;top:-12px;right:-12px}.lp .lvl-stars .badge-star{width:21px;height:21px}@media (max-width:599px){.lp-list{grid-template-columns:minmax(0,1fr);gap:16px}.lp .lvl{--elev:var(--shadow);--lvl-max:92px;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--line);box-shadow:var(--elev);text-align:left;transition:transform var(--dur-press) var(--ease), box-shadow var(--dur-press) var(--ease);grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);place-items:center start;gap:2px 18px;padding:14px 16px 14px 14px}.lp .lvl-tile{width:var(--lvl-max);--elev:none;box-shadow:none;grid-row:1/span 2;margin:0}.lp .lvl-name{align-self:end}.lp .lvl-grade{align-self:start}.lp .lvl:active{transform:translateY(var(--press));--elev:var(--shadow-pressed)}.lp .lvl:active .lvl-tile{transform:none}.lp .lvl:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 3px var(--sun), var(--elev)!important}.lp .lvl:focus-visible .lvl-tile{box-shadow:none;outline:none}.lp .lvl-stars{top:-8px;right:-14px}.lp .lvl-trophy{top:-10px;left:-10px}}.dp{--lvl-color:var(--level-1);--lvl-on:var(--on-sprout);--lvl-tint:var(--mint);gap:clamp(16px,2.4vw,28px);width:min(100%,68rem);margin-inline:auto;display:grid}.dp--level-2{--lvl-color:var(--level-2);--lvl-on:var(--on-sky);--lvl-tint:var(--sky-stage)}.dp--level-3{--lvl-color:var(--level-3);--lvl-on:var(--on-plum);--lvl-tint:var(--lilac)}.dp-head{align-items:center;gap:clamp(12px,2vw,20px);min-height:64px;display:flex}.dp-badge{aspect-ratio:1;background:var(--lvl-color);width:clamp(56px,2.5vw + 46px,72px);color:var(--lvl-color);box-shadow:var(--shadow-sm);border-radius:27%;flex:none;place-items:center;display:grid}.dp-badge-icon{width:66%;max-width:none;height:66%}.dp-heading{flex:auto;gap:2px;min-width:0;display:grid}.dp-title{font-size:clamp(1.75rem,1.3rem + 2vw,2.75rem);font-weight:var(--weight-ui-heavy);line-height:1.05}.dp-level{font-size:clamp(1rem,.92rem + .4vw,1.25rem);font-weight:var(--weight-ui-strong);color:var(--ink-soft)}.dp-pip{flex:none;width:clamp(58px,3vw + 46px,92px);margin-block:-10px -2px}.dp-gear{width:var(--chrome-size);height:var(--chrome-size);flex:none}.dp-tabs{background:#1f29370f;border-radius:26px;grid-auto-flow:column;justify-self:start;gap:6px;padding:6px;display:inline-grid}.dp-tab{min-height:68px;font-size:1.25rem;font-weight:var(--weight-ui-heavy);color:var(--ink-soft);transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), transform var(--dur-press) var(--ease);border-radius:20px;align-items:center;gap:12px;padding:6px 22px 6px 8px;display:inline-flex}.dp-tab[aria-selected=true]{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 3px var(--lvl-color), 0 4px 0 #1f29371a}.dp-tab:active{transform:translateY(2px)}.dp-tab-icon{background:var(--lvl-tint);border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.dp-tab-icon--words{position:relative}.dp-mini-card{background:var(--card);width:26px;height:32px;font-family:var(--font-read);color:var(--ink);border-radius:6px;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;box-shadow:0 2px #1f293724}.dp-mini-card:first-child{transform:translate(-7px,1px)rotate(-10deg)}.dp-mini-card:last-child{font-size:11px;transform:translate(8px,2px)rotate(8deg)}.dp-tab-icon--pictures img{width:40px;height:40px}.dp-tab:not([aria-selected=true]) .dp-tab-icon{filter:saturate(.7);opacity:.85}.dp-panel{gap:clamp(18px,2.6vw,30px);display:grid}.dp-group{gap:10px;display:grid}.dp-group-title{font-size:1.125rem;font-weight:var(--weight-ui-strong);color:var(--ink-soft)}.dp-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(100px,18vw,150px),1fr));gap:clamp(10px,1.6vw,18px);display:grid}.dp-item{display:flex}.dp-tile{--elev:var(--shadow);width:100%;min-height:var(--target-tile);border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--line);box-shadow:var(--elev);color:var(--ink);text-align:center;transition:transform var(--dur-press) var(--ease), box-shadow var(--dur-press) var(--ease);align-content:start;justify-items:center;gap:8px;padding:16px 8px 14px;display:grid;position:relative}.dp-tile:active{transform:translateY(var(--press));--elev:var(--shadow-pressed)}@media (hover:hover){.dp-tile:hover:not(:active){transform:translateY(calc(var(--press) / -2));--elev:0 12px 0 #1f29371a}}.dp-num{border-radius:var(--radius-pill);background:var(--lvl-color);min-width:34px;height:34px;color:var(--lvl-on);font-size:20px;font-weight:var(--weight-ui-heavy);place-items:center;padding:0 7px;line-height:1;display:grid;position:absolute;top:8px;left:8px}.dp-cover{aspect-ratio:1;background:var(--lvl-tint);border-radius:50%;place-items:center;width:clamp(66px,58%,96px);margin-top:16px;display:grid}.dp-cover img{width:76%;max-width:none;height:auto}.dp-tile.is-finished .dp-cover{box-shadow:0 0 0 3px var(--card), 0 0 0 6px var(--sun)}.dp-name{max-width:100%;font-family:var(--font-read);letter-spacing:var(--read-tracking);text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(.9375rem,.88rem + .25vw,1.0625rem);font-weight:700;line-height:1.2}.dp-marks{gap:4px;display:flex;position:absolute;top:7px;right:7px}.dp-star .badge-star{width:30px;height:30px}.dp-again{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.dp-again .icon{width:17px;height:17px}.dp-empty{font-size:var(--text-lg);color:var(--ink-soft)}.dp-shelf{border-radius:var(--radius-lg);background:var(--sand);gap:12px;margin-top:clamp(4px,1vw,12px);padding:16px clamp(14px,2vw,22px) 22px;display:grid;box-shadow:inset 0 -8px #d6a86038}.dp-shelf-title{font-size:1.125rem;font-weight:var(--weight-ui-heavy);align-items:center;gap:8px;display:flex}.dp-shelf-title .icon{width:24px;height:24px;color:var(--lvl-color)}.dp-shelf-count{font-size:1rem;font-weight:var(--weight-ui-strong);color:var(--ink-soft);margin-inline-start:auto}.dp-stickers{flex-wrap:wrap;gap:10px;display:flex}.dp-sticker{width:48px;height:48px;rotate:var(--tilt,0deg);border-radius:50%;place-items:center;display:grid}.dp-sticker img{width:70%;max-width:none;height:auto}.dp-sticker:not(.is-earned){border:2px dashed #1f293729}.dp-sticker:not(.is-earned) img{filter:grayscale();opacity:.22}.dp-sticker.is-earned{background:var(--card);box-shadow:0 0 0 3px var(--card), 0 4px 0 3px #1f29371a}@media (max-width:599px){.dp-head{flex-wrap:nowrap;gap:10px}.dp-badge{width:52px}.dp-pip{width:54px}.dp-tabs{grid-auto-columns:1fr;justify-self:stretch}.dp-tab{justify-content:flex-start;padding-right:12px;font-size:1.125rem}.dp-tab-icon{width:50px;height:50px}.dp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dp-tile{padding:14px 6px 12px}.dp-num{min-width:30px;height:30px;font-size:20px;top:6px;left:6px}.dp-marks{top:5px;right:5px}.dp-star .badge-star,.dp-again{width:26px;height:26px}.dp-sticker{width:42px;height:42px}}html[data-motion=reduced] :is(.dp-tile,.lp .lvl,.dp-tab){transform:none!important}@media (prefers-reduced-motion:reduce){html:not([data-motion]) :is(.dp-tile,.lp .lvl,.dp-tab){transform:none!important}}.pp{--gap:clamp(12px, 2vw, 22px);--cols:2;--tile-max:240px;justify-items:center;gap:clamp(18px,3vh,34px);width:min(100%,72rem);margin-inline:auto;padding-top:clamp(0px,1.5vh,16px);display:grid}@media (min-width:600px){.pp{--cols:5;--tile-max:clamp(120px, (100dvh - 280px) / 2.42, 236px)}}.pp-head{width:min(100%, calc(var(--cols) * var(--tile-max) + (var(--cols) - 1) * var(--gap)));align-items:center;gap:clamp(10px,2vw,20px);min-width:min(100%,22rem);min-height:64px;display:flex}.pp-heading{flex:auto;gap:2px;min-width:0;display:grid}.pp-title{font-size:clamp(2rem,1.4rem + 2.6vw,3.1rem);font-weight:var(--weight-ui-heavy);line-height:1.02}.pp-sub{font-size:clamp(1rem,.92rem + .4vw,1.25rem);font-weight:var(--weight-ui-strong);color:var(--ink-soft)}.pp-pip{flex:none;width:clamp(60px,3vw + 48px,96px);margin-block:-12px -4px}.pp-gear{width:var(--chrome-size);height:var(--chrome-size);flex:none}.pp-grid{justify-content:center;gap:var(--gap);width:min(100%, calc(var(--cols) * var(--tile-max) + (var(--cols) - 1) * var(--gap)));flex-wrap:wrap;display:flex}.pp-item{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));min-width:0;display:flex}.pp-tile{--elev:var(--shadow);width:100%;min-height:var(--target-tile);background:var(--card);border:1px solid var(--line);box-shadow:var(--elev);color:var(--ink);text-align:center;transition:transform var(--dur-press) var(--ease), box-shadow var(--dur-press) var(--ease);border-radius:clamp(20px,2.4vw,30px);align-content:start;justify-items:center;padding:clamp(10px,1.6vw,18px) clamp(6px,1vw,12px) clamp(10px,1.4vw,16px);display:grid;position:relative;container-type:inline-size}.pp-tile:active{transform:translateY(var(--press));--elev:var(--shadow-pressed)}@media (hover:hover){.pp-tile:hover:not(:active){transform:translateY(calc(var(--press) / -2));--elev:0 12px 0 #1f29371a}}.pp-cover{aspect-ratio:1;background:var(--tint,var(--mint));border-radius:50%;place-items:center;width:70%;margin-top:clamp(2px,4cqi,12px);display:grid}.pp-cover img{width:74%;max-width:none;height:auto}.pp-tile.is-finished .pp-cover{box-shadow:0 0 0 3px var(--card), 0 0 0 7px var(--sun)}.pp-num{width:clamp(36px,2.4vw + 26px,54px);aspect-ratio:1;background:var(--sprout);width:clamp(34px,25cqi,54px);color:var(--on-sprout);font-size:clamp(1.375rem,1rem + 1.4vw,2rem);font-size:clamp(1.375rem,14cqi,2rem);font-weight:var(--weight-ui-heavy);border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;top:clamp(6px,1vw,12px);left:clamp(6px,1vw,12px);box-shadow:0 3px #1f29371f}.pp-star{position:absolute;top:clamp(6px,1vw,12px);right:clamp(6px,1vw,12px)}.pp-star .badge-star{width:clamp(30px,1.6vw + 24px,44px);width:clamp(28px,21cqi,44px);height:auto}.pp-label{font-size:clamp(1.25rem,1rem + 1vw,1.75rem);font-weight:var(--weight-ui-heavy);margin-top:clamp(6px,1vh,12px);line-height:1.1}.pp-list{font-size:clamp(.8125rem,.75rem + .3vw,1rem);font-weight:var(--weight-ui-strong);color:var(--ink-soft);margin-top:2px;line-height:1.2}.pp-empty{font-size:var(--text-lg);color:var(--ink-soft)}@media (max-width:599px){.pp{--gap:12px}.pp-head{gap:8px}.pp-pip{width:58px}.pp-tile{padding:10px 4px}.pp-num{width:34px;font-size:1.375rem;top:6px;left:6px}.pp-star{top:5px;right:5px}.pp-star .badge-star{width:28px}.pp-label{font-size:1.25rem}}html[data-motion=reduced] .pp-tile{transform:none!important}@media (prefers-reduced-motion:reduce){html:not([data-motion]) .pp-tile{transform:none!important}}.scene{isolation:isolate;contain:layout paint style;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:var(--sand,#fff1d6);width:100%;height:100%;position:relative;overflow:hidden;container-type:size}.sc-stage,.sc-cast,.sc-layer{position:absolute;inset:0}.sc-plane{position:absolute;inset:0 -6%}.scene .sc-plane__img{width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.scene .sc-stage-art{max-width:none;display:block;position:absolute}.sc-layer--back{z-index:1}.sc-layer--mid{z-index:2}.sc-layer--front{z-index:3}.sc-layer--fx{z-index:4}.sc-layer{isolation:isolate}.sc-prop{transform-origin:50% 100%;position:absolute}.sc-prop--center{transform-origin:50%}.sc-idle{transform-origin:50% 100%;position:absolute;inset:0}.sc-prop--center>.sc-idle{transform-origin:50%}.scene .sc-img{-webkit-user-drag:none;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.sc-shadow{opacity:.85;border-radius:50%;position:absolute}.sc-glow{position:absolute}.sc-glow__i{background:radial-gradient(closest-side, var(--glow,#ffd65cbf) 0%, var(--glow,#ffd65cbf) 22%, #ffd65c00 100%);border-radius:50%;position:absolute;inset:0}.sc-bubble{font-family:var(--font-read,"Andika", "Century Gothic", sans-serif);letter-spacing:.01em;color:var(--ink,#1f2937);padding-bottom:.32em;line-height:1.18;position:absolute}.sc-bubble__body{z-index:1;text-align:center;background:#fff;border-radius:.9em;padding:.42em .62em .46em;position:relative;box-shadow:0 .16em #1f29371a}.sc-bubble__text{text-wrap:balance;display:block}.sc-bubble__img{width:2.2em;max-width:none;height:2.2em;margin:.1em auto 0;display:block}.scene .sc-bubble__tail{z-index:2;width:1.1em;max-width:none;height:.81em;position:absolute;bottom:-.36em}.sc-bubble--left .sc-bubble__tail{left:.1em}.sc-bubble--right .sc-bubble__tail{right:.1em}.sc-bubble--down .sc-bubble__tail{margin-left:-.55em;left:50%}.sc-badge{position:absolute;container-type:size}.sc-badge__i{position:absolute;inset:0}.scene .sc-badge__svg{width:100%;max-width:none;height:100%;position:absolute;inset:0;overflow:visible}.sc-badge__text{font-family:var(--font-read,"Andika", "Century Gothic", sans-serif);color:var(--ink,#1f2937);place-items:center;padding-bottom:6%;font-size:62cqh;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.sc-badge--question .sc-badge__text,.sc-badge--plus .sc-badge__text,.sc-badge--check .sc-badge__text{color:#fff}.sc-count__window{border-radius:50%;width:74%;height:74%;position:absolute;top:12%;left:13%;overflow:hidden;container-type:size}.sc-count__strip{white-space:pre;text-align:center;font-family:var(--font-read,"Andika", "Century Gothic", sans-serif);color:var(--ink,#1f2937);margin-top:-12.5cqh;font-size:80cqh;font-weight:700;line-height:125cqh;position:absolute;top:0;left:0;right:0}.sc-dots{position:absolute;inset:0}.sc-dot{border-radius:50%;position:absolute}.sc-spot{background:radial-gradient(closest-side,#ffeea8f2 0%,#ffeea8b3 45%,#ffeea800 100%);border-radius:50%;position:absolute}.sc-spot--night{background:radial-gradient(closest-side,#ffe896d9 0%,#ffe89680 45%,#ffe89600 100%)}.sc-spot__beam{clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);background:linear-gradient(#fff4c800 0%,#fff4c88c 100%);position:absolute;bottom:50%;left:18%;right:18%}.sc-spot__dim{border-radius:50%;width:400cqw;height:400cqw;margin-top:-200cqw;margin-left:-200cqw;position:absolute;top:50%;left:50%}.sc-spot--ring{background:radial-gradient(closest-side,#fff4be61 0 68%,#fffffff2 71% 79%,#fff0 84%)}.sc-splat{position:absolute}.sc-splat__i{position:absolute;inset:0}.scene .sc-splat__img{width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.scene .sc-splat__drop,.scene .sc-dish{max-width:none;display:block;position:absolute}.scene .sc-eye{max-width:none;display:block;position:absolute;transform:translate(-50%,-50%)rotate(-8deg)}.sc-pole{background:linear-gradient(90deg,#9aa4b1,#c3cad3 45%,#8f99a6);border-radius:1cqh;width:2.6cqh;position:absolute}.sc-sign-word{font-family:var(--font-read,"Andika", sans-serif);letter-spacing:.02em;color:#fff;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.sc-clip{position:absolute;inset:0}.sc-wash{background:radial-gradient(circle at 50% 46%,#ffe48c9e 0%,#ffd6784d 38%,#ffd67800 72%);position:absolute;inset:0}.sc-fx,.sc-fx__p{position:absolute}.sc-fx__i{position:absolute;inset:0}.scene img.sc-fx__i{width:100%;max-width:none;height:100%;display:block}.sc-fx__z .sc-fx__i{font-family:var(--font-read,"Andika", "Century Gothic", sans-serif);place-items:center;font-weight:700;line-height:1;display:grid}.sc-fx__line .sc-fx__i{border-radius:999px}.sc-fx__blob .sc-fx__i{border-radius:50%}.sc-fx__group{position:absolute;inset:0}.sc-fx__bit{position:absolute}.sc-fx__bit--dot{border-radius:50%}.sc-fx__bit--strip{border-radius:18%}.sc-burst{pointer-events:none;z-index:40;position:absolute;inset:0;overflow:visible}.sc-burst__p{will-change:transform, opacity;display:block;position:absolute}.sc-burst__p--dot{border-radius:50%}.sc-burst__p--strip{border-radius:2px}.sc-burst__p>svg{width:100%;max-width:none;height:100%;display:block}html[data-motion=reduced] .scene *{transition:none!important}