.g{--gc:var(--mint);isolation:isolate;border-radius:var(--r-l);box-shadow:var(--shadow-float);background:linear-gradient(180deg,color-mix(in srgb,var(--sky) 35%,#fff) 0%,#fff9ee 55%,color-mix(in srgb,var(--gc) 30%,#fff) 100%);border:6px solid #fff;min-height:560px;padding:clamp(.75rem,2.5vw,1.5rem);position:relative;overflow:clip}.g:after{content:"";background:radial-gradient(60% 100% at 30% 100%,color-mix(in srgb,var(--gc) 55%,#fff),transparent 70%),radial-gradient(60% 100% at 75% 100%,color-mix(in srgb,var(--mint) 45%,#fff),transparent 70%);z-index:-1;height:120px;position:absolute;inset:auto -10% -40px}.g-clouds{z-index:-1;pointer-events:none;position:absolute;inset:0}.g-clouds i{opacity:.85;filter:blur(1px);background:#fff;border-radius:40px;width:160px;height:46px;animation:38s linear infinite g-drift;position:absolute}.g-clouds i:before{content:"";background:#fff;border-radius:50%;width:70px;height:60px;position:absolute;top:-26px;left:24px}.g-clouds i:first-child{top:8%;left:-20%}.g-clouds i:nth-child(2){animation-duration:52s;top:20%;left:-40%;transform:scale(.7)}.g-clouds i:nth-child(3){animation-duration:64s;top:4%;left:-60%;transform:scale(.55)}@keyframes g-drift{to{left:120%}}.g-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.g-levels{flex-wrap:wrap;gap:.35rem;display:flex}.g-levels button{border-radius:var(--r-pill);min-height:44px;font-family:var(--display);color:var(--violet);cursor:pointer;background:#ffffffd9;border:2px solid #5b3fc42e;padding:0 .9rem;font-size:.95rem;font-weight:600}.g-levels button[aria-pressed=true]{background:var(--violet);color:#fff;border-color:var(--violet)}.g-stars{border-radius:var(--r-pill);min-height:48px;box-shadow:var(--shadow-card);font-family:var(--display);color:var(--night);background:#fff;align-items:center;gap:.35rem;padding:0 1rem;font-size:1.25rem;font-weight:700;display:inline-flex}.g-body{grid-template-columns:minmax(200px,26%) 1fr;align-items:start;gap:clamp(.8rem,2vw,1.6rem);display:grid}.g-host{text-align:center;justify-items:center;gap:.6rem;display:grid;position:sticky;top:1rem}.g-cast{justify-items:center;width:100%;display:grid;position:relative}.g-host-img{filter:drop-shadow(0 14px 18px #241a5240);transform-origin:50% 100%;width:min(200px,90%);height:auto;animation:4.5s ease-in-out infinite g-idle}.g-host[data-mood=happy] .g-host-img{animation:g-hop .6s var(--ease) 2}.g-host[data-mood=think] .g-host-img{animation:1.2s ease-in-out g-tilt}@keyframes g-idle{50%{transform:translateY(-6px)rotate(-1deg)}}@keyframes g-hop{40%{transform:translateY(-22px)scale(1.04)}}@keyframes g-tilt{30%{transform:rotate(-6deg)}70%{transform:rotate(4deg)}}.g-friend{z-index:2;width:42%;max-width:110px;position:absolute;bottom:-2%;right:-4%}.g-friend img{filter:drop-shadow(0 8px 10px #241a5240);transform-origin:50% 100%;width:100%;height:auto;animation:3.6s ease-in-out infinite gf-idle}.g-friend[data-mood=happy][data-move=glow] img{animation:1s ease-in-out 2 gf-glow}.g-friend[data-mood=happy][data-move=spin] img{animation:gf-spin .9s var(--ease) 2}.g-friend[data-mood=happy][data-move=trill] img{animation:.25s ease-in-out 6 gf-trill}.g-friend[data-mood=happy] img{animation:gf-hop .6s var(--ease) 2}@keyframes gf-idle{50%{transform:translateY(-5px)rotate(2deg)}}@keyframes gf-hop{40%{transform:translateY(-18px)scale(1.06)}}@keyframes gf-glow{50%{filter:drop-shadow(0 0 18px #ffd25e)drop-shadow(0 0 30px #fff3b0)brightness(1.15);transform:scale(1.08)}}@keyframes gf-spin{50%{transform:rotate(-14deg)scale(1.08)}to{transform:rotate(0)}}@keyframes gf-trill{50%{transform:translateY(-6px)rotate(-6deg)}}.g-friend-say{border:3px solid var(--fc);width:max-content;max-width:180px;font-family:var(--display);color:var(--night);box-shadow:var(--shadow-card);animation:g-pop .35s var(--ease);background:#fff;border-radius:16px;margin:0;padding:.35rem .6rem;font-size:.9rem;font-weight:600;position:absolute;bottom:100%;right:20%}.g-with{text-align:left;border-radius:var(--r-m);max-width:44ch;color:var(--ink-soft);box-shadow:var(--shadow-card);background:#fff;align-items:center;gap:.6rem;margin:0;padding:.4rem .8rem .4rem .4rem;font-size:.95rem;display:flex}.g-with img{object-fit:contain;flex:none;width:56px;height:56px}.g-with strong{color:var(--violet)}.g-bubble{border-radius:var(--r-m);box-shadow:var(--shadow-card);background:#fff;width:100%;padding:.9rem 1rem;position:relative}.g-bubble:before{content:"";background:#fff;width:22px;height:22px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(45deg)}.g-prompt{font-family:var(--display);color:var(--violet);margin:0 0 .6rem;font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:600;line-height:1.25;position:relative}.g-tools{justify-content:center;gap:.5rem;display:flex}.g-tool{border-radius:var(--r-m);background:var(--butter);min-width:64px;min-height:56px;box-shadow:var(--shadow-card);cursor:pointer;border:0;place-items:center;padding:.2rem .6rem;font-size:1.4rem;display:grid}.g-tool-l{font-family:var(--display);color:var(--night);font-size:.8rem;font-weight:600}.g-stage{align-content:start;gap:.6rem;min-width:0;min-height:420px;display:grid;position:relative}.g-intro{text-align:center;border-radius:var(--r-l);background:#ffffffbf;justify-items:center;gap:.6rem;padding:clamp(1rem,4vw,2.5rem) 1rem;display:grid}.g-place{font-family:var(--display);color:var(--coral-text);margin:0;font-weight:600}.g-title{color:var(--violet);font-size:clamp(1.8rem,4vw,2.6rem)}.g-story{font-size:var(--fs-2);color:var(--ink-soft);max-width:44ch}.g-start{min-height:64px;padding:0 2rem;font-size:1.25rem}.g-small{color:var(--ink-mute);margin:0;font-size:.92rem}.g-area{outline:none;grid-template-columns:minmax(0,1fr);justify-items:center;gap:.8rem;width:100%;min-width:0;min-height:300px;display:grid}.g:not(.is-playing) .g-area,.g:not(.is-playing) .g-fb{display:none}.g-fb{font-family:var(--display);color:var(--ink);text-align:center;min-height:1.6em;margin:0;font-size:1.3rem;font-weight:600}.g-toast{z-index:5;background:#241a5240;place-items:center;display:grid;position:absolute;inset:0}.g-toast-card{border-radius:var(--r-l);text-align:center;box-shadow:var(--shadow-float);animation:g-pop .5s var(--ease);background:#fff;justify-items:center;gap:.6rem;padding:1.4rem 1.6rem;display:grid}.g-toast-card p{font-family:var(--display);color:var(--violet);margin:0;font-size:1.4rem;font-weight:600}.g-toast-emo{font-size:4.5rem;line-height:1}@keyframes g-pop{0%{opacity:0;transform:scale(.7)}}.g-spark{background:var(--gold);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);pointer-events:none;z-index:6;width:14px;height:14px;animation:g-spark 1s var(--ease) forwards;position:absolute}@keyframes g-spark{to{transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(.3);opacity:0}}[data-piece]{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}[data-piece].is-dragging{cursor:grabbing;z-index:20;filter:drop-shadow(0 16px 18px #241a5259);position:relative;transition:none!important}[data-piece][aria-pressed=true]{outline:5px solid var(--butter);outline-offset:3px}[data-target].is-over{outline:5px dashed var(--violet);outline-offset:4px}.g-playtest{z-index:50;border:3px solid var(--violet);border-radius:var(--r-m);width:min(320px,90vw);max-height:50vh;box-shadow:var(--shadow-float);background:#fff;padding:.8rem;font-size:.85rem;position:fixed;bottom:12px;right:12px;overflow:auto}.g-playtest textarea{width:100%;font:inherit}@media (width<=760px){.g-body{grid-template-columns:1fr}.g-host{text-align:left;grid-template-columns:112px 1fr;place-items:center start;position:static}.g-host-img{justify-self:start;width:80px}.g-friend{width:52px;bottom:0;right:0}.g-friend-say{max-width:150px;font-size:.82rem;left:auto;right:0}.g-bubble:before{top:50%;left:-8px;transform:translateY(-50%)rotate(45deg)}.g-tools{justify-content:flex-start}.g{min-height:0}}@media (prefers-reduced-motion:reduce){.g-host-img,.g-friend img,.g-friend-say,.g-clouds i{animation:none!important}.g-toast-card{animation:none}}.cg-goal{border-radius:var(--r-l);max-width:100%;box-shadow:var(--shadow-card);background:#fff;align-items:center;gap:1rem;padding:.4rem 1.2rem;display:flex}.cg-num{font-family:var(--letter);color:var(--violet);font-size:clamp(3rem,8vw,4.2rem);font-weight:700;line-height:1}.cg-dots{grid-template-columns:repeat(5,18px);gap:6px;display:grid}.cg-dots i{background:var(--coral);border-radius:50%;width:18px;height:18px}.cg-scene{border-radius:var(--r-l);width:100%;max-width:760px;padding:1rem;position:relative}.cg-plant{background:linear-gradient(#bfe9c6,#8fd39c);grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:.8rem;display:grid;box-shadow:inset 0 -14px #6fbf7e}.cg-spot{cursor:pointer;background:0 0;border:0;border-radius:24px;place-items:end center;min-width:0;min-height:96px;padding-bottom:10px;display:grid;position:relative}.cg-soil{background:radial-gradient(#8a5a3c,#6b4329);border-radius:50%;width:min(72px,90%);height:26px;box-shadow:inset 0 4px 6px #00000040}.cg-flower{transform-origin:50% 100%;animation:cg-grow .45s var(--ease);font-size:3.1rem;line-height:1;position:absolute;bottom:20px}@keyframes cg-grow{0%{opacity:0;transform:scale(.1)translateY(20px)}}.cg-feed{background:linear-gradient(#e7f7ff,#d3f1dc);grid-template-columns:1.3fr 1fr;align-items:end;gap:1rem;display:grid}.cg-bush{background:radial-gradient(#57b86a,#3f9a52);border-radius:48% 52% 40% 44%;flex-wrap:wrap;place-content:center;gap:.4rem;min-height:200px;padding:1rem;display:flex}.cg-berry{cursor:pointer;background:0 0;border:0;border-radius:50%;width:64px;height:64px;font-size:2.4rem;line-height:1}.cg-basket{justify-items:center;gap:.2rem;display:grid}.cg-bunny{width:110px;height:auto}.cg-basket-in{background:repeating-linear-gradient(45deg,#d9a066 0 10px,#c48a52 10px 20px);border-top:10px solid #b07840;border-radius:0 0 40px 40px;flex-wrap:wrap;justify-content:center;gap:.2rem;width:100%;min-height:120px;padding:.6rem;display:flex}.cg-basket-in .cg-berry{width:52px;height:52px;font-size:2rem}.cg-tick{outline:5px solid var(--butter);outline-offset:2px;border-radius:50%;transition:transform .2s;transform:scale(1.12)}.cg-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.cg-count{font-family:var(--display);color:var(--ink);text-align:center;min-width:7ch;margin:0;font-size:1.4rem;font-weight:600}.cg-done{min-height:64px;font-size:1.25rem}.cg-win .cg-flower{animation:cg-bloom 1s var(--ease) 2}@keyframes cg-bloom{50%{transform:scale(1.25)rotate(-6deg)}}.cg-fly{font-size:1.6rem;animation:1.6s ease-in-out forwards cg-fly;position:absolute;top:-6px;right:4px}@keyframes cg-fly{to{opacity:0;transform:translate(30px,-60px)rotate(20deg)}}.sb-wrap{grid-template-columns:minmax(260px,1.3fr) minmax(200px,1fr);align-items:center;gap:1.2rem;width:100%;display:grid}.sb-print{aspect-ratio:1;border-radius:var(--r-l);background-color:#2d4ea8;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:10% 10%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-self:center;width:100%;max-width:460px;position:relative;box-shadow:inset 0 0 0 6px #ffffff40}.sb-slot{cursor:pointer;background:0 0;border:0;padding:0;position:absolute}.sb-slot:before{content:"";border:4px dashed #ffffffd9;position:absolute;inset:0}.sb-slot.sb-circle:before{border-radius:50%}.sb-slot.sb-triangle:before{clip-path:polygon(50% 0,100% 100%,0 100%);background:#ffffff40;border:0}.sb-slot.sb-triangle:after{content:"";clip-path:polygon(50% 8%,94% 100%,6% 100%);background:#2d4ea8;position:absolute;inset:6% 6% 4%}.sb-slot.sb-glow:before{border-color:var(--butter);animation:1s ease-in-out infinite sb-pulse;box-shadow:0 0 0 6px #ffd25e73}.sb-slot.sb-triangle.sb-glow:before{background:var(--butter)}@keyframes sb-pulse{50%{opacity:.5}}.sb-slot.sb-done:before,.sb-slot.sb-done:after{display:none}.sb-slot .sb-shape{width:100%;height:100%;animation:sb-snap .35s var(--ease);position:absolute;inset:0}@keyframes sb-snap{0%{opacity:.4;transform:scale(1.3)}}.sb-shape{background:var(--sc);display:block;box-shadow:inset -6px -8px #0000001f}.sb-circle.sb-shape,.sb-shape.sb-circle{border-radius:50%}.sb-shape.sb-triangle{clip-path:polygon(50% 0,100% 100%,0 100%);box-shadow:none}.sb-shape.sb-square,.sb-shape.sb-rectangle{border-radius:8px}.sb-tray{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));align-content:start;gap:.7rem;display:grid}.sb-piece{border-radius:var(--r-m);min-height:120px;box-shadow:var(--shadow-card);background:#fff;border:0;justify-items:center;gap:.3rem;padding:.6rem;display:grid}.sb-piece .sb-shape{width:64px;height:64px}.sb-piece .sb-shape.sb-rectangle{width:84px;height:44px;margin-block:10px}.sb-name{font-family:var(--letter);color:var(--ink);font-size:1.05rem;font-weight:700}.sb-alive.sb-rocket{animation:2s ease-in forwards sb-launch}@keyframes sb-launch{30%{transform:translateY(6px)}to{transform:translateY(-140%)}}.sb-alive.sb-rocket:after{content:"🔥";font-size:3rem;animation:.2s infinite alternate sb-flame;position:absolute;bottom:6%;left:44%}@keyframes sb-flame{to{transform:scale(1.2)translateY(6px)}}.sb-alive.sb-house:after{content:"💨";font-size:2.4rem;animation:2s ease-out cg-fly;position:absolute;top:2%;right:18%}.sb-alive.sb-house .sb-slot[data-kind=square] .sb-shape{background:#ffe58a;animation:1s ease-in-out 2 sb-light}@keyframes sb-light{50%{filter:brightness(1.25)}}.sb-alive.sb-robot .sb-slot:nth-of-type(5) .sb-shape{transform-origin:50% 0;animation:.5s ease-in-out 4 alternate sb-wave}@keyframes sb-wave{to{transform:rotate(-35deg)}}.sb-alive.sb-robot .sb-slot[data-kind=circle] .sb-shape{animation:1.2s steps(2,end) 2 sb-blink}@keyframes sb-blink{50%{transform:scaleY(.15)}}.sb-alive.sb-castle:after{content:"🚩 🚩";justify-content:space-between;padding:0 6%;font-size:2.2rem;animation:1s ease-in-out infinite alternate sb-flag;display:flex;position:absolute;top:-6%;left:0;right:0}@keyframes sb-flag{to{transform:skew(-8deg)}}.sd-clue{border-radius:var(--r-l);box-shadow:var(--shadow-card);background:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:.8rem 1.4rem;display:flex;position:relative}.sd-glass{font-size:2.4rem;animation:3s ease-in-out infinite sd-scan}@keyframes sd-scan{50%{transform:translate(10px)rotate(-10deg)}}.sd-clue .sd-emo{font-size:clamp(4rem,10vw,5.6rem);line-height:1}.sd-word{border-radius:var(--r-pill);background:var(--butter);min-height:56px;font-family:var(--letter);color:var(--night);cursor:pointer;border:0;padding:0 1.2rem;font-size:1.6rem;font-weight:700}.sd-letter{font-family:var(--letter);color:var(--violet);background:var(--violet-soft);border-radius:var(--r-m);justify-items:center;padding:.2rem .9rem;font-size:2.4rem;font-weight:700;line-height:1.1;display:grid}.sd-letter small{font-family:var(--display);color:var(--ink-soft);font-size:.75rem}.sd-found{box-shadow:0 0 0 6px var(--butter),var(--shadow-card)}.sd-opts{justify-content:center;gap:1rem;width:100%;max-width:720px;display:grid}.sd-2{grid-template-columns:repeat(2,minmax(0,220px))}.sd-3{grid-template-columns:repeat(3,minmax(0,200px))}.sd-4{grid-template-columns:repeat(4,minmax(0,170px))}.sd-opt{border-radius:var(--r-l);min-height:150px;box-shadow:var(--shadow-card);cursor:pointer;transition:transform var(--t-fast) var(--ease);background:#fff;border:4px solid #fff;justify-items:center;gap:.3rem;padding:.8rem;display:grid}.sd-opt:hover{transform:translateY(-4px)}.sd-opt .sd-emo{font-size:clamp(3.2rem,8vw,4.4rem);line-height:1}.sd-cap{font-family:var(--letter);color:var(--ink-soft);font-size:1.25rem;font-weight:700}.sd-yes{border-color:var(--mint);background:#e6faf2;transform:scale(1.06)}.sd-solved .sd-opt:not(.sd-yes){opacity:.45}.sd-wobble{animation:.45s sd-wob}@keyframes sd-wob{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.sd-steps{gap:.6rem;font-size:1.8rem;display:flex}.sd-steps i{opacity:0;font-style:normal;animation:.4s forwards sd-step}@keyframes sd-step{to{opacity:1}}@media (width<=760px){.sb-wrap,.cg-feed{grid-template-columns:1fr}.sd-3,.sd-4,.sd-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-opt{min-height:132px}}@media (prefers-reduced-motion:reduce){.cg-flower,.cg-fly,.sb-alive,.sb-alive *,.sb-alive:after,.sd-glass,.sd-steps i,.sb-slot .sb-shape,.sb-glow:before{opacity:1;animation:none!important}}