@font-face{font-family:jf-openhuninn;src:url(./jf-openhuninn-BEJueSXx.ttf)format("truetype");font-display:swap}@font-face{font-family:"Baloo 2";src:url(./Baloo2-Variable-BcePNZ8p.ttf)format("truetype");font-weight:400 800;font-display:swap}@font-face{font-family:Gochi Hand;src:url(./GochiHand-Regular-BwQ6rzfc.ttf)format("truetype");font-display:swap}:root{--paper:#fff8e8;--paper-edge:#f5e7cb;--paper-line:#7a604624;--pencil:#a99b8b;--sticker-white:#fffdf8;--ink:#243047;--ink-soft:#6b7285;--play-coral:#ff5c58;--play-sun:#ffc83d;--play-teal:#20b8a6;--play-berry:#c7275e;--play-grape:#8e4d9e;--play-sea:#2e7fb8;--play-leaf:#1b9e6b;--cut-shadow:0 3px 10px #5a3c1e2e;--sticker-edge:4px solid var(--sticker-white);--glyph-cut-shadow:2px 3px 0 #5a3c1e2e;--sticker-pattern-dots:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%223%22%20fill%3D%22rgba\(255%2C255%2C255%2C0.45\)%22%2F%3E%3C%2Fsvg%3E);--sticker-pattern-stripes:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cdefs%3E%3Cpattern%20id%3D%22p%22%20width%3D%2212%22%20height%3D%2212%22%20patternUnits%3D%22userSpaceOnUse%22%20patternTransform%3D%22rotate(45)%22%3E%3Crect%20width%3D%226%22%20height%3D%2212%22%20fill%3D%22rgba(255%2C255%2C255%2C0.35)%22%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22url(%23p)%22%2F%3E%3C%2Fsvg%3E");--sticker-pattern-leaf:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%3E%3Cpath%20d%3D%22M6%2010%20q4%20-8%2012%20-3%20q8%204%202%2011%20q-6%206%20-12%201%20q-6%20-4%20-2%20-9z%22%20fill%3D%22rgba\(255%2C255%2C255%2C0.4\)%22%2F%3E%3C%2Fsvg%3E);--sticker-pattern-rings:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%225%22%20fill%3D%22none%22%20stroke%3D%22rgba\(255%2C255%2C255%2C0.45\)%22%20stroke-width%3D%222.5%22%2F%3E%3C%2Fsvg%3E);--font-display:"Baloo 2", "jf-openhuninn", "Noto Sans TC", sans-serif;--font-body:"jf-openhuninn", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--font-hand:"Gochi Hand", "jf-openhuninn", cursive;--ease-snap:cubic-bezier(.34, 1.56, .64, 1);--ease-flee:cubic-bezier(.22, .9, .35, 1);--dur-snap:.28s;--dur-wiggle:1.6s;--touch-min:72px;--touch-hero:18vh}@media (prefers-reduced-motion:reduce){:root{--dur-wiggle:0s}}.paper-stage,body.paper-stage{font-family:var(--font-body);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(ellipse 120% 90% at 50% 8%, #fff9, transparent 60%), repeating-linear-gradient(to bottom, transparent 0 34px, var(--paper-line) 34px 35px);margin:0;line-height:1.7}@keyframes ds-wiggle{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(4deg)translateY(-4px)}}@media (prefers-reduced-motion:reduce){.paper-stage *{animation:none!important}}.ds-sticker-btn{font-family:var(--font-display);color:var(--sticker-white);background:var(--play-teal);border:var(--sticker-edge);box-shadow:var(--cut-shadow);min-width:var(--touch-min);min-height:var(--touch-min);cursor:pointer;transition:transform var(--dur-snap) var(--ease-snap);border-radius:16px;padding:10px 26px;font-size:20px;font-weight:700;transform:rotate(-1.5deg)}.ds-sticker-btn:hover,.ds-sticker-btn:focus-visible{transform:rotate(1deg)scale(1.06)}.ds-sticker-btn:active{transform:scale(.94)}.ds-sticker-btn:focus-visible{outline:4px solid var(--play-sea);outline-offset:3px}.ds-sticker-btn.coral{background:var(--play-coral);transform:rotate(1.5deg)}.ds-sticker-btn.coral:hover,.ds-sticker-btn.coral:focus-visible{transform:rotate(-1deg)scale(1.06)}.ds-sticker-btn.coral:active{transform:scale(.94)}.ds-sticker-btn.shield{clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);border-radius:6px;padding:8px 18px 20px}.ds-ribbon{font-family:var(--font-hand);color:var(--sticker-white);background:var(--play-coral);border:var(--sticker-edge);box-shadow:var(--cut-shadow);clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%);padding:10px 30px;font-size:21px;display:inline-block;transform:rotate(-1deg)}.ds-ribbon.teal{background:var(--play-teal);transform:rotate(1deg)}.ds-bubble-btn{font-family:var(--font-hand);color:var(--ink);background:var(--sticker-white);border:3px solid var(--ink);box-shadow:var(--cut-shadow);cursor:pointer;border-radius:18px;margin-bottom:16px;padding:6px 20px;font-size:21px;position:relative;transform:rotate(-2deg)}.ds-bubble-btn:after{content:"";background:var(--sticker-white);border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);width:13px;height:13px;position:absolute;bottom:-12px;left:15px;transform:skew(28deg)rotate(-45deg)}.ds-bubble-btn:focus-visible{outline:4px solid var(--play-sea);outline-offset:3px}.ds-slot{font-family:var(--font-body);color:#0000;-webkit-text-stroke:2.5px var(--pencil);opacity:.85;font-size:64px;font-weight:700;line-height:1;display:inline-block}.ds-tile{font-family:var(--font-body);cursor:grab;text-shadow:var(--glyph-cut-shadow);animation:ds-wiggle var(--dur-wiggle) ease-in-out infinite;font-size:66px;font-weight:700;line-height:1;display:inline-block}.ds-word-card{background:var(--sticker-white);box-shadow:var(--cut-shadow);text-align:center;max-width:320px;font-family:var(--font-body);border-radius:12px;padding:20px 26px 24px;transform:rotate(1deg)}.ds-word-card .headword{font-family:var(--font-body);color:var(--play-berry);margin:0 0 6px;font-size:34px;font-weight:700}.ds-word-card p{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.7}@media (prefers-reduced-motion:reduce){.ds-tile{animation:none}.ds-sticker-btn,.ds-ribbon{transition:none}}.ds-beat{background:var(--paper);width:900px;height:560px;box-shadow:var(--cut-shadow);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:var(--font-body);border-radius:18px;position:relative;overflow:hidden}.ds-beat *{box-sizing:border-box}.ds-beat .ds-beat-glyph{font-family:var(--font-body);text-shadow:var(--glyph-cut-shadow);font-weight:700;line-height:1;display:inline-block}.ds-beat .ds-beat-corner{font-family:var(--font-body);color:var(--ink);background:var(--sticker-white);border:3px solid var(--ink);box-shadow:var(--cut-shadow);cursor:pointer;min-width:var(--touch-min);min-height:var(--touch-min);border-radius:18px;justify-content:center;align-items:center;padding:6px 18px;font-size:34px;font-weight:700;display:inline-flex;position:absolute;top:18px;left:18px;transform:rotate(-2deg)}.ds-beat .ds-beat-star{color:var(--play-sun);pointer-events:none;font-size:40px;line-height:1;position:absolute}.ds-mascot{transform-origin:bottom;pointer-events:none;z-index:2;height:150px;position:absolute;bottom:26px;left:30px;transform:rotate(-2deg)}.ds-mascot.right{left:auto;right:34px;transform:rotate(3deg)}.ds-mascot-figure{transform-origin:bottom;height:100%;animation:ds-wiggle var(--dur-wiggle) ease-in-out infinite;display:block}.ds-mascot-figure.is-bump{animation:ds-bump .5s var(--ease-snap) both}.ds-mascot-figure.is-bump-b{animation:ds-bumpB .5s var(--ease-snap) both}.ds-mascot-figure.is-jump{animation:1.1s cubic-bezier(.3,.9,.4,1) both ds-mascot-jump}.ds-mascot.is-door{pointer-events:auto;cursor:pointer;min-width:var(--touch-min);min-height:var(--touch-min)}.ds-mascot.is-door:focus-visible{outline:4px solid var(--play-sea);outline-offset:4px;border-radius:18px}.ds-mascot-figure.is-pullhint{animation:1.8s ease-in-out infinite ds-pullhint}.ds-speech{box-sizing:border-box;background:var(--sticker-white);border:3px solid var(--ink);min-width:100px;min-height:76px;box-shadow:var(--cut-shadow);color:var(--play-teal);font:700 56px/1.35 var(--font-body);animation:ds-speech-pop .42s var(--ease-snap) both;pointer-events:none;z-index:3;border-radius:18px;place-items:center;padding:8px 22px 10px;display:grid;position:absolute;bottom:190px;left:40px}.ds-speech.right{left:auto;right:40px}.ds-speech.is-late{animation-delay:.38s}.ds-speech[hidden]{display:none}.ds-speech:after{content:"";background:var(--sticker-white);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);width:22px;height:22px;position:absolute;bottom:-16px;left:24px;transform:rotate(45deg)}.ds-speech.right:after{left:auto;right:24px}.ds-door{z-index:8;min-width:var(--touch-min);min-height:var(--touch-min);cursor:pointer;touch-action:none;transform-origin:bottom;background:0 0;border:0;padding:0;position:absolute;bottom:18px;right:26px}.ds-door.left{left:26px;right:auto}.ds-door-figure{transform-origin:bottom;height:160px;filter:drop-shadow(var(--cut-shadow));pointer-events:none;display:block}.ds-door.is-arriving .ds-door-figure{animation:1.1s cubic-bezier(.3,.9,.4,1) both ds-mascot-jump}.ds-door.is-waiting .ds-door-figure{animation:1.8s ease-in-out infinite ds-pullhint}.ds-door:focus-visible{outline:4px solid var(--play-sea);outline-offset:4px;border-radius:18px}@keyframes ds-rise{0%{transform:translateY(0)}to{transform:translateY(-780px)}}@keyframes ds-riseB{0%{transform:translateY(0)}to{transform:translateY(-780px)}}@keyframes ds-pop{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes ds-flee{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-26px)rotate(-10deg)}75%{transform:translate(26px)rotate(10deg)}}@keyframes ds-bump{0%{transform:scale(1)}40%{transform:scale(1.18)rotate(-6deg)}to{transform:scale(1)}}@keyframes ds-bumpB{0%{transform:scale(1)}40%{transform:scale(1.18)rotate(6deg)}to{transform:scale(1)}}@keyframes ds-cheer{0%{transform:scale(1)rotate(0)}30%{transform:scale(1.18)rotate(-7deg)}60%{transform:scale(1.18)rotate(7deg)}to{transform:scale(1)rotate(0)}}@keyframes ds-snapin{0%{transform:scale(0)rotate(-30deg)}70%{transform:scale(1.2)rotate(6deg)}to{transform:scale(1)rotate(0)}}@keyframes ds-mascot-jump{0%{transform:translateY(0)scaleY(1)}15%{transform:translateY(12px)scaleY(.85)}45%{transform:translateY(-120px)scaleY(1.08)rotate(-6deg)}70%{transform:translateY(0)scaleY(.9)}85%{transform:translateY(-30px)rotate(4deg)}to{transform:translateY(0)}}@keyframes ds-speech-pop{0%{opacity:0;transform:scale(0)rotate(-10deg)}60%{opacity:1;transform:scale(1.12)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(-2deg)}}@keyframes ds-pullhint{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes ds-draw{0%{stroke-dashoffset:101px}to{stroke-dashoffset:0}}@keyframes ds-drawB{0%{stroke-dashoffset:101px}to{stroke-dashoffset:0}}@keyframes ds-guide{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}@keyframes ds-stampin{0%{opacity:0;transform:scale(2.4)}60%{opacity:1;transform:scale(.88)}to{transform:scale(1)}}@keyframes ds-peek{0%,to{transform:rotateX(0)}50%{transform:rotateX(-38deg)}}@keyframes ds-eaten{to{opacity:0;transform:scale(0)rotate(40deg)}}@keyframes ds-flyoff{0%{transform:translate(0)rotate(0)}to{transform:translate(120px,-900px)rotate(25deg)}}@keyframes ds-driftdown{0%{transform:translate(0)rotate(-8deg)}30%{transform:translate(-90px,180px)rotate(6deg)}60%{transform:translate(-150px,340px)rotate(-6deg)}to{transform:translate(-210px,500px)rotate(3deg)}}.ds-jar{cursor:grab;touch-action:none;z-index:2;transform-origin:50% 90%;background:0 0;border:0;width:220px;height:280px;margin-left:-110px;padding:0;position:absolute;top:60px;left:50%}.ds-jar-pile{flex-wrap:wrap;place-content:flex-end center;gap:2px 8px;padding:0 14px 14px;display:flex;position:absolute;inset:0}@keyframes ds-fallout{0%{opacity:0;transform:translate(0)rotate(0)}15%{opacity:1}to{transform:translate(var(--fx),var(--fy)) rotate(var(--fr));opacity:1}}@keyframes ds-shakehint{0%,to{transform:rotate(-7deg)translate(-14px)}50%{transform:rotate(7deg)translate(14px)}}.ds-fog-window{border:var(--sticker-edge);background:var(--sticker-white);width:480px;height:440px;box-shadow:var(--cut-shadow);border-radius:26px;position:absolute;top:70px;left:210px;overflow:hidden}.ds-fog-tint{background:var(--play-sea);opacity:.18;position:absolute;inset:0}.ds-fog-glyph{color:var(--play-grape);font:700 300px/1 var(--font-body);text-shadow:3px 5px #5a3c1e2e;place-items:center;display:grid;position:absolute;inset:0;transform:rotate(-4deg)}.ds-fog-canvas{touch-action:none;cursor:grab;width:480px;height:440px;transition:opacity .24s linear;position:absolute;inset:0}.ds-fog-canvas.is-gone{transition-duration:.5s;transition-timing-function:ease-out}@keyframes ds-fog-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.ds-fog-canvas.is-hinting{animation:1.8s ease-in-out infinite ds-fog-breathe}.ds-assemble{position:absolute;inset:0}.ds-assemble-frame{pointer-events:none;width:240px;height:255px;position:absolute;top:110px;left:330px}.ds-assemble-frame.is-done{animation:ds-cheer .7s var(--ease-snap) both}.ds-assemble-frame path{fill:none;stroke:var(--pencil);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 11;transition:opacity .24s ease-out}.ds-assemble-piece{cursor:grab;touch-action:none;width:240px;height:255px;animation:ds-wiggle var(--dur-wiggle) ease-in-out infinite;position:absolute}.ds-assemble-piece svg{pointer-events:none;overflow:visible}.ds-assemble-piece path{fill:none;stroke:currentColor;stroke-width:30px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(var(--cut-shadow))}.assemble-frame{pointer-events:none;width:240px;height:255px;position:absolute;top:110px;left:330px}.assemble-frame svg{display:block;overflow:visible}.assemble-frame.is-done{animation:ds-cheer .7s var(--ease-snap) both}.assemble-ghost{fill:none;stroke:var(--pencil);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 11;transition:opacity .24s ease-out}.assemble-ghost.is-home{opacity:0}.assemble-piece{z-index:2;pointer-events:none;width:240px;height:255px;transition:transform .38s ease-out,left .38s ease-out,top .38s ease-out;position:absolute}.assemble-piece.is-dragging{z-index:5;transition:none}.assemble-piece:focus-visible{outline:4px solid var(--play-sun);outline-offset:6px;border-radius:18px}.assemble-piece-ink{width:100%;height:100%;animation:ds-wiggle var(--dur-wiggle) ease-in-out infinite}.assemble-piece.is-dragging .assemble-piece-ink,.assemble-piece[data-placed] .assemble-piece-ink{animation:none}.assemble-piece svg{pointer-events:none;display:block;overflow:visible}.assemble-hit{fill:none;stroke:#0000;stroke-width:118px;stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke;cursor:grab;touch-action:none}.assemble-piece.is-dragging .assemble-hit{cursor:grabbing}.assemble-piece[data-placed] .assemble-hit{pointer-events:none;cursor:default}.assemble-ink{fill:none;stroke:currentColor;stroke-width:30px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(var(--cut-shadow));pointer-events:none}@media (prefers-reduced-motion:reduce){.ds-beat *,.ds-beat :before,.ds-beat :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.blend-part{box-sizing:border-box;cursor:pointer;background:var(--sticker-white);width:150px;height:150px;box-shadow:var(--cut-shadow);touch-action:none;transition:background .28s ease-out, left .42s var(--ease-snap), top .42s var(--ease-snap), transform .28s var(--ease-snap);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.blend-part:focus-visible{outline:4px solid var(--play-sea);outline-offset:4px}.blend-onset{color:var(--play-coral);top:58px;left:278px}.blend-rime{color:var(--play-sea);top:190px;left:388px}.blend-glyph{font:700 96px/1 var(--font-body);text-shadow:var(--glyph-cut-shadow);transform-origin:50%;display:inline-block}.blend-onset .blend-glyph{transform:rotate(-6deg)}.blend-rime .blend-glyph{transform:rotate(5deg)}.blend-part:not(.is-lit):not(.is-speaking) .blend-glyph{animation:ds-wiggle var(--dur-wiggle) ease-in-out infinite}.blend-part.is-speaking{transform:scale(1.06)}.blend-part.is-speaking .blend-glyph,.blend-stage.is-complete .blend-glyph{animation:ds-cheer .7s var(--ease-snap) both}.blend-part.is-lit{border:var(--sticker-edge);color:var(--sticker-white)}.blend-stage.is-complete .blend-part{left:375px}.blend-stage.is-complete .blend-onset{top:100px}.blend-stage.is-complete .blend-rime{top:260px}.blend-stage.is-revealing .blend-part{left:190px}.blend-picture{width:420px;height:440px;box-shadow:none;cursor:pointer;touch-action:none;animation:ii-pic-in .42s var(--ease-snap) both;background:0 0;border:0;border-radius:0;padding:0;position:absolute;top:60px;left:420px}.blend-picture:focus-visible{outline:4px solid var(--play-sea);outline-offset:8px;border-radius:18px}.blend-picture-image{object-fit:contain;object-position:50% 100%;width:100%;height:100%;filter:drop-shadow(var(--cut-shadow));pointer-events:none;display:block}.blend-picture.is-tapped{animation:ii-pic-tap .5s var(--ease-snap) both}.blend-stage.is-shown .blend-part.is-replaying .blend-glyph{animation:ds-cheer .7s var(--ease-snap) both}.blend-stage.is-exiting .blend-picture{pointer-events:none;animation:.28s ease-in both ii-pic-out}.blend-stage.is-exiting .blend-part{opacity:0;pointer-events:none;transition:left .42s ease-in,top .42s ease-in,transform .42s ease-in,opacity .3s ease-in .12s;top:-7px;left:-3px;transform:scale(.35)}@keyframes ii-pic-in{0%{opacity:0;transform:rotate(-4deg)scale(.86)}70%{opacity:1;transform:rotate(-1deg)scale(1.03)}to{opacity:1;transform:rotate(-1.5deg)scale(1)}}@keyframes ii-pic-tap{0%{transform:rotate(-1.5deg)scale(1)}45%{transform:rotate(-3deg)scale(1.05)}to{transform:rotate(-1.5deg)scale(1)}}@keyframes ii-pic-out{to{opacity:0;transform:rotate(-1.5deg)scale(.94)}}@media (prefers-reduced-motion:reduce){.blend-part{transition:none}.blend-stage .blend-glyph,.blend-picture{animation:none!important}.blend-stage.is-exiting .blend-part{transition:none}}.syllable-stack{line-height:.95;font-family:var(--font-body);flex-direction:column;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.syllable-char{white-space:nowrap;flex:none;display:block}.ds-beat .flap-symbol.is-syllable{letter-spacing:0;font-size:72px}.ds-beat .bubble-glyph.is-syllable{font-size:44px}.ds-beat .feed-ink.is-syllable{font-size:46px}.ds-beat .syllable-feed-tile{background-image:var(--sticker-pattern-rings);border:var(--sticker-edge);box-shadow:var(--cut-shadow);box-sizing:border-box;border-radius:12px}.ds-beat .syllable-feed-tile .feed-ink{font-size:72px;color:var(--sticker-white)!important}.ds-beat .syllable-feed-tile .feed-ink.is-syllable{font-size:46px}.ds-beat .stamp-pad-mark.is-syllable{font-size:28px}.ds-beat .balloon-sticker.is-syllable{font-size:46px;display:grid}.ds-beat .jar-bean.is-syllable{font-size:36px}.ds-beat .ds-speech.is-syllable{padding:8px 22px;font-size:46px}.stage-corner .stage-corner-glyph.is-syllable{font-size:28px}.home-sticker-glyph.is-syllable>.syllable-stack{font-size:.58em}.ii-family-page{perspective:1600px;transform-origin:0;transition:transform .56s var(--ease-snap), opacity .34s ease}.home-sticker[data-family-open] .home-sticker-blob{border:4px solid var(--play-sea);box-sizing:border-box;background:var(--sticker-white)!important}.home-sticker[data-family-open] .home-sticker-glyph{color:var(--play-sea)!important}.ii-family-page.is-turning{opacity:0;transform:rotateY(-58deg)}.ii-family-symbol{border:var(--sticker-edge);background:var(--sticker-pattern-dots), var(--play-sea);width:200px;height:200px;color:var(--sticker-white);box-shadow:var(--cut-shadow);font:700 124px/1 var(--font-body);cursor:pointer;animation:ds-wiggle var(--dur-wiggle) ease-in-out infinite;border-radius:50%;padding:0;position:absolute;top:48px;left:40px}.ii-family-page[data-face=wall] .ii-family-symbol{top:180px;left:375px}.ii-family-home{z-index:5;width:88px;height:88px;font:700 46px/1 var(--font-display);padding:0 0 10px;position:absolute;top:16px;right:16px;transform:rotate(2deg)}.ii-family-album{background:var(--paper-edge);width:704px;min-height:156px;box-shadow:var(--cut-shadow);pointer-events:none;transition:height .42s var(--ease-snap);border-radius:12px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)rotate(-.6deg)}.ii-family-card{cursor:pointer;width:128px;height:168px;transition:left .46s var(--ease-snap), top .46s var(--ease-snap), width .46s var(--ease-snap), height .46s var(--ease-snap), transform .28s var(--ease-snap);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.ii-family-card-paper{background:var(--sticker-white);box-shadow:var(--cut-shadow);border-radius:12px;place-items:center;display:grid;position:absolute;inset:0}.ii-family-glyph{font:700 66px/.95 var(--font-body);text-shadow:var(--glyph-cut-shadow)}.ii-family-card[data-lit]{width:84px;height:112px}.ii-family-card[data-lit] .ii-family-card-paper{border:var(--sticker-edge);background-image:var(--sticker-pattern-dots);box-sizing:border-box}.ii-family-card[data-lit] .ii-family-glyph{color:var(--sticker-white);font-size:46px}.ii-family-card.is-review-compact{width:84px;height:112px}.ii-family-card.is-review-compact .ii-family-glyph{font-size:46px}.ii-family-card.is-picked{z-index:4;width:190px;height:285px}.ii-family-card.is-picked .ii-family-glyph{transition:font-size .46s var(--ease-snap);font-size:112px}.ii-family-card.is-returning{z-index:4;width:128px;height:168px}.ii-family-card.is-cheering .ii-family-card-paper{animation:ds-cheer .7s var(--ease-snap) both}.ii-family-symbol.is-answering{animation:ds-bump .5s var(--ease-snap) both}.ii-family-symbol[data-pressed]{transform:scale(.94)}.ii-family-card:focus-visible,.ii-family-home:focus-visible{outline:4px solid var(--play-sea);outline-offset:4px}.ii-family-symbol:focus-visible{outline:4px solid var(--play-sea);outline-offset:6px}@media (prefers-reduced-motion:reduce){.ii-family-page,.ii-family-card,.ii-family-card.is-picked .ii-family-glyph,.ii-family-album{transition:none}.ii-family-symbol{animation:none}}.ii-family-card:not([data-lit]):not(.is-picked) .ii-family-card-paper{animation:ds-wiggle var(--dur-wiggle) ease-in-out infinite}@media (orientation:portrait){.ii-family-symbol{width:220px;height:220px;font-size:136px;top:56px;left:48px}.ii-family-card:not([data-lit]){width:150px;height:196px}}html,body{height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;overscroll-behavior:none}#app{place-items:center;display:grid;position:fixed;inset:0}img{-webkit-user-drag:none}.home{position:absolute;inset:0}.home-album{z-index:0;background:var(--paper-edge);box-shadow:var(--cut-shadow);pointer-events:none;border-radius:12px;position:absolute;transform:rotate(-.6deg)}.home-sticker{cursor:pointer;z-index:1;background:0 0;border:0;padding:0;position:absolute}.home-sticker[data-lit]{z-index:2}.home-sticker:focus-visible{outline:none}.home-sticker:focus-visible .home-sticker-blob{outline:4px solid var(--play-sea);outline-offset:6px}.home-sticker-body{animation:ds-wiggle var(--dur-wiggle) ease-in-out infinite;position:absolute;inset:0}.home-sticker[data-lit] .home-sticker-body{animation:none}.home-sticker-blob{box-sizing:border-box;background:var(--sticker-white);box-shadow:var(--cut-shadow);position:absolute;inset:0}.home-sticker[data-lit] .home-sticker-blob{border:var(--sticker-edge)}.home-sticker[data-pressed] .home-sticker-blob{box-shadow:0 1px 4px color-mix(in srgb, var(--pencil) 55%, transparent)}.home-sticker[data-lift] .home-sticker-blob{box-shadow:0 12px 24px color-mix(in srgb, var(--pencil) 70%, transparent)}.home-sticker[data-bare] .home-sticker-blob{opacity:0}.home-sticker-glyph{font-family:var(--font-body);text-shadow:var(--glyph-cut-shadow);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex;position:absolute}.home-sticker[data-lit] .home-sticker-glyph{color:var(--sticker-white);text-shadow:none}.stage-frame{position:absolute;top:50%;left:50%}.stage-beat{position:absolute;inset:0}.stage-corner,.stage-home{min-width:88px;min-height:88px;font-family:var(--font-body);z-index:10;justify-content:center;align-items:center;gap:8px;margin:0;font-size:34px;font-weight:700;line-height:1;display:inline-flex;position:absolute}.stage-corner{padding:6px 20px;top:24px;left:28px}.stage-corner-note{color:var(--play-teal);font-size:20px}.stage-corner.is-glowing{animation:corner-glow .9s var(--ease-flee) both}@keyframes corner-glow{0%{box-shadow:var(--cut-shadow)}35%{box-shadow:0 0 0 10px var(--play-sun), var(--cut-shadow);transform:rotate(-2deg)scale(1.06)}to{box-shadow:var(--cut-shadow);transform:rotate(-2deg)}}.stage-home{padding:6px 24px 22px;top:18px;right:28px}.awaken-wrap{justify-content:center;align-items:center;display:flex;position:absolute;inset:30px 0 0}.awaken-glyph{transform-origin:50%;cursor:pointer;position:relative}.awaken-glyph:focus-visible{outline:4px solid var(--play-sea);outline-offset:8px;border-radius:18px}.awaken-glyph.is-awake{animation:ds-cheer .8s var(--ease-snap) both}.awaken-svg{display:block;overflow:visible}.awaken-seed{font-family:var(--font-body);color:inherit;pointer-events:none;place-items:center;font-weight:700;line-height:1;transition:opacity .42s linear;display:grid;position:absolute;inset:0}.awaken-seed.is-spent{opacity:0}@media (prefers-reduced-motion:reduce){.awaken-seed{display:none}}.awaken-stroke{stroke:currentColor;stroke-width:30px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100 200;stroke-dashoffset:101px}@media (prefers-reduced-motion:reduce){.awaken-stroke{stroke-dashoffset:0}}.speak-glyph-row{justify-content:center;display:flex;position:absolute;top:70px;left:0;right:0}.speak-glyph{color:var(--play-sea);font-size:180px;transform:rotate(-4deg)}.speak-glyph.is-playing{animation:ds-cheer .8s var(--ease-snap) infinite}.speak-mic-row{justify-content:center;display:flex;position:absolute;bottom:70px;left:0;right:0}.speak-mic{background:var(--play-coral);border:var(--sticker-edge);width:120px;height:120px;box-shadow:var(--cut-shadow);color:var(--sticker-white);cursor:pointer;touch-action:none;transition:transform var(--dur-snap) var(--ease-snap);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;transform:rotate(3deg)}.speak-mic svg{pointer-events:none}.speak-mic.is-recording{transform:rotate(3deg)scale(1.1)}.speak-mic.is-done{cursor:default;opacity:.6}.speak-mic:focus-visible{outline:4px solid var(--play-sea);outline-offset:6px}.touch-table{background:var(--pencil);opacity:.35;border-radius:7px;height:14px;position:absolute;bottom:120px;left:80px;right:80px}.touch-row{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:134px;left:230px;right:60px}.touch-row.is-locked{pointer-events:none}.touch-thing{cursor:pointer;touch-action:none;transform-origin:bottom;filter:drop-shadow(var(--cut-shadow));background:0 0;border:0;justify-content:center;align-items:flex-end;padding:0;transition:opacity .2s;display:flex;position:relative}.touch-thing img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.touch-thing.is-hit{animation:ds-cheer .7s var(--ease-snap) both}.touch-thing.is-dim{opacity:.45}.touch-thing:focus-visible{outline:4px solid var(--play-sea);outline-offset:4px;border-radius:12px}.touch-badge{background:var(--play-teal);width:56px;height:56px;color:var(--sticker-white);border:var(--sticker-edge);box-shadow:var(--cut-shadow);animation:ds-snapin .4s var(--ease-snap) both;pointer-events:none;z-index:2;border-radius:50%;place-items:center;font-size:34px;display:grid;position:absolute;top:-10px;right:-14px;transform:rotate(8deg)}.trace-wrap{justify-content:center;align-items:center;display:flex;position:absolute;inset:40px 0 0}.trace-glyph{transform-origin:50%}.trace-glyph.is-done{animation:ds-cheer .7s var(--ease-snap) both}.trace-svg{touch-action:none;cursor:crosshair;overflow:visible}.trace-svg:focus-visible{outline:4px solid var(--play-sea);outline-offset:8px;border-radius:18px}.trace-ghost{stroke:var(--pencil);stroke-width:26px;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.22}.trace-dash{stroke:var(--pencil);stroke-width:3px;fill:none;stroke-linecap:round;stroke-dasharray:7 11}.trace-fill{stroke:currentColor;stroke-width:26px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100 200}.trace-guide{transform-box:fill-box;transform-origin:50%;pointer-events:none;animation:.9s ease-in-out infinite ds-guide}.trace-dot{fill:var(--play-sun);stroke:var(--sticker-white);stroke-width:4px;filter:drop-shadow(var(--cut-shadow))}.stamp-paper{position:absolute;inset:0}.stamp-mark{pointer-events:none;display:inline-block;position:absolute}.stamp-glyph{animation:ds-stampin .38s var(--ease-snap) both}.stamp-tray{background:var(--sticker-white);box-shadow:var(--cut-shadow);z-index:3;border-radius:12px;align-items:flex-end;gap:16px;padding:12px 16px;display:flex;position:absolute;bottom:24px;left:28px;transform:rotate(-1deg)}.stamp-pad{background-image:repeating-linear-gradient(45deg, color-mix(in srgb, var(--sticker-white) 35%, transparent) 0 6px, transparent 6px 12px);border:var(--sticker-edge);width:84px;height:84px;box-shadow:var(--cut-shadow);cursor:pointer;touch-action:none;transition:transform var(--dur-snap) var(--ease-snap);border-radius:50%;place-items:center;padding:0;display:grid}.stamp-pad:focus-visible{outline:4px solid var(--play-sea);outline-offset:4px}.stamp-pad-mark{color:var(--sticker-white);font-size:44px}.balloon-field{justify-content:center;align-items:flex-end;height:400px;display:flex;position:absolute;bottom:70px;left:0;right:0}.balloon-column{flex-direction:column;align-items:center;display:flex;position:relative}.balloon-column.is-flyoff{animation:1.3s ease-in forwards ds-flyoff}.balloon{border:var(--sticker-edge);width:110px;height:110px;box-shadow:var(--cut-shadow);background-image:radial-gradient(color-mix(in srgb, var(--sticker-white) 45%, transparent) 3px, transparent 3.5px);cursor:pointer;touch-action:none;background-size:14px 14px;border-radius:50%/55% 55% 45% 45%;place-items:center;padding:0;transition:width .12s ease-out,height .12s ease-out;display:grid;transform:rotate(-3deg)}.balloon:focus-visible{outline:4px solid var(--play-sea);outline-offset:6px}.balloon-glyph{color:var(--sticker-white);font-size:64px;transition:font-size .12s ease-out}.balloon-knot{border-left:10px solid #0000;border-right:10px solid #0000;border-bottom:16px solid var(--pencil);width:0;height:0;margin-top:-6px}.balloon-string{background:var(--pencil);border-radius:2px;width:3px;height:60px}.balloon-drops{pointer-events:none;z-index:2;position:absolute;inset:0}.balloon-sticker{background:var(--sticker-white);border:var(--sticker-edge);width:120px;height:120px;box-shadow:var(--cut-shadow);border-radius:50%;place-items:center;font-size:82px;animation:2.2s cubic-bezier(.4,.1,.6,1) both ds-driftdown;display:grid;position:absolute;top:-140px;left:400px}.bubbles-stars{background:var(--sticker-white);box-shadow:var(--cut-shadow);z-index:3;pointer-events:none;border-radius:12px;gap:18px;padding:8px 22px;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)rotate(-1deg)}.bubbles-slot{width:52px;height:52px;color:var(--pencil);display:block}.bubbles-slot svg{width:52px;height:52px;display:block;overflow:visible}.bubbles-slot[data-filled]{animation:ds-snapin .4s var(--ease-snap) both}.bubble-lane{width:130px;height:130px;animation:11s linear infinite ds-rise;position:absolute;bottom:-160px}.bubble{border:var(--sticker-edge);width:130px;height:130px;box-shadow:var(--cut-shadow);background-image:radial-gradient(color-mix(in srgb, var(--sticker-white) 45%, transparent) 3px, transparent 3.5px);cursor:pointer;touch-action:none;animation:ds-wiggle var(--dur-wiggle) ease-in-out infinite;background-size:14px 14px;border-radius:50%;place-items:center;padding:0;display:grid}.bubble.is-pop{animation:.42s ease-out forwards ds-pop}.bubble.is-flee{animation:ds-flee .52s var(--ease-flee)}.bubble:focus-visible{outline:4px solid var(--play-sea);outline-offset:4px}.bubble-glyph{color:var(--sticker-white);font-size:70px}.flaps-row{perspective:900px;justify-content:center;gap:44px;display:flex;position:absolute;top:120px;left:0;right:0}.flap-card{cursor:pointer;touch-action:none;background:0 0;border:0;width:160px;height:190px;padding:0;position:relative}.flap-card:focus-visible{outline:4px solid var(--play-sea);outline-offset:6px;border-radius:12px}.flap-card .flap-symbol{background:var(--sticker-white);box-shadow:inset 0 0 0 3px var(--paper-edge);border-radius:12px;place-items:center;font-size:104px;display:grid;position:absolute;inset:0}.flap-card .flap-symbol.is-syllable{letter-spacing:-.05em;font-size:72px}.flap-symbol.is-cheer{animation:ds-cheer .7s var(--ease-snap) both}.flap-symbol.is-flee{animation:ds-flee .52s var(--ease-flee)}.flap-cover{background-image:radial-gradient(color-mix(in srgb, var(--sticker-white) 45%, transparent) 3px, transparent 3.5px);border:var(--sticker-edge);box-shadow:var(--cut-shadow);transform-origin:top;transition:transform .42s var(--ease-snap);background-size:14px 14px;border-radius:12px;animation:2.4s ease-in-out infinite ds-peek;position:absolute;inset:0}.flap-card.is-hint .flap-cover{animation:none;transform:rotateX(-40deg)}.flap-card.is-open .flap-cover{animation:none;transform:rotateX(-150deg)}.feed-paper{position:absolute;inset:0}.feed-tile{cursor:grab;touch-action:none;z-index:1;background:0 0;border:0;place-items:center;width:112px;height:112px;padding:0;transition:transform .2s;display:grid;position:absolute}.feed-tile:focus-visible{outline:4px solid var(--play-sea);outline-offset:4px;border-radius:12px}.feed-ink{animation:ds-wiggle var(--dur-wiggle) ease-in-out infinite;pointer-events:none;font-size:112px}.feed-tile.is-grabbed{cursor:grabbing;z-index:5;transition:none}.feed-tile.is-back{transition:transform .38s var(--ease-flee)}.feed-tile.is-eaten{pointer-events:none;animation:.38s ease-in forwards ds-eaten}.feed-mouth{z-index:0;width:280px;height:290px;position:absolute;bottom:40px;right:60px}.feed-ring{border:3px dashed var(--pencil);opacity:0;border-radius:50%;transition:opacity .2s;position:absolute;inset:-10px}.feed-stage.is-mouth-drag .feed-ring{opacity:.4}.feed-stage.is-mouth-near .feed-ring{opacity:.9}.feed-stage .ds-mascot.right{height:260px;transition:transform .22s var(--ease-snap);bottom:40px;right:60px}.feed-stage.is-mouth-near .ds-mascot.right{transform:rotate(3deg)scale(1.08)}.feed-stage .ds-mascot.has-head-bubble .ds-speech.right{bottom:calc(100% + 20px);left:50%;right:auto;translate:-50%}.feed-stage .ds-mascot.has-head-bubble .ds-speech.right:after{right:calc(50% - 11px)}.jar{cursor:grab;touch-action:none;z-index:2;transform-origin:50% 90%;width:220px;height:280px;transition:transform .12s var(--ease-snap);background:0 0;border:0;margin-left:-110px;padding:0;position:absolute;top:60px;left:50%}.shake-stage{cursor:grab}.shake-stage.is-dragging,.shake-stage.is-dragging .jar{cursor:grabbing}.jar.is-hinting{animation:1.4s ease-in-out infinite ds-shakehint}.jar:focus-visible{outline:4px solid var(--play-sea);outline-offset:6px;border-radius:26px}.jar-lid{background-color:var(--play-sun);border:var(--sticker-edge);height:44px;box-shadow:var(--cut-shadow);border-radius:14px 14px 4px 4px;position:absolute;top:0;left:40px;right:40px}.jar-body{background:var(--sticker-white);border:var(--sticker-edge);box-shadow:var(--cut-shadow);border-radius:26px 26px 40px 40px;position:absolute;inset:36px 0 0;overflow:hidden}.jar-tint{background:var(--play-teal);opacity:.16;position:absolute;inset:0}.jar-shine{background:color-mix(in srgb, var(--sticker-white) 70%, transparent);border-radius:8px;width:14px;height:150px;position:absolute;top:20px;left:16px}.jar-pile{flex-wrap:wrap;place-content:flex-end center;gap:2px 8px;padding:0 14px 14px;display:flex;position:absolute;inset:0}.jar-bean{font-size:52px}.jar-fallen{pointer-events:none;z-index:1;position:absolute;inset:0}.jar-drop{position:absolute}.jar-drop.is-falling{animation:.9s cubic-bezier(.3,.6,.4,1.1) both ds-fallout}@media (prefers-reduced-motion:reduce){.jar{transition:none}}.fog-window{border:var(--sticker-edge);background:var(--sticker-white);width:480px;height:440px;box-shadow:var(--cut-shadow);border-radius:26px;position:absolute;top:70px;left:210px;overflow:hidden}.fog-window.is-clear{animation:ds-cheer .7s var(--ease-snap) .2s both}.fog-tint{background:var(--play-sea);opacity:.18;position:absolute;inset:0}.fog-glyph{place-items:center;display:grid;position:absolute;inset:0}.fog-mark{color:var(--play-grape);font-size:300px;transform:rotate(-4deg)}.fog-canvas{touch-action:none;cursor:grab;width:480px;height:440px;transition:opacity .24s linear;position:absolute;inset:0}.fog-canvas:focus-visible{outline:none}.fog-window:has(.fog-canvas:focus-visible){outline:4px solid var(--play-sea);outline-offset:3px}.fog-canvas.is-gone{transition-duration:.5s;transition-timing-function:ease-out}.fog-canvas.is-hinting{animation:1.8s ease-in-out infinite ds-fog-breathe}@media (prefers-reduced-motion:reduce){.fog-canvas{transition:none}.fog-canvas.is-hinting{animation:none}}