.section-play.lilyup-arcade{width:min(1120px,100% - 64px);max-width:none;margin-inline:auto;padding:75px 0 95px}.lilyup-arcade:before{display:none}.arcade-heading{justify-content:space-between;align-items:flex-end;gap:30px;padding:0 24px 30px;display:flex}.arcade-heading h2{letter-spacing:-.05em;margin:0 0 18px;font-size:clamp(38px,4.5vw,58px);line-height:1.05}.arcade-heading h2 span{color:var(--muted-foreground)}.arcade-heading p{color:var(--muted-foreground);max-width:360px;margin:0;font-size:13px;line-height:1.7}.arcade-steps{align-items:center;gap:18px;padding-bottom:4px;display:flex}.arcade-steps>span{color:var(--muted-foreground);align-items:center;gap:8px;font-size:12px;display:flex}.arcade-steps i{border:1px solid var(--color-soft-line);width:23px;height:23px;color:var(--color-mint);border-radius:50%;place-items:center;font-size:10px;font-style:normal;display:grid}.arcade-cabinet{background:var(--card);border:1px solid var(--color-soft-line);border-radius:32px;padding:14px}.arcade-cabinet .game-shell{border-color:var(--color-soft-line);box-shadow:none;border-radius:20px}.arcade-cabinet .game-viewport{aspect-ratio:900/440}.arcade-cabinet .game-topbar{height:48px}.lilyup-arcade .world-reset{padding-inline:20px}.hop-studio{width:100%;padding:55px max(40px,50% - 560px) 110px;scroll-margin-top:10px;position:relative}.studio-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px;display:flex}.studio-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(42px,5.4vw,70px);line-height:1.04}.studio-heading h2>span{color:var(--color-mint)}.studio-heading>p{color:var(--muted-foreground);margin:0 0 6px;font-size:14px;line-height:1.7}.tone-mint{--studio-tone:var(--color-mint)}.tone-lilac{--studio-tone:var(--color-lilac)}.tone-coral{--studio-tone:var(--color-coral)}.tone-yellow{--studio-tone:var(--primary)}.hop-demonstrator{background:var(--studio-panel);border:1px solid var(--studio-panel-line);border-radius:30px;overflow:clip}.recipe-tabs{justify-content:center;align-items:center;gap:8px;padding:24px 20px 0;display:flex}.recipe-tabs>button{height:39px;color:var(--studio-ink-muted);border:1px solid var(--color-soft-line);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:12px;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex}.recipe-tabs>button[aria-pressed=true]{background:var(--studio-tone);color:var(--color-pupil);border-color:var(--studio-tone)}.recipe-dot{background:var(--studio-tone);border-radius:50%;width:6px;height:6px}.recipe-tabs>button[aria-pressed=true] .recipe-dot{background:var(--color-pupil)}.hop-preview{width:min(880px,100%);margin:0 auto;position:relative}.hop-preview-art{width:100%;height:auto;display:block}.preview-jumping-frog{transform-origin:125px 260px}.preview-jumping-frog .lilyup-character{width:100%;height:100%}.preview-annotation{color:var(--studio-ink-muted);flex-direction:column;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;top:40px;transform:rotate(-6deg)}.preview-annotation>span{opacity:.6;font-size:26px}.preview-annotation-start{top:100px;left:6%}.preview-annotation-end{top:55px;right:5%;transform:rotate(7deg)}.preview-replay{border:1px solid var(--color-soft-line);background:var(--background);width:35px;height:35px;color:var(--foreground);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:30px;left:25px}.preview-replay:disabled{opacity:.4;cursor:not-allowed}.preview-reaction{color:var(--studio-ink-muted);font-size:11px;position:absolute;bottom:36px;right:28px}.recipe-bottom{border-top:1px solid var(--studio-panel-line);justify-content:space-between;align-items:center;gap:25px;padding:24px 35px 28px;display:flex}.recipe-bottom h3{letter-spacing:-.035em;margin:0 0 10px;font-size:24px;line-height:1.15}.recipe-bottom p{color:var(--studio-ink-muted);max-width:490px;margin:0;font-size:12px;line-height:1.7}.recipe-bottom>button{background:var(--studio-tone);color:var(--color-pupil);box-shadow:none}.section-lab.level-workbench{max-width:none;margin:0;padding:36px 0 0;display:block}.level-workbench .lab-copy{justify-content:space-between;align-items:flex-end;gap:25px;padding:0 12px 22px;display:flex}.level-workbench .lab-copy h2{letter-spacing:-.045em;margin:0 0 12px;font-size:clamp(28px,3.4vw,42px);line-height:1.14}.level-workbench .lab-copy p{color:var(--muted-foreground);margin:0;font-size:12px;line-height:1.6}.level-workbench .provider-link{margin:0 0 2px;font-size:11px}.level-workbench .lab-workbench{border:1px solid var(--color-soft-line);background:var(--card);border-radius:22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:clip}.level-workbench .lab-preview{background-image:none;background-color:var(--background);height:245px;overflow:clip}.level-workbench .lab-preview:before{display:none}.draft-platforms{opacity:.55;justify-content:space-around;align-items:flex-end;gap:16px;height:190px;display:flex;position:absolute;bottom:0;left:25%;right:-7%;transform:rotate(-8deg)}.draft-platforms>span{background:var(--secondary);border-top:2px solid var(--color-mint-dark);border-radius:6px 6px 0 0;flex-shrink:0;display:block}.draft-platforms>span:nth-child(3n){background:var(--color-mint-dark);border-top-color:var(--color-mint)}.draft-frog{width:145px;position:absolute;bottom:30px;left:12px;transform:rotate(-6deg)}.draft-note{color:var(--muted-foreground);font-size:10px;position:absolute;top:15px;left:14px;transform:rotate(-5deg)}.level-workbench .lab-caption{color:var(--muted-foreground);max-width:55%;font-size:11px;position:absolute;bottom:18px;left:auto;right:20px;transform:none}.level-workbench .lab-preview:has(.world-play) .lab-caption{max-width:55%;bottom:51px;left:auto}.level-workbench .world-play{font-size:11px;bottom:20px;right:20px}.level-workbench .lab-form{border:0;flex-direction:column;justify-content:center;padding:25px;display:flex}.workbench-instruction{font-size:16px;font-family:var(--font-display);margin:0 0 17px}.level-workbench .prompt-row{border-radius:15px;padding-left:12px}.level-workbench .prompt-row input{font-size:12px}.level-workbench .prompt-presets{justify-content:flex-start;gap:8px}.level-workbench .prompt-presets>button{padding:7px 9px;font-size:10px}.level-workbench .lab-preview[data-loading=true] .draft-frog{animation:workbench-think 1.4s var(--ease-in-out) infinite}@keyframes workbench-think{0%,to{transform:rotate(-6deg)}50%{transform:rotate(3deg)}}.frog-dressing-room{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:65px;max-width:1120px;margin:0 auto;padding:65px 32px 110px;display:grid}.dressing-copy h2{letter-spacing:-.06em;margin:0 0 25px;font-size:clamp(55px,6.8vw,88px);line-height:1.01}.dressing-copy h2>span{color:var(--color-coral)}.dressing-copy>p{color:var(--muted-foreground);margin:0;font-size:14px;line-height:1.8}.dressing-options{flex-direction:column;align-items:flex-start;gap:15px;margin:27px 0 32px;display:flex}.dressing-choice{color:var(--muted-foreground);background:0 0;border:none;align-items:center;gap:11px;padding:0;font-size:13px;display:inline-flex}.dressing-choice[aria-pressed=true]{color:var(--foreground)}.dressing-choice>span{border:1px solid var(--color-soft-line);width:25px;height:25px;color:var(--color-pupil);border-radius:50%;place-items:center;display:grid}.dressing-choice.look-sunny>span{background:var(--primary)}.dressing-choice.look-moon>span{background:var(--color-lilac)}.dressing-choice.look-shadow>span{background:var(--color-moon)}.dressing-copy>button{font-size:13px}.dressing-stage{border:1px solid var(--color-soft-line);isolation:isolate;border-radius:46% 46% 22px 22px;height:530px;position:relative;overflow:clip}.dressing-backdrop{background:var(--dressing-wall);z-index:-1;position:absolute;inset:0}.dressing-curtain{background:repeating-linear-gradient(90deg, var(--dressing-curtain), var(--dressing-curtain-light) 20px, var(--dressing-curtain) 38px);border-radius:0 0 80%;width:22%;height:78%;position:absolute;top:0}.curtain-left{transform-origin:0 0;left:-2%;transform:rotate(7deg)}.curtain-right{transform-origin:100% 0;right:-2%;transform:rotate(-7deg)scaleX(-1)}.dressing-floor{background:var(--dressing-floor);border-top:1px solid var(--color-soft-line);height:34%;position:absolute;bottom:0;left:0;right:0}.dressing-spotlight{background:linear-gradient(165deg, var(--dressing-light), transparent 70%);clip-path:polygon(50% 0,100% 100%,0 100%);position:absolute;inset:0}.dressing-thought{color:var(--color-coral-light);text-align:center;animation:dressing-enter .3s var(--ease-out);font-size:11px;line-height:1.7;position:absolute;top:55px;left:22%;right:15%;transform:rotate(-5deg)}.dressing-frog{z-index:2;width:76%;animation:dressing-enter .45s var(--ease-out);position:absolute;bottom:127px;left:12%}@keyframes dressing-enter{0%{opacity:0;transform:translateY(8px)rotate(-4deg)}to{opacity:1;transform:none}}.dressing-podium{background:var(--dressing-curtain);border:1px solid var(--color-soft-line);border-radius:50%;width:72%;height:64px;position:absolute;bottom:118px;left:14%}.dressing-podium>span{border-bottom:1px solid var(--color-soft-line);background:var(--dressing-curtain-light);border-radius:50%;position:absolute;inset:0 0 17px}.dressing-controls{justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;bottom:26px;left:25px;right:25px}.dressing-controls>button{border:1px solid var(--color-soft-line);width:36px;height:36px;color:var(--foreground);background:0 0;border-radius:50%;place-items:center;display:grid}.dressing-controls>div{text-align:center}.dressing-controls>div>span{font-family:var(--font-display);font-size:21px}.dressing-controls p{color:var(--muted-foreground);margin:8px 0 0;font-size:11px}.pond-closing{border-top:1px solid var(--color-soft-line);grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;width:min(1120px,100% - 64px);min-height:380px;margin:0 auto;padding:30px 20px 60px;display:grid}.closing-question h2{letter-spacing:-.055em;margin:0 0 25px;font-size:clamp(44px,5vw,66px);line-height:1.02}.closing-question h2>span{color:var(--muted-foreground)}.closing-question>button{font-size:13px}.closing-pond{height:300px;position:relative;overflow:clip}.closing-frog{width:min(50%,270px);animation:closing-frog-bob 5s var(--ease-in-out) infinite;position:absolute;top:20px;left:25%;transform:rotate(-7deg)}@keyframes closing-frog-bob{0%,to{transform:translateY(0)rotate(-7deg)}50%{transform:translateY(5px)rotate(-4deg)}}.closing-water{z-index:2;width:100%;height:74px;position:absolute;inset:auto 0 20px}.closing-water-line{border-bottom:1px solid var(--color-mint-dark);z-index:3;width:90px;height:8px;animation:closing-water-ripple 5s var(--ease-in-out) infinite;border-radius:50%;position:absolute;bottom:65px;left:45%}@keyframes closing-water-ripple{0%,to{opacity:.4;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1.2)}}.closing-reeds{z-index:4;width:60px;height:120px;position:absolute;bottom:47px;left:12%}.closing-reeds>i{background:var(--closing-reed);width:2px;height:95px;position:absolute;bottom:0;transform:rotate(-12deg)}.closing-reeds>i:before{content:"";background:var(--color-mint-dark);border-radius:4px;width:6px;height:24px;position:absolute;top:-10px;left:-2px}.closing-reeds>i:nth-child(2){height:125px;left:23px;transform:rotate(4deg)}.closing-reeds>i:nth-child(3){height:70px;left:44px;transform:rotate(14deg)}@media (hover:hover) and (pointer:fine){.recipe-tabs>button:not([aria-pressed=true]):hover{border-color:var(--studio-tone);color:var(--foreground)}.preview-replay:not(:disabled):hover,.dressing-controls>button:hover{border-color:var(--primary-line);background:var(--secondary)}.dressing-choice:hover{color:var(--foreground)}}@media (width<=899px){.section-play.lilyup-arcade{width:calc(100% - 48px);padding-top:55px;padding-bottom:70px}.arcade-heading{gap:20px;padding-inline:8px}.arcade-heading h2{font-size:43px}.arcade-steps{flex-direction:column;align-items:flex-start;gap:11px}.arcade-cabinet{border-radius:25px;padding:10px}.hop-studio{padding:45px 32px 70px}.studio-heading h2{font-size:52px}.studio-heading>p{font-size:12px}.preview-annotation-start{top:65px}.preview-annotation-end{top:40px}.recipe-bottom{padding:20px 25px 24px}.recipe-bottom h3{font-size:22px}.recipe-bottom>button{padding-inline:18px;font-size:12px}.level-workbench .lab-workbench{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.level-workbench .lab-form{padding:20px}.level-workbench .lab-preview{height:260px}.draft-frog{width:120px}.level-workbench .lab-caption{font-size:10px}.frog-dressing-room{gap:35px;padding:45px 32px 75px}.dressing-copy h2{font-size:66px}.dressing-stage{height:450px}.dressing-frog{width:90%;bottom:120px;left:5%}.dressing-thought{font-size:10px;top:45px}.dressing-controls{left:17px;right:17px}.dressing-controls>div>span{font-size:18px}.dressing-controls p{font-size:10px}.pond-closing{width:calc(100% - 48px);padding-inline:10px}}@media (width<=639px){.section-play.lilyup-arcade{width:calc(100% - 28px);padding:55px 0 65px}.arcade-heading{flex-direction:column;align-items:flex-start;gap:23px;padding:0 8px 26px}.arcade-heading h2{font-size:42px}.arcade-heading p{max-width:270px;font-size:12px}.arcade-steps{flex-direction:row;gap:20px}.arcade-steps>span{gap:7px;font-size:10px}.arcade-cabinet{border-radius:23px;padding:6px}.arcade-cabinet .game-shell{border-radius:17px}.arcade-cabinet .game-topbar{height:47px;padding-inline:11px}.arcade-cabinet .game-world{font-size:10px}.arcade-cabinet .game-tools button{width:26px}.arcade-cabinet .game-viewport{min-height:310px}.arcade-cabinet .game-bottom{padding-inline:11px}.arcade-cabinet .game-hint,.arcade-cabinet .game-hint>span{font-size:9px}.arcade-cabinet .hold-button{min-width:100px;padding-inline:10px}.hop-studio{padding:25px 18px 60px}.studio-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:25px}.studio-heading h2{font-size:clamp(38px,10.5vw,54px)}.studio-heading>p{font-size:13px}.hop-demonstrator{border-radius:22px}.recipe-tabs{gap:5px;padding:15px 10px 0}.recipe-tabs>button{gap:5px;height:34px;padding-inline:9px;font-size:10px}.recipe-dot{width:4px;height:4px}.hop-preview{margin-top:16px}.hop-preview-art{min-height:195px}.preview-annotation{gap:4px;font-size:8px}.preview-annotation>span{font-size:19px}.preview-annotation-start{top:30px;left:7%}.preview-annotation-end{text-align:center;max-width:90px;line-height:1.6;top:12px;right:5%}.preview-replay{width:28px;height:28px;bottom:15px;left:13px}.preview-reaction{font-size:8px;bottom:22px;right:14px}.recipe-bottom{flex-direction:column;align-items:flex-start;gap:18px;padding:20px 20px 23px}.recipe-bottom h3{font-size:24px}.recipe-bottom p{font-size:12px}.recipe-bottom>button{height:44px;font-size:13px}.section-lab.level-workbench{padding-top:35px}.level-workbench .lab-copy{text-align:left;flex-direction:column;align-items:flex-start;gap:14px;padding:0 3px 22px}.level-workbench .lab-copy h2{font-size:29px;line-height:1.2}.level-workbench .lab-copy p{font-size:12px}.level-workbench .provider-link{font-size:10px}.level-workbench .lab-workbench{flex-direction:column;display:flex}.level-workbench .lab-preview{height:210px}.draft-frog{width:130px;bottom:23px}.draft-platforms{bottom:-10px}.draft-note{font-size:9px;top:16px}.level-workbench .lab-caption{font-size:10px}.level-workbench .lab-form{padding:21px 18px}.workbench-instruction,.level-workbench .prompt-row input{font-size:16px}.level-workbench .prompt-presets>button{padding-inline:8px;font-size:9px}.frog-dressing-room{flex-direction:column;gap:33px;padding:35px 22px 65px;display:flex}.dressing-copy{width:100%}.dressing-copy h2{font-size:70px}.dressing-copy>p{font-size:13px}.dressing-options{flex-flow:wrap;gap:14px;margin:24px 0 27px}.dressing-choice{gap:6px;font-size:10px}.dressing-choice>span{width:20px;height:20px}.dressing-choice>span>svg{width:12px}.dressing-copy>button{height:45px;font-size:12px}.dressing-stage{width:100%;max-width:420px;height:455px}.dressing-frog{width:87%;bottom:115px;left:6.5%}.dressing-thought{font-size:10px;top:44px}.dressing-controls{bottom:23px}.dressing-podium{bottom:112px}.pond-closing{flex-direction:column;align-items:stretch;gap:0;width:calc(100% - 44px);padding:35px 0 10px;display:flex}.closing-question h2{margin-bottom:22px;font-size:49px}.closing-question>button{height:47px;font-size:13px}.closing-pond{height:270px;margin-top:15px}.closing-frog{width:58%;top:22px;left:21%}.closing-water-line{left:45%}.closing-reeds{height:100px;left:7%}}@media (width<=359px){.recipe-tabs{gap:4px;padding-inline:8px}.recipe-tabs>button{padding-inline:8px;font-size:9px}.dressing-options{gap:11px}.dressing-choice{font-size:9px}.dressing-stage{height:405px}.dressing-thought{font-size:9px;top:35px}.dressing-controls>div>span{font-size:17px}.dressing-controls p{font-size:9px}.level-workbench .lab-form{padding-inline:14px}.level-workbench .prompt-presets{gap:5px}.level-workbench .prompt-presets>button{padding-inline:6px;font-size:9px}}@media (prefers-reduced-motion:reduce){.dressing-thought,.dressing-frog,.closing-frog,.closing-water-line,.draft-frog{animation:none!important}}html[data-effects=off] .draft-frog,html[data-page-active=false] .draft-frog,[data-stage-active=false] .draft-frog{animation-play-state:paused!important}