@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(./fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}:root{--ink:#241833;--cream:#fff6ea;--gold:#ffcf4d;--coral:#ff7a59;--mint:#3ddec0;--sky:#7ec8ff;--lilac:#e2c8ff;--space:#140b2e;--line:#241833;--tap:72px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Fredoka,Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif;font-weight:600}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--space);-webkit-tap-highlight-color:transparent;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}svg{display:block;overflow:visible}:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.app{-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.space-bg{background:radial-gradient(at 18% 0,#5c3d9e 0%,#0000 46%),radial-gradient(at 100% 80%,#1d4c86 0%,#0000 42%),linear-gradient(#24124f,#140b2e 62%,#102044);position:absolute;inset:0}.space-bg:after{content:"";background-image:radial-gradient(2px 2px at 12% 22%,#fff 50%,#0000 60%),radial-gradient(2px 2px at 28% 68%,#fff 50%,#0000 60%),radial-gradient(1.5px 1.5px at 46% 18%,#fff 50%,#0000 60%),radial-gradient(2px 2px at 63% 42%,#fff 50%,#0000 60%),radial-gradient(1.5px 1.5px at 78% 16%,#fff 50%,#0000 60%),radial-gradient(2px 2px at 88% 58%,#fff 50%,#0000 60%),radial-gradient(1.5px 1.5px at 18% 84%,#fff 50%,#0000 60%),radial-gradient(2px 2px at 52% 86%,#fff 50%,#0000 60%);animation:4.5s ease-in-out infinite twinkle;position:absolute;inset:0}.screen-slot{z-index:1;height:100%;position:relative}.screen{height:100%;padding:calc(8px + var(--safe-top)) calc(12px + var(--safe-right) + 76px) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left));flex-direction:column;gap:8px;display:flex;position:relative}.screen-body{flex:1;min-height:0;overflow:auto}.topbar{grid-template-columns:var(--tap) 1fr var(--tap);align-items:center;gap:8px;display:grid}.topbar h1,.panel h2,.sticker-group h2{text-align:center;color:#fff;text-shadow:0 3px #0004;margin:0;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:700}.sticker-group h2{text-align:left;margin:8px 4px;font-size:1.4rem}.icon-btn,.hold-btn{width:var(--tap);height:var(--tap);border:4px solid var(--line);background:var(--cream);box-shadow:0 4px 0 var(--line);border-radius:22px;place-items:center;padding:0;display:grid}.icon-btn svg{width:40px;height:40px}.icon-btn:active,.big-btn:active,.tile:active,.planet-btn:active,.mode-card:active,.song-card:active,.swatch:active{box-shadow:0 1px 0 var(--line);transform:translateY(3px)}.hold-btn{z-index:30;top:calc(8px + var(--safe-top));right:calc(8px + var(--safe-right));width:68px;height:68px;box-shadow:none;background:0 0;border:none;border-radius:50%;padding:0;position:absolute}.hold-btn svg{width:68px;height:68px}.hold-track,.hold-prog{fill:none;stroke-width:5px}.hold-track{stroke:#fff5}.hold-prog{stroke:var(--gold);stroke-dasharray:163;stroke-dashoffset:163px;transform-origin:34px 34px;transform:rotate(-90deg)}.hold-btn.holding .hold-prog{animation:1.1s linear forwards drain}.home{height:100%;padding:calc(12px + var(--safe-top)) calc(14px + var(--safe-right)) calc(14px + var(--safe-bottom)) calc(14px + var(--safe-left));flex-direction:column;gap:12px;display:flex;overflow:auto}.hero{justify-content:center;align-items:center;gap:8px;display:flex}.hero .pip{width:min(180px,38vw);height:auto}.hero-copy{flex-direction:column;gap:6px;display:flex}.hi,.sub,.fact,.prompt,.lyric,.blast-word,.empty-book p,.pause-sheet p{margin:0}.hi{background:var(--cream);color:var(--ink);border:4px solid var(--line);border-radius:18px;padding:.1em .45em;font-size:clamp(2rem,6vw,3.4rem);font-weight:700;display:inline-block}.sub{color:#fff;font-size:clamp(1.15rem,3vw,1.6rem)}.home-grid{grid-template-columns:1fr 1fr;align-content:start;gap:12px;display:grid}.tile{border:4px solid var(--line);min-height:128px;box-shadow:0 6px 0 var(--line);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px;display:flex}.tile-fly{background:#8fd0ff}.tile-planets{background:#ffd56a}.tile-count{background:#ff9a6a}.tile-sing{background:#ebc0ff}.tile-build{background:#ff8eb4}.tile-shapes{background:#7eebcf}.tile-stickers{background:var(--cream)}.tile.wide{flex-direction:row;grid-column:1/-1;gap:12px;min-height:108px}.tile-art{width:74px;height:74px}.tile-art svg{width:100%;height:100%}.tile-label{font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.count-art{place-items:center;width:100%;height:100%;font-size:3.2rem;font-weight:700;line-height:1;display:grid}.pip.mood-wave .arm{transform-origin:136px 176px;animation:1.4s ease-in-out infinite wave}.has-flame .flame{transform-origin:70px 172px;animation:.18s ease-in-out infinite alternate flicker}.big-btn,.panel-btn,.text-btn,.mode-card,.song-card,.planet-btn,.choice,.swatch,.row-toggle,.orb{border:4px solid var(--line);background:var(--cream);box-shadow:0 5px 0 var(--line);border-radius:24px}.big-btn,.panel-btn{justify-content:center;align-items:center;gap:8px;min-height:72px;padding:10px 18px;font-size:1.5rem;font-weight:700;display:inline-flex}.big-btn svg,.panel-btn svg{width:36px;height:36px}.big-btn.secondary,.panel-btn{background:#fff}.visit-actions,.panel-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.text-btn{color:#fff;min-height:56px;box-shadow:none;background:0 0;padding:8px 16px;font-size:1.2rem}.journey{flex-direction:column;gap:14px;padding-bottom:18px;display:flex}.planet-btn{color:#fff;background:#ffffff18;grid-template-columns:112px 1fr auto;align-items:center;gap:8px;width:min(100%,520px);min-height:132px;margin:0 auto;padding:8px 16px;display:grid;position:relative}.planet-orb{width:104px;height:104px}.planet-name{text-align:left;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:700}.found-star{color:var(--gold);font-size:2rem}.visit{z-index:5;background:#140b2ef2;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:0}.visit-art{width:min(280px,64vw)}.fact{background:var(--cream);color:var(--ink);border:4px solid var(--line);text-align:center;border-radius:20px;max-width:640px;padding:12px 16px;font-size:clamp(1.4rem,4vw,2rem)}.is-playing.sun .rays{transform-origin:100px 100px;animation:8s linear infinite spin}.is-playing.mercury .planet-body{animation:.8s ease-in-out infinite zip}.is-playing.venus .clouds{transform-origin:100px 100px;animation:10s linear infinite spin}.is-playing.earth{animation:1.4s ease-in-out infinite pulse}.is-playing.moon .eyes{animation:2s steps(2,end) infinite blink}.is-playing.mars{animation:.7s ease-in-out infinite hop}.is-playing.jupiter .spot{transform-origin:126px 112px;animation:1.1s ease-in-out infinite pulse}.is-playing.saturn .rings{transform-origin:100px 104px;animation:1.6s ease-in-out infinite wobble}.is-playing.uranus .planet-svg{transform-origin:50%;animation:3s linear infinite roll}.is-playing.neptune .wind{animation:.9s linear infinite gust}.mode-grid,.song-list{gap:12px;display:grid}.mode-card,.song-card{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:150px;font-size:2rem;font-weight:700;display:flex}.mode-card svg,.song-card svg{width:92px;height:92px}.mode-card.blast{background:#ffb088}.mode-card.stars,.song-twinkle{background:#ffe08a}.song-zoom{background:#b9e4ff}.song-planets{background:#ffd0ea}.count-stage,.blast-stage,.find-wrap,.sing-stage,.shape-play{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100%;display:flex}.count-stage{width:100%;box-shadow:none;color:#fff;background:0 0;border:none}.count-num{color:#fff;text-shadow:0 6px #0003;margin:0;font-size:clamp(5rem,22vw,9rem);font-weight:700;line-height:.9}.count-rocket{width:90px}.blast-word{color:#fff;font-size:clamp(2.4rem,8vw,4rem);font-weight:700}.launch{width:120px}.launch.go{animation:1.1s ease-in forwards liftoff}.star-field{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.orb{background:#fff2;width:84px;height:84px;padding:8px;box-shadow:0 4px #0004}.orb.gone{opacity:.25}.orb svg{width:100%;height:100%}.prompt-row{align-items:center;gap:8px;width:100%;display:flex}.prompt-row .pip{flex:none;width:92px}.prompt{border:4px solid var(--line);background:var(--cream);text-align:left;border-radius:24px;flex:1;min-height:92px;padding:12px;font-size:clamp(1.4rem,4vw,2rem);font-weight:700}.choices{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.choices-3{grid-template-columns:1fr 1fr 1fr}.choice{background:#fff;min-height:140px;padding:12px}.choice svg{width:100%;height:110px}.choice.hint{outline:6px solid var(--gold)}.lyric{background:var(--cream);width:min(100%,760px);color:var(--ink);border:4px solid var(--line);text-align:center;border-radius:24px;padding:16px;font-size:clamp(1.7rem,4.6vw,2.8rem);line-height:1.35}.word.on{background:var(--gold);border-radius:12px}.dancers{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:6px;min-height:84px;display:flex}.dancer{width:clamp(40px,10vw,68px);height:clamp(40px,10vw,68px);transition:transform .12s}.dancer.hop{transform:translateY(-12px)scale(1.06)}.dancer.on{outline:4px solid var(--gold);border-radius:50%}.build{gap:12px;display:grid}.build-preview{width:min(150px,36vw);margin:0 auto}fieldset{border:none;margin:0;padding:0 0 8px}legend{color:#fff;margin-bottom:6px;font-size:1.3rem;font-weight:700}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{width:76px;height:76px;padding:6px;overflow:hidden}.swatch.on,.choice.on,.pill.on{outline:4px solid var(--gold)}.swatch.picture{background:#fff}.empty-book{color:#fff;align-items:center;gap:10px;display:flex}.empty-book .pip{width:110px}.empty-book p{font-size:1.4rem}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.sticker{aspect-ratio:1;box-shadow:none;background:#ffffff14;border:3px dashed #d9c8b4;border-radius:22px;padding:8px}.sticker.got{border-style:solid;border-color:var(--line);box-shadow:0 4px 0 var(--line);background:#fff;border-width:4px}.sticker-face{width:100%;height:100%;display:block}.sticker-face.faint{opacity:.35;filter:grayscale(.4)}.fly{position:absolute;inset:0}.stage{touch-action:none;position:absolute;inset:0;overflow:hidden}.rocket-pos{z-index:2;visibility:hidden;width:110px;height:158px;position:absolute;top:0;left:0}.floater{z-index:1;position:absolute;top:0;left:0}.floater.popped{opacity:0}.floater.giggle{filter:brightness(1.35)}.fly-hud{z-index:3;pointer-events:none;position:absolute;inset:0}.fly-hud .icon-btn{pointer-events:auto;position:absolute}.hud-home{top:calc(8px + var(--safe-top));left:calc(8px + var(--safe-left))}.hud-pause{right:calc(8px + var(--safe-right));bottom:calc(12px + var(--safe-bottom))}.hud-tilt{left:calc(8px + var(--safe-left));bottom:calc(12px + var(--safe-bottom))}.tilt-mark{font-size:2rem;font-weight:700}.score-pill{pointer-events:none;top:calc(14px + var(--safe-top));background:var(--cream);color:var(--ink);border:4px solid var(--line);text-align:center;border-radius:999px;min-width:92px;margin:0;padding:4px 14px;font-size:1.8rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.pause-sheet{z-index:4;background:#140b2ee0;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.pause-sheet p{color:#fff;font-size:2.4rem;font-weight:700}.cele{z-index:40;top:calc(86px + var(--safe-top));border:4px solid var(--line);width:min(460px,100% - 24px);box-shadow:0 6px 0 var(--line);background:#fff;border-radius:24px;align-items:center;gap:10px;margin:0 auto;padding:8px 12px;display:flex;position:absolute;left:12px;right:12px}.cele-art{flex:none;width:72px;height:72px}.cele-copy{flex-direction:column;align-items:flex-start;font-size:1.3rem;display:flex}.cele-copy strong{font-size:1.8rem}.confetti{pointer-events:none;z-index:39;position:fixed;inset:0}.confetti i{top:-8vh;left:calc(6% + var(--i) * 5.5%);background:var(--gold);width:14px;height:18px;animation:1.15s ease-in forwards fall;animation-delay:calc(var(--i) * 35ms);border-radius:4px;position:absolute}.confetti i:nth-child(3n){background:var(--coral)}.confetti i:nth-child(3n+1){background:var(--sky)}.confetti i:nth-child(4n){background:var(--mint)}.sheet{z-index:50;background:#140b2ecc;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.panel{background:var(--cream);width:min(560px,100%);max-height:min(100%,760px);color:var(--ink);padding:18px 16px calc(18px + var(--safe-bottom));-webkit-user-select:text;user-select:text;border-radius:28px 28px 0 0;overflow:auto}.panel h2{color:var(--ink);text-shadow:none;text-align:left}.panel-lead,.hint-copy,.fine{font-size:1.05rem;line-height:1.35}.row-toggle,.volume,.choice-row{width:100%;margin:8px 0}.row-toggle{background:#fff;justify-content:space-between;align-items:center;min-height:64px;padding:8px 12px;font-size:1.3rem;display:flex}.pill{background:#eadfce;border-radius:999px;padding:6px 12px}.pill.on{background:#b6f3c9}.volume{gap:6px;font-size:1.2rem;display:grid}.volume input{width:100%;height:44px}.choice-row{flex-wrap:wrap;gap:8px;display:flex}.choice-row p{width:100%;margin:0;font-size:1.2rem}.choice{background:#fff;min-height:56px;padding:8px 12px;font-size:1.1rem}.panel-btn{width:100%;margin-top:8px}.panel-btn.primary{background:var(--gold)}.panel-btn.danger{background:#ffd0c8}.boom{border:4px solid var(--line);background:var(--cream);border-radius:24px;min-height:80px;font-size:1.6rem;position:fixed;inset:20vh 16px auto}@media (orientation:landscape) and (height<=520px){.hero .pip{width:84px}.hi{font-size:1.7rem}.home{gap:8px}.home-grid{grid-template-columns:repeat(4,1fr)}.tile{min-height:96px}.tile.wide{flex-direction:column;grid-column:auto}.tile-art{width:48px;height:48px}.choices-3{grid-template-columns:repeat(3,1fr)}}@media (width>=900px) and (orientation:landscape){.home{grid-template-columns:300px 1fr;align-items:center;display:grid}.home-grid{grid-template-columns:repeat(3,1fr)}.tile.wide{grid-column:auto}.journey{grid-template-columns:1fr 1fr;display:grid}.build{grid-template-columns:240px 1fr;align-items:start}.sheet{align-items:center}.panel{border-radius:28px;margin:16px}.song-list,.mode-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=700px) and (orientation:portrait){.tile{min-height:160px}.home-grid{width:100%;max-width:760px;margin:0 auto}}@keyframes twinkle{50%{opacity:.55}}@keyframes wave{50%{transform:rotate(-18deg)}}@keyframes flicker{0%{transform:scaleY(.85)}to{transform:scaleY(1.15)}}@keyframes drain{to{stroke-dashoffset:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes zip{50%{transform:translate(14px)}}@keyframes pulse{50%{transform:scale(1.08)}}@keyframes hop{50%{transform:translateY(-12px)}}@keyframes wobble{50%{transform:rotate(-8deg)}}@keyframes roll{to{transform:rotate(360deg)}}@keyframes gust{0%{transform:translate(12px)}to{transform:translate(-16px)}}@keyframes blink{50%{opacity:0}}@keyframes nuh{25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes liftoff{to{transform:translateY(-70vh)scale(.7)}}@keyframes fall{to{opacity:0;transform:translateY(78vh)rotate(160deg)}}.shake{animation:.35s linear nuh}@media (prefers-reduced-motion:reduce){.space-bg:after,.pip.mood-wave .arm,.has-flame .flame,.is-playing.sun .rays,.is-playing.mercury .planet-body,.is-playing.venus .clouds,.is-playing.earth,.is-playing.moon .eyes,.is-playing.mars,.is-playing.jupiter .spot,.is-playing.saturn .rings,.is-playing.uranus .planet-svg,.is-playing.neptune .wind,.launch.go,.confetti i,.shake,.dancer{transition:none!important;animation:none!important}.dancer.hop{transform:none}}