@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;700;800&family=Nunito:wght@600;700;800&display=swap";:root{--bg: #ffffff;--sky: #6cc3e8;--sky-deep: #3f9fcd;--slab: #eef8fd;--slab-press: #d9eef8;--ink: #2e1411;--ink-soft: #5b2a24;--pet: #7c2e28;--sunflower: #ffc83d;--sunflower-deep: #e9a400;--heart: #ff5c8a;--ok: #2f9e5b;--danger: #d64045;--focus: #1b4fd8;--toy-bubble: #6fb7dd;--toy-popcorn: #f2b84b;--toy-candy: #ff8fc0;--toy-jelly: #6cc77d;--toy-bean: #d6785e;--toy-marsh: #c9b3f5;--toy-merge: #ff9f5a;--toy-broccoli: #3b8f2a;--shine: rgba(255, 255, 255, .55);--shade: rgba(46, 20, 17, .14);--drop: 0 6px 14px rgba(46, 20, 17, .18), 0 2px 3px rgba(46, 20, 17, .12);--slab-relief: inset 0 3px 0 var(--shine), inset 0 -4px 0 var(--shade), var(--drop);--dome-up: inset 0 4px 0 rgba(255, 255, 255, .6), inset 0 -6px 0 rgba(0, 0, 0, .16), 0 6px 0 var(--sunflower-deep), 0 10px 16px rgba(46, 20, 17, .2);--dome-down: inset 0 6px 10px rgba(0, 0, 0, .22), inset 0 -2px 0 rgba(255, 255, 255, .4), 0 1px 0 var(--sunflower-deep);--font-display: "M PLUS Rounded 1c", "Nunito", ui-rounded, "Arial Rounded MT Bold", sans-serif;--font-body: "Nunito", ui-rounded, system-ui, sans-serif;--fs-label: .875rem;--fs-body: 1rem;--fs-lead: 1.25rem;--fs-title: 1.5rem;--fs-display: 2rem;--fs-hero: 2.75rem;--lh-body: 1.5;--lh-tight: 1.15;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--r: 16px;--r-bar: 6px;--r-sm: var(--r);--r-md: var(--r);--r-lg: var(--r);--r-xl: var(--r);--r-pill: var(--r);--tap: 56px;--tap-gap: 12px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-press: 90ms;--dur-pop: .22s;--dur-move: .28s;--z-scene: 0;--z-ui: 10;--z-nav: 20;--z-toast: 40;--z-sheet: 100;--z-gate: 1000;color-scheme:light}@media(prefers-reduced-motion:reduce){:root{--dur-pop: 1ms;--dur-move: 1ms;--ease-spring: linear}}::selection{background:var(--sunflower);color:#2e1411}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:var(--r-sm)}*{box-sizing:border-box}html,body{overflow:hidden;overscroll-behavior:none}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}svg{display:block}.screen{position:relative;height:100%;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);overflow:hidden}.slab{background:var(--slab);border-radius:var(--r-lg);box-shadow:var(--slab-relief)}.knob{width:var(--tap);height:var(--tap);display:grid;place-items:center;border-radius:var(--r-md);background:var(--slab);box-shadow:var(--slab-relief);transition:transform var(--dur-press) var(--ease-out),box-shadow var(--dur-press) var(--ease-out)}.knob svg{width:28px;height:28px;color:var(--ink)}.knob:active{transform:translateY(3px) scale(.96);box-shadow:inset 0 4px 8px var(--shade)}.dome{min-height:var(--tap);padding:0 var(--s5);display:inline-flex;align-items:center;gap:var(--s2);border-radius:var(--r-pill);background:radial-gradient(120% 140% at 35% 20%,#ffe28a 0%,var(--sunflower) 55%,#f4b400 100%);color:#2e1411;font-family:var(--font-display);font-weight:600;font-size:var(--fs-lead);box-shadow:var(--dome-up);transform:translateY(0);transition:transform var(--dur-press) var(--ease-out),box-shadow var(--dur-press) var(--ease-out)}.dome svg{width:26px;height:26px}.dome:active,.dome[aria-pressed=true]{transform:translateY(5px);box-shadow:var(--dome-down)}.tabbar{position:absolute;z-index:var(--z-nav);left:max(var(--s4),env(safe-area-inset-left,0px));right:max(var(--s4),env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + var(--s2));display:grid;grid-template-columns:repeat(3,1fr);gap:var(--tap-gap);padding:var(--s2);border-radius:var(--r-xl);background:var(--slab);box-shadow:var(--slab-relief)}.tab{min-height:64px;display:grid;justify-items:center;align-content:center;gap:2px;border-radius:var(--r-lg);font-family:var(--font-display);font-weight:600;font-size:var(--fs-label);color:var(--ink-soft);text-decoration:none;transition:transform var(--dur-press) var(--ease-out)}.tab svg{width:34px;height:34px}.tab:active{transform:scale(.94)}.tab[aria-current=page]{color:#2e1411;background:radial-gradient(120% 140% at 35% 20%,#ffe28a 0%,var(--sunflower) 60%,#f4b400 100%);box-shadow:inset 0 3px #fff9,inset 0 -4px #00000024}.tube{position:relative;height:28px;flex:1;border-radius:var(--r-bar);background:var(--slab-press);box-shadow:inset 0 4px 8px var(--shade);overflow:hidden}.tube>i{position:absolute;inset:4px;border-radius:3px;clip-path:inset(0 calc((1 - max(var(--fill, 0),.06))*100%) 0 0 round 3px);background:var(--tube-color, var(--sunflower));box-shadow:inset 0 4px #ffffff8c,inset 0 -3px #0000001f;transition:clip-path var(--dur-move) var(--ease-out)}.badge{min-width:26px;height:26px;padding:0 7px;display:inline-grid;place-items:center;border-radius:var(--r-pill);background:var(--ink);color:var(--slab);font-family:var(--font-display);font-weight:700;font-size:var(--fs-label);font-variant-numeric:tabular-nums}.coin-pill{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 var(--s3) 0 var(--s2);border-radius:var(--r-pill);background:var(--slab);box-shadow:var(--slab-relief);font:700 var(--fs-body)/1 var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;transition:transform var(--dur-press) var(--ease-out)}.coin-pill:active{transform:scale(.95)}.coin-pill.bump{animation:squish var(--dur-pop) var(--ease-spring)}.coin-ico{display:contents}.play-coins{height:var(--tap);flex:none}.play-gap{flex:1}.coin-flyer{position:fixed;z-index:var(--z-toast);width:32px;height:32px;pointer-events:none;transition:transform .56s var(--ease-out)}.sheet.shop{gap:var(--s3)}.shop-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.shop-head h2{margin:0}.shop-coins{box-shadow:inset 0 3px 6px var(--shade);background:var(--slab-press)}.shop-note{margin:0;font-weight:700;color:var(--ink-soft);line-height:1.35;text-wrap:pretty}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2)}.shop-item{position:relative;display:grid;justify-items:center;gap:var(--s1);padding:var(--s3) var(--s1) var(--s2);border-radius:var(--r);background:var(--slab);box-shadow:var(--slab-relief);transition:transform var(--dur-press) var(--ease-out)}.shop-item:active{transform:scale(.96)}.shop-item b{font:700 13px/1.2 var(--font-display);text-align:center;text-wrap:balance;min-height:2.4em;display:grid;place-items:center}.shop-item .badge{position:absolute;top:6px;right:6px;height:22px;min-width:22px;font-size:12px}.shop-item.focus{outline:3px solid var(--sunflower-deep);outline-offset:2px}.shop-item.short{opacity:.55}.shop-price{display:inline-flex;align-items:center;gap:4px;padding:3px 10px 3px 6px;border-radius:var(--r-pill);background:var(--slab-press);font:700 var(--fs-label)/1 var(--font-display);font-variant-numeric:tabular-nums}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes squish{0%{transform:scale(1)}35%{transform:scale(.88,.8)}70%{transform:scale(1.06,1.08)}to{transform:scale(1)}}.app{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden}.app{--tabbar-space: calc(64px + var(--s2) * 2 + var(--s2) + var(--s4))}.screen.list-screen{padding-bottom:0}.list-screen .box,.list-screen .shelf-body{padding-bottom:calc(var(--tabbar-space) + env(safe-area-inset-bottom,0px))}.screen-body{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:var(--tap)}.room-top{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s4) 0;position:relative;z-index:var(--z-ui)}.status{flex:1;display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3) var(--s2) var(--s2);border-radius:var(--r-pill)}.status{gap:var(--s3);padding-left:var(--s1)}.avatar{position:relative;width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--slab-press);color:var(--ink);box-shadow:inset 0 3px 6px var(--shade),0 0 0 3px var(--ring, var(--pet));transition:transform var(--dur-press) var(--ease-out)}.avatar img{position:absolute;left:-6px;right:-6px;bottom:2px;width:calc(100% + 12px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(46,20,17,.22));user-select:none;-webkit-user-drag:none}.avatar.is-egg svg{width:34px;height:34px}.avatar:active{transform:scale(.92)}.avatar.happy{box-shadow:inset 0 3px 6px var(--shade),0 0 0 3px var(--ring, var(--pet)),0 0 0 7px #ffc83d73;animation:happy-glow 2.4s ease-in-out infinite}@keyframes happy-glow{50%{box-shadow:inset 0 3px 6px var(--shade),0 0 0 3px var(--ring, var(--pet)),0 0 0 9px #ffc83d40}}@media(prefers-reduced-motion:reduce){.avatar.happy{animation:none}}.thought.wants-toy svg{width:56px;height:42px}.head-coins{height:40px;flex:none;box-shadow:inset 0 3px 6px var(--shade);background:var(--slab-press);padding:0 var(--s3) 0 6px}.room-top>.knob svg{width:34px;height:34px}.well.wardrobe-btn{position:absolute;z-index:var(--z-ui);left:var(--s4);top:50%;transform:translateY(-50%)}.wardrobe-btn svg{width:40px;height:40px}.app.dressing .wardrobe-btn{opacity:0;pointer-events:none}.status b{font-family:var(--font-display);font-weight:600;font-size:var(--fs-body);line-height:1}.status .meta{flex:1;display:grid;gap:6px}.status .tube{height:16px;flex:none;--tube-color: var(--heart)}.stage-area{position:relative;flex:1;min-height:0}.screen.room{overflow:visible}.pet-mount{position:absolute;inset:18% -25% -4%}.thought{position:absolute;z-index:var(--z-ui);left:calc(50% - 36px);top:var(--head-top, 34%);width:72px;height:72px;display:grid;place-items:center;border-radius:var(--r);animation:thought-in var(--dur-move) var(--ease-spring) both,thought-ask 1.4s var(--ease-out) .3s both}.thought svg{width:44px;height:44px}.thought:before,.thought:after{content:"";position:absolute;border-radius:50%;background:var(--slab);box-shadow:var(--slab-relief)}.thought:before{width:16px;height:16px;left:calc(50% - 4px);bottom:-16px}.thought:after{width:9px;height:9px;left:calc(50% + 6px);bottom:-30px}.thought:active{transform:scale(.94)}@keyframes thought-in{0%{opacity:0;transform:translateY(8px) scale(.6)}}@keyframes thought-ask{0%,to{rotate:0deg}20%{rotate:-6deg}40%{rotate:5deg}60%{rotate:-3deg}80%{rotate:1deg}}@media(prefers-reduced-motion:reduce){.thought{animation:none}}.fridge{position:absolute;z-index:var(--z-ui);right:var(--s4);top:50%;transform:translateY(-50%);max-height:calc(100% - 2 * var(--s4));display:flex;flex-direction:column;gap:var(--tap-gap)}.well{position:relative;width:60px;height:60px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--slab);box-shadow:var(--slab-relief)}.well svg{width:70%;height:70%;transition:transform var(--dur-pop) var(--ease-spring)}.well:active svg{transform:scale(.85)}.well:disabled{cursor:default}.fridge{gap:var(--s2);overflow-y:auto;scrollbar-width:none;padding:var(--s2);margin:calc(-1 * var(--s2))}.fridge::-webkit-scrollbar{display:none}.fridge .well{width:56px;height:56px;flex:none}.well.fridge-door svg{width:44px;height:44px}.fridge-plus{position:absolute;left:-6px;top:-6px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--sunflower);color:#2e1411;font:800 18px/1 var(--font-display);box-shadow:inset 0 2px #ffffff8c,inset 0 -2px #00000024,0 2px 4px #2e141133}.well .badge{position:absolute;left:-4px;top:-6px;height:22px;min-width:22px;font-size:12px}.head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s4) var(--s4) var(--s3)}.head h1{margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--fs-display);line-height:var(--lh-tight);color:var(--ink)}.box{flex:1;min-height:0;overflow-y:auto;padding:0 var(--s4) var(--tabbar-space);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:164px;gap:var(--s3);align-content:start}.box>.pad:last-child:nth-child(odd){grid-column:1 / -1}.pad{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--s1);padding:var(--s3) var(--s4);overflow:hidden;border-radius:var(--r-lg);background:var(--pad);color:#2e1411;text-align:left;box-shadow:inset 0 4px #ffffff73,inset 0 -6px #00000024,var(--drop);transition:transform var(--dur-press) var(--ease-out)}.pad:active{transform:translateY(3px) scale(.97)}.pad .art{min-height:0;height:100%;width:100%;display:grid;place-items:center}.pad .art svg{width:100%;height:100%;max-width:200px}.pad b{padding-right:52px;font-family:var(--font-display);font-weight:600;font-size:var(--fs-lead);line-height:1.05;text-wrap:balance}.pad .makes{position:absolute;right:10px;bottom:10px;width:46px;height:46px;display:grid;place-items:center;border-radius:var(--r);background:#ffffffb3;box-shadow:inset 0 3px 6px #00000024}.pad .makes svg{width:34px;height:34px}.pad[aria-disabled=true]:not(.waits){filter:saturate(.45);opacity:.7}.egg-card{margin:0 var(--s4) var(--s3);display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4) var(--s3) var(--s3);border-radius:var(--r-lg);text-align:left;color:#2e1411;background:radial-gradient(120% 140% at 30% 15%,#ffe28a 0%,var(--sunflower) 60%,#f4b400 100%);box-shadow:inset 0 3px #fff9,inset 0 -4px #00000024,var(--drop);transition:transform var(--dur-press) var(--ease-out)}.egg-card:active{transform:scale(.98)}.egg-card>span:nth-child(2){flex:1;display:grid;gap:2px}.egg-card b{font:700 var(--fs-lead)/1.15 var(--font-display)}.egg-card small{font:600 var(--fs-label)/1.3 var(--font-display);opacity:.8}.egg-card-go{flex:none;display:grid}.egg-card-go svg{width:22px;height:22px}.egg-card-pic{width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:50%;background:#ffffff8c;box-shadow:inset 0 2px 4px #2e14111f;animation:egg-wobble 2.6s ease-in-out infinite}.egg-card-pic svg{width:38px;height:38px}@keyframes egg-wobble{0%,70%,to{rotate:0deg}76%{rotate:-10deg}84%{rotate:8deg}92%{rotate:-4deg}}@media(prefers-reduced-motion:reduce){.egg-card-pic{animation:none}}.pad.waits>span:not(.egg-mark):not(.pro-badge) svg,.pad.waits>b{opacity:.45;filter:saturate(.5)}.pad .egg-mark{position:absolute;left:10px;top:10px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--slab);box-shadow:0 2px 6px #2e141138}.pad .egg-mark svg{width:24px;height:24px}.pad .soon{position:absolute;left:12px;top:10px;display:inline-flex;gap:4px;align-items:center;padding:2px 10px 2px 6px;border-radius:var(--r-pill);background:#ffffffbf;font-family:var(--font-display);font-weight:600;font-size:var(--fs-label)}.pad .soon svg{width:16px;height:16px}.play-screen{background:var(--toy-bg, var(--sky))}.play-screen{position:relative}.play-top{position:absolute;z-index:var(--z-ui);left:0;right:0;top:0;display:flex;align-items:center;gap:var(--s3);padding:calc(env(safe-area-inset-top,0px) + var(--s3)) var(--s4) var(--s3);pointer-events:none}.play-top>*{pointer-events:auto}.play-top .tube{height:32px}.goal{width:44px;height:44px;flex:none;display:grid;place-items:center;margin-left:-6px}.fridge-chip{position:relative}.fridge-chip .badge{position:absolute;right:-6px;top:-8px}.fridge-chip.bump{animation:squish var(--dur-pop) var(--ease-spring)}.toy-mount{position:absolute;inset:0}.hint{margin:var(--s2) 0;text-align:center;font-family:var(--font-display);font-weight:600;color:#4a1f1a;display:flex;gap:var(--s2);justify-content:center;align-items:center}.hint svg{width:24px;height:24px}.flyer{position:fixed;z-index:var(--z-toast);width:52px;height:52px;pointer-events:none;transition:transform .64s var(--ease-out),opacity .64s var(--ease-out)}.toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 84px);z-index:var(--z-toast);transform:translate(-50%,-12px);opacity:0;padding:var(--s2) var(--s4);border-radius:var(--r-pill);font-family:var(--font-display);font-weight:600;transition:opacity var(--dur-move) var(--ease-out),transform var(--dur-move) var(--ease-out);pointer-events:none;display:flex;gap:var(--s2);align-items:center;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%)}.toast svg{width:22px;height:22px;color:var(--heart)}.scrim{position:fixed;inset:0;z-index:var(--z-sheet);background:#0a0e1e80;display:flex;align-items:flex-end}.sheet{width:100%;padding:var(--s5) var(--s5) calc(var(--s5) + env(safe-area-inset-bottom,0px));border-radius:var(--r-xl) var(--r-xl) 0 0;display:grid;gap:var(--s3)}.sheet{position:relative;max-height:calc(100% - env(safe-area-inset-top,0px) - var(--s2));overflow-y:auto;overscroll-behavior:contain;box-shadow:inset 0 3px 0 var(--shine),0 -8px 24px #2e14112e}.sheet:before{content:"";position:absolute;top:var(--s2);left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:var(--ink-soft);opacity:.35}.sheet h2{margin:0 0 var(--s2);font-family:var(--font-display);font-weight:700;font-size:var(--fs-title)}.toggle-row label,.toggle-row>span{display:flex;align-items:center;gap:var(--s3);font-family:var(--font-display);font-weight:600;font-size:var(--fs-lead)}.toggle-row label svg,.toggle-row>span svg{width:28px;height:28px}.icon-pick-row{display:grid;gap:var(--s2)}.icon-pick-row>span{font-family:var(--font-display);font-weight:600;font-size:var(--fs-lead)}.icon-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}.icon-pick button{display:flex;align-items:center;gap:var(--s3);min-height:80px;padding:var(--s2);border-radius:var(--r);background:#fff;box-shadow:inset 0 0 0 2px #2e141114;font:700 var(--fs-body)/1.2 var(--font-display);color:var(--ink);text-align:left}.icon-pick button img{flex:none;width:64px;height:64px;border-radius:15px;box-shadow:0 3px 8px #2e141133}.icon-pick button[aria-checked=true]{box-shadow:inset 0 0 0 3px var(--ink)}.icon-pick button:active{transform:scale(.97)}.icon-pick-note{margin:0;font-size:var(--fs-label);line-height:1.4;color:var(--ink-soft)}.lang-pick{display:flex;gap:4px;padding:4px;border-radius:22px;background:#fff;box-shadow:inset 0 2px 5px #2e141124,0 0 0 1px #2e14110f}.lang-pick button{min-height:36px;padding:0 var(--s3);border-radius:18px;font:600 15px/1 var(--font-display);color:var(--ink-soft)}.lang-pick button[aria-checked=true]{color:var(--ink);background:var(--slab);box-shadow:inset 0 0 0 2px var(--ink)}.switch{position:relative;width:72px;height:44px;flex:none;border-radius:22px;background:#fff;box-shadow:inset 0 2px 5px #2e141124,0 0 0 1px #2e14110f}.switch:after{content:"";position:absolute;top:4px;left:4px;width:36px;height:36px;border-radius:50%;background:#c9cfd6;box-shadow:inset 0 3px #ffffff73,inset 0 -3px #0000001f,0 2px 4px #2e141133;transition:transform var(--dur-move) var(--ease-spring),background-color var(--dur-move) var(--ease-out)}.switch[aria-checked=true]:after{transform:translate(28px);background:var(--ok)}.muted-row{display:flex;align-items:center;gap:var(--s3);min-height:var(--tap);color:var(--ink-soft);font-weight:700}.muted-row svg{width:24px;height:24px}.fps{position:fixed;right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 96px);z-index:var(--z-gate);padding:2px 8px;border-radius:8px;background:#0009;color:#fff;font:12px/1.4 ui-monospace,monospace;font-variant-numeric:tabular-nums;pointer-events:none}.pets{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.pet-tile{position:relative;min-height:96px;display:grid;place-items:center;gap:var(--s1);padding:var(--s3);border-radius:var(--r);background:var(--tile, var(--slab-press));box-shadow:inset 0 4px #ffffff59,inset 0 -6px #00000024,var(--drop);transition:transform var(--dur-press) var(--ease-out)}.pet-tile:active{transform:translateY(3px) scale(.97)}.pet-tile svg{width:32px;height:32px}.pet-tile b{font-family:var(--font-display);font-weight:600}.pet-tile[aria-current]{outline:4px solid var(--ink);outline-offset:3px}.pet-tile.add{background:transparent;color:var(--ink-soft);box-shadow:inset 0 0 0 3px var(--slab-press)}.scrim.clear{background:transparent}.stage-area{transition:transform var(--dur-move) var(--ease-out)}.app.dressing .stage-area{transform:translateY(-56px)}.app.dressing .fridge{opacity:0;pointer-events:none}.sheet.wardrobe{gap:var(--s2);padding-top:var(--s4)}.slot-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2)}.slot-tabs button{min-height:var(--tap);display:grid;justify-items:center;gap:2px;padding:var(--s2) 0;border-radius:var(--r);font-family:var(--font-display);font-weight:600;font-size:var(--fs-label);color:var(--ink-soft)}.slot-tabs button svg{width:24px;height:24px}.slot-tabs button[aria-selected=true]{background:var(--slab-press);color:var(--ink)}.wardrobe .note{margin:0;font-size:var(--fs-label);font-weight:700;color:var(--ink-soft)}.items{display:grid;grid-auto-flow:column;grid-auto-columns:88px;gap:var(--s3);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:10px var(--s5) 6px;margin:0 calc(-1 * var(--s5));scroll-padding-inline:var(--s5)}.items::-webkit-scrollbar{display:none}.item{position:relative;display:grid;justify-items:center;gap:var(--s1);padding:var(--s2) var(--s1);border-radius:var(--r);background:var(--slab-press)}.item svg,.item .swatch,.item .none-mark{width:48px;height:48px}.item small{font-family:var(--font-display);font-weight:600;font-size:var(--fs-label);line-height:1.1;text-align:center}.item[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:2px;background:var(--slab)}.item:active{transform:scale(.95)}.none-mark{border-radius:50%;border:3px dashed var(--ink-soft);opacity:.5}.swatch{border-radius:50%;background-color:var(--pet);box-shadow:inset 0 -4px #0000002e}.sw-dots{background-image:radial-gradient(#fff 22%,transparent 24%);background-size:16px 16px}.sw-sprinkles{background-image:linear-gradient(35deg,transparent 44%,#ffd166 44% 56%,transparent 56%),linear-gradient(-40deg,transparent 44%,#6fd6ff 44% 56%,transparent 56%),linear-gradient(80deg,transparent 44%,#ff7eb6 44% 56%,transparent 56%);background-size:14px 14px,18px 18px,22px 22px}.sw-stripes{background-image:repeating-linear-gradient(0deg,transparent 0 9px,#fff 9px 13px)}.sw-stars{background-image:radial-gradient(#ffd166 18%,transparent 20%);background-size:15px 15px}.sw-hearts{background-image:radial-gradient(#ff5c8a 20%,transparent 22%);background-size:13px 13px}.sw-glitter{background-image:radial-gradient(#ffd166 9%,transparent 11%),radial-gradient(#fff 8%,transparent 10%);background-size:9px 9px,13px 13px;background-position:0 0,4px 6px}.sw-spots{background-image:radial-gradient(circle at 30% 35%,rgba(0,0,0,.4) 14%,transparent 15%),radial-gradient(circle at 68% 60%,rgba(0,0,0,.4) 11%,transparent 12%),radial-gradient(circle at 40% 78%,rgba(0,0,0,.4) 8%,transparent 9%)}.sw-freckles{background-image:radial-gradient(#3a1611 12%,transparent 14%);background-size:10px 10px}.btn-main,.btn-quiet,.btn-danger{min-height:var(--tap);padding:0 var(--s5);border-radius:var(--r);font-family:var(--font-display);font-weight:600;font-size:var(--fs-body);display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);transition:transform var(--dur-press) var(--ease-out)}.btn-main{background:var(--sunflower);color:#2e1411;box-shadow:inset 0 3px #ffffff80,inset 0 -4px #00000024,var(--drop)}.btn-main:disabled{opacity:.5}.btn-main.wide{width:100%}.btn-quiet{background:var(--slab-press);color:var(--ink)}.btn-danger{background:var(--danger);color:#fff}.btn-main:active:not(:disabled),.btn-quiet:active,.btn-danger:active{transform:translateY(2px) scale(.98)}.parents-row{width:100%;min-height:var(--tap);display:flex;align-items:center;gap:var(--s3);font-family:var(--font-display);font-weight:600;font-size:var(--fs-lead);color:var(--ink);text-align:left;white-space:nowrap}.parents-row svg{flex:none;width:24px;height:24px;color:var(--ink-soft)}.parents-row>:last-child svg{margin-left:auto;width:18px;height:18px}.gate-scrim{z-index:var(--z-gate)}.gate{gap:var(--s3);color:var(--ink);text-align:left}.gate h2{margin:0}.gate p{margin:0;color:var(--ink-soft)}.gate-q{font-family:var(--font-display);font-weight:600;font-size:var(--fs-lead)}.gate input{min-height:var(--tap);padding:0 var(--s4);border:0;border-radius:var(--r);background:var(--slab-press);box-shadow:inset 0 3px 6px var(--shade);font:600 var(--fs-lead) var(--font-display);color:var(--ink)}.gate input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.gate .gate-wrong{color:var(--danger);font-weight:700}.gate.fb{display:flex;flex-direction:column;overflow-y:visible}.gate.fb>*{flex:none}.fb-scrim{z-index:var(--z-gate)}.scrim[data-keyboard] .sheet{padding-bottom:calc(var(--kb) + var(--s4))}.gate .fb-text{width:100%;min-width:0;padding:var(--s4);border:0;border-radius:var(--r);background:var(--slab-press);box-shadow:inset 0 3px 6px var(--shade);font:600 var(--fs-body)/1.4 var(--font-body);color:var(--ink);resize:none;flex:0 1 128px;height:128px;min-height:80px}.gate .fb-text::placeholder{color:var(--ink-soft);opacity:.75}.gate .fb-text:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.gate .fb-note{font-size:var(--fs-label);line-height:1.4}.gate-actions{display:flex;justify-content:flex-end;gap:var(--s3)}.parents{position:fixed;inset:0;z-index:var(--z-sheet);display:flex;flex-direction:column;background:var(--bg);color:var(--ink)}.parents-top{display:flex;align-items:center;gap:var(--s3);padding:calc(env(safe-area-inset-top,0px) + var(--s4)) max(var(--s4),env(safe-area-inset-right,0px)) var(--s3) max(var(--s4),env(safe-area-inset-left,0px))}.parents-top h1{margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--fs-title)}.parents-body{flex:1;overflow-y:auto;display:grid;align-content:start;gap:var(--s4);padding:0 max(var(--s4),env(safe-area-inset-right,0px)) calc(var(--s6) + env(safe-area-inset-bottom,0px)) max(var(--s4),env(safe-area-inset-left,0px));max-width:640px;width:100%;margin:0 auto;box-sizing:border-box}.parents .lead{margin:0;line-height:1.5}.parents .card{padding:var(--s5) var(--s4);border-radius:var(--r);display:grid;gap:var(--s3)}.parents .card h2{margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--fs-lead);text-wrap:balance}.parents .card h3{margin:var(--s2) 0 0;font-family:var(--font-display);font-weight:600;font-size:var(--fs-body)}.parents .card p{margin:0;line-height:1.5}.parents ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--s2);line-height:1.4}.parents ul.plain li{padding-left:var(--s4);position:relative}.parents ul.plain li:before{content:"";position:absolute;left:2px;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--ink-soft)}.parents ul.ticks li{display:flex;gap:var(--s2);align-items:flex-start;font-weight:700}.parents ul.ticks svg{width:20px;height:20px;flex:none;color:var(--sunflower-deep);margin-top:1px}.parents .price-line{font-weight:700}.parents .owned{display:flex;gap:var(--s2);align-items:center;font-weight:700}.parents .owned svg{width:22px;height:22px;color:var(--heart)}.parents .note{color:var(--ink-soft);font-weight:700}.parents .small{font-size:var(--fs-label);color:var(--ink-soft)}.pet-rows li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3)}.pet-rows .chip{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r)}.pet-rows .chip svg{width:22px;height:22px}.pet-rows .grow{flex:1;font-weight:700}.pet-rows .confirm,.parents .card>.confirm{flex-basis:100%;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--s2);padding:var(--s3);border-radius:var(--r);background:var(--slab-press)}.pet-rows .confirm p,.parents .card>.confirm p{flex-basis:100%}.parents .btn-quiet svg{width:20px;height:20px}.link-rows a{display:flex;align-items:center;justify-content:space-between;min-height:var(--tap);padding:0 var(--s3);border-radius:var(--r);background:var(--slab-press);color:var(--ink);font-weight:700;text-decoration:none}.link-rows a svg{width:18px;height:18px;color:var(--ink-soft)}.btn-danger svg{width:20px;height:20px}.pro-badge{position:absolute;top:-8px;right:-8px;overflow:hidden;display:inline-flex;align-items:center;gap:3px;padding:3px 8px 3px 6px;border-radius:999px;border:2px solid #2e1411;background:radial-gradient(120% 140% at 20% 0%,#8a5cd6,#5b34a8 45%,#2c1a5c);color:#ffe08a;font:800 12px/1.1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff59,inset 0 -2px #0000004d,0 2px 4px #2e141140;rotate:6deg}.pro-badge svg{width:18px;height:16px}.pro-badge:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);translate:-120% 0;animation:pro-sheen 4.5s ease-in-out 1.5s infinite;pointer-events:none}.paywall h2{display:flex;align-items:center;gap:var(--s2);margin:0}.pro-mark{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:4px;padding:4px 11px 4px 8px;border-radius:999px;background:linear-gradient(135deg,#fff3b8,#ffd23f 38%,#f0ae12 62%,#ffe27a);color:#3d1f00;font:700 13px/1.1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 1px #ffffffbf,inset 0 -2px #96500059,0 3px 8px #783c004d}.pro-mark svg{width:16px;height:16px}.pro-mark:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.85) 50%,transparent 65%);translate:-120% 0;animation:pro-sheen 4.5s ease-in-out 1s infinite}@keyframes pro-sheen{0%,70%{translate:-120% 0}to{translate:120% 0}}@media(prefers-reduced-motion:reduce){.pro-mark:after,.pro-badge:after{animation:none}}.perks{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}.perks li{display:flex;align-items:center;gap:var(--s3);font-weight:700;line-height:1.3}.perk-icon{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:var(--r);background:var(--slab-press)}.perk-icon svg{width:24px;height:24px}.paywall .small{margin:0;font-size:var(--fs-label);color:var(--ink-soft);text-align:center}.paywall .note{margin:0;font-weight:700;color:var(--ink-soft);text-align:center}.paywall-scrim{z-index:calc(var(--z-sheet) + 1)}.pro-badge.pad-pro{top:8px;right:8px;font-size:16px;padding:5px 12px 5px 8px;gap:4px}.pro-badge.pad-pro svg{width:24px;height:21px}.pro-banner{position:relative;isolation:isolate;display:grid;gap:var(--s4);justify-items:start;margin-top:var(--s6);padding:var(--s4) var(--s4) var(--s4);border-radius:calc(var(--r) + 4px);border:1.5px solid transparent;background:radial-gradient(120% 100% at 100% 0%,#6a43b3,#33205e,#1b1033) padding-box,linear-gradient(135deg,#ffe9a6,#c48a1c 35%,#fff1c2 55%,#a8700f 80%,#ffe08a) border-box;color:#fff;box-shadow:0 14px 28px #1b103361,0 3px 6px #1b103340}.pro-banner:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(255,220,130,.28),transparent 38%),radial-gradient(1.5px 1.5px at 22% 70%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 48% 30%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 66% 82%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 84% 58%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 36% 90%,rgba(255,255,255,.45),transparent)}.pro-banner{display:grid;justify-items:stretch;gap:var(--s3);margin-top:var(--s4);padding:0;border:0;background:none;box-shadow:none}.pro-banner:before{display:none}.pro-poster{position:relative;isolation:isolate;height:248px;border-radius:22px;overflow:hidden;background:linear-gradient(115deg,#38c2f7,#3b8cf0 40%,#4a56e0 75%,#5a3fd8);box-shadow:0 10px 22px #283ca059}.pro-poster-room{position:absolute;z-index:-2;inset:-16px;width:calc(100% + 32px);height:calc(100% + 32px);object-fit:cover;filter:blur(4px) saturate(1.3);opacity:1}.pro-poster-sparks{position:absolute;inset:0;pointer-events:none}.pro-poster-sparks i{position:absolute;display:block;border-radius:50%;background:#fff;box-shadow:0 0 2px #ffffffe6;opacity:.25;animation:pro-spark 2.6s ease-in-out infinite}@keyframes pro-spark{0%,to{opacity:.15}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.pro-poster-sparks i{animation:none;opacity:.6}}.pro-poster:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,#28aaf0d1,#326ee6db 40%,#403ed2e6 75%,#4c2cc4f0)}.pro-poster-pet{position:absolute;right:-26px;bottom:34px;width:200px;height:200px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(20,30,90,.35));transform-origin:50% 100%}.pro-poster-buddy{position:absolute;right:70px;top:18px;width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(20,30,90,.35))}.pro-poster-copy{position:absolute;left:16px;top:10px;bottom:80px;width:50%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left}.pro-poster-small{font:800 24px/1.05 var(--font-display);letter-spacing:-.02em;color:#fff;text-shadow:0 3px 0 rgba(30,30,110,.4);white-space:nowrap}.pro-poster-head{margin-top:0;font:800 24px/1.05 var(--font-display);letter-spacing:-.02em;color:#fff;text-shadow:0 3px 0 rgba(30,30,110,.4);white-space:nowrap}.pro-poster-row{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;margin:10px 0 0 -4px}.pro-poster-big{width:94%;height:auto;overflow:visible}.pro-poster-big text{font:800 82px var(--font-display);letter-spacing:-2px;text-anchor:start;paint-order:stroke;stroke-linejoin:round}.pro-poster-big .o1{fill:#281e7859;stroke:#281e7859;stroke-width:18px}.pro-poster-big .o2{fill:#ff6a3d;stroke:#ff6a3d;stroke-width:16px}.pro-poster-big .o3{fill:#fff6e3;stroke:#ff9a6b;stroke-width:2px}.btn-main.wide.pro-poster-buy{position:absolute;left:12px;right:12px;bottom:12px;width:auto;z-index:2}.btn-main.wide.pro-poster-buy{overflow:hidden;isolation:isolate}.pro-poster-buy:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.65) 50%,transparent 65%);translate:-120% 0;pointer-events:none}@media(prefers-reduced-motion:no-preference){.pro-poster-buy:after{animation:pro-sheen 3.2s ease-in-out 1s infinite}}@media(prefers-reduced-motion:no-preference){.pro-poster-pet{animation:pro-hero-bob 3.2s ease-in-out infinite}}@keyframes pro-hero-bob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.02,.98)}}@keyframes pro-hero-twinkle{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.pro-banner-note{margin:0;font-size:var(--fs-label);font-weight:700;color:#ffffffd9}.flush-btn{position:absolute;z-index:var(--z-ui);left:50%;bottom:calc(var(--tabbar-space) + var(--s2));transform:translate(-50%);min-height:var(--tap);padding:0 var(--s5);display:inline-flex;align-items:center;gap:var(--s2);border-radius:var(--r);background:var(--sunflower);color:#2e1411;font:700 var(--fs-lead) var(--font-display);box-shadow:inset 0 3px #ffffff80,inset 0 -4px #00000024,var(--drop);animation:thought-in var(--dur-move) var(--ease-spring) both}.flush-btn svg{width:24px;height:24px}.flush-btn:active{transform:translate(-50%) translateY(2px) scale(.97)}.pet-mount.flushing{animation:flush-swirl 1.1s cubic-bezier(.55,0,.75,.2) forwards;transform-origin:50% 82%}@keyframes flush-swirl{0%{transform:none;opacity:1}30%{transform:rotate(-25deg) scale(1.05)}to{transform:rotate(720deg) scale(0);opacity:.2}}@media(prefers-reduced-motion:reduce){.pet-mount.flushing{animation:flush-fade .3s ease-out forwards}@keyframes flush-fade{to{opacity:0}}}.shelf-body{flex:1;min-height:0;overflow-y:auto;display:grid;align-content:start;gap:var(--s3);padding:0 var(--s4) var(--tabbar-space)}.shelf-intro{margin:0;font-weight:700;color:var(--ink-soft)}.path{display:grid;gap:var(--s3);padding:var(--s4);border-radius:var(--r)}.path p{margin:0;font-weight:700;line-height:1.4;text-wrap:pretty}.path-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--s2)}.path-steps li{display:grid;justify-items:center;gap:var(--s1);font:700 13px/1.2 var(--font-display);color:var(--ink-soft);text-align:center}.path-steps img{width:84px;height:84px;object-fit:contain}.path-mid{position:relative;padding:0 var(--s4)}.path-mid svg{width:36px;height:36px;color:var(--sunflower-deep)}.path-mid:before,.path-mid:after{content:"";position:absolute;top:18px;width:14px;height:3px;border-radius:2px;background:var(--ink-soft);opacity:.4}.path-mid:before{left:0}.path-mid:after{right:0}.path .btn-quiet svg{width:20px;height:20px}.char-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.char{position:relative;display:grid;justify-items:center;gap:var(--s1);padding:var(--s2) var(--s2) var(--s3);border-radius:var(--r);background:var(--slab);box-shadow:var(--slab-relief);transition:transform var(--dur-press) var(--ease-out)}.char:active{transform:scale(.97)}.char img{width:100%;aspect-ratio:1;object-fit:contain;user-select:none;-webkit-user-drag:none}.char b{font-family:var(--font-display);font-weight:700;font-size:var(--fs-body)}.char.on{outline:3px solid var(--ink);outline-offset:2px}.char-tag{position:absolute;top:8px;left:8px;padding:2px 8px;border-radius:var(--r);background:var(--ink);color:var(--slab);font:700 12px/1.3 var(--font-display)}.char .pro-badge{top:8px;right:8px}.kingdom-h{margin:var(--s3) 0 0;display:flex;align-items:center;gap:var(--s2);font-family:var(--font-display);font-weight:700;font-size:var(--fs-lead)}.kingdom-h svg{width:22px;height:22px;color:var(--sunflower-deep)}.album{display:grid;gap:var(--s3);margin-top:var(--s3)}.album-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2)}.album-head .kingdom-h{margin:0}.album-count{font:700 var(--fs-body)/1 var(--font-display);color:var(--ink-soft);font-variant-numeric:tabular-nums}.album-bar{height:12px;border-radius:var(--r-bar);background:var(--slab-press);box-shadow:inset 0 2px 4px var(--shade);overflow:hidden}.album-bar i{display:block;height:100%;border-radius:inherit;background:radial-gradient(120% 140% at 35% 20%,#ffe28a 0%,var(--sunflower) 60%,#f4b400 100%);transition:width var(--dur-move) var(--ease-out)}.album-sets{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.album-sets li{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r);background:var(--slab-press);box-shadow:inset 0 3px 6px var(--shade)}.album-sets li.done{background:var(--slab);box-shadow:var(--slab-relief)}.album-sets b{grid-column:1 / -1;font:700 13px/1.2 var(--font-display)}.album-sets span{font:700 var(--fs-label)/1 var(--font-display);color:var(--ink-soft);font-variant-numeric:tabular-nums}.album-sets li.done svg{width:16px;height:16px;color:var(--heart)}.album-reward{display:inline-flex;align-items:center;gap:3px}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2)}.album-card{position:relative;display:grid;justify-items:center;align-content:start;gap:var(--s1);padding:var(--s2) var(--s1) var(--s2);border-radius:var(--r);background:var(--slab-press);box-shadow:inset 0 3px 6px var(--shade);transition:transform var(--dur-press) var(--ease-out)}.album-card:active{transform:scale(.96)}.album-card.have{background:var(--slab);box-shadow:var(--slab-relief)}.album-card img{width:100%;aspect-ratio:1;object-fit:contain;user-select:none;-webkit-user-drag:none;filter:grayscale(1) contrast(.55) brightness(1.2);opacity:.5}.album-card.have img{filter:none;opacity:1}.album-name{display:flex;align-items:center;justify-content:center;gap:4px;min-height:2.5em;font:700 12px/1.25 var(--font-display);color:var(--ink-soft);text-align:center;text-wrap:balance}.album-card.have .album-name{color:var(--ink);font-size:13px}.album-name svg{flex:none;width:16px;height:16px;color:var(--sunflower-deep)}.album-food{display:contents}.album-food svg{width:22px;height:22px}.album-card .char-tag{top:6px;left:6px}.album-card .pro-badge{top:6px;right:6px}.tab{position:relative}.tab-dot{position:absolute;top:8px;right:calc(50% - 26px);width:12px;height:12px;border-radius:50%;background:var(--heart);box-shadow:0 0 0 3px var(--slab)}.toast-pic{width:32px;height:32px;object-fit:contain;margin:-4px 0}.kingdom{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:var(--s2)}.kingdom-pet{aspect-ratio:1;display:grid;place-items:center;border-radius:var(--r);background:var(--slab-press);box-shadow:inset 0 3px 6px var(--shade)}.kingdom-pet img{width:90%;height:90%;object-fit:contain}.egg{position:absolute;z-index:var(--z-ui);left:50%;bottom:8%;width:min(92vw,400px);aspect-ratio:1;transform:translate(-50%);display:grid;place-items:center;-webkit-tap-highlight-color:transparent}.egg svg{width:100%;height:100%;overflow:visible}.egg-body{transform-origin:80px 132px;animation:egg-wiggle .5s var(--ease-out)}.egg.shaky .egg-body{animation:egg-shake .25s linear infinite}.egg.cracking .egg-lid{transform-origin:80px 84px;animation:egg-lid .6s var(--ease-out) forwards}.egg.cracking .egg-body{animation:egg-pop .6s var(--ease-out) forwards}.egg-hint{position:absolute;bottom:8%;padding:4px 12px;border-radius:var(--r);background:var(--slab);box-shadow:var(--slab-relief);font:700 var(--fs-body)/1.2 var(--font-display);color:var(--ink);white-space:nowrap;animation:thought-in var(--dur-move) var(--ease-spring) .4s both}.egg-chip{position:absolute;left:50%;top:45%;width:12px;height:9px;border-radius:3px 6px 2px 5px;box-shadow:0 1px 2px #2e141140;pointer-events:none;animation:egg-chip .6s cubic-bezier(.2,.6,.4,1) forwards}@keyframes egg-chip{to{transform:translate(var(--dx),var(--dy)) rotate(var(--r));opacity:0}}@keyframes egg-wiggle{0%,to{rotate:0deg}25%{rotate:-9deg}55%{rotate:7deg}80%{rotate:-3deg}}@keyframes egg-shake{0%,to{rotate:-4deg}50%{rotate:4deg}}@keyframes egg-lid{to{transform:translate(18px,-60px) rotate(40deg);opacity:0}}@keyframes egg-pop{60%{transform:scale(1.12,.9)}to{transform:scale(.4);opacity:0}}@media(prefers-reduced-motion:reduce){.egg-chip{display:none}.egg-body,.egg.shaky .egg-body,.egg.cracking .egg-lid,.egg.cracking .egg-body{animation:none}}.btn-quiet.wide{width:100%}.onboarding{position:absolute;inset:0;z-index:var(--z-sheet);display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:var(--s4);padding:calc(env(safe-area-inset-top,0px) + var(--s6)) max(var(--s5),env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + var(--s5)) max(var(--s5),env(safe-area-inset-left,0px));background:var(--ob-bg);color:#2e1411;text-align:center;overflow:hidden;touch-action:pan-y}.onboarding>:not(.ob-skip){width:min(100%,420px);justify-self:center}.ob-skip{position:absolute;z-index:2;top:calc(env(safe-area-inset-top,0px) + var(--s3));right:max(var(--s3),env(safe-area-inset-right,0px));min-height:var(--tap);padding:0 var(--s4);font:700 var(--fs-body) var(--font-display);color:#2e1411}.ob-stage{position:relative;display:grid;place-items:center;min-height:0}.ob-games{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(320px,82vw);margin-inline:auto}.ob-game{aspect-ratio:4 / 3;display:grid;place-items:center;border-radius:18px;background:var(--pad);box-shadow:inset 0 3px #ffffff73,inset 0 -4px #00000024,0 4px 10px #2e14112e;animation:ob-game-in .5s var(--ease-spring) calc(var(--i) * .11s + .15s) both}.ob-game svg{width:92%;height:92%}.ob-game.hop{animation:ob-game-hop .45s var(--ease-spring)}@keyframes ob-game-in{0%{opacity:0;transform:translateY(24px) scale(.6) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes ob-game-hop{40%{transform:translateY(-14px) scale(1.06)}}@media(prefers-reduced-motion:reduce){.ob-game{animation:none}}.ob-confetti{position:absolute;border-radius:3px;opacity:.75;filter:blur(1.5px);transform:rotate(var(--r));animation:ob-drift 4s ease-in-out var(--d) infinite alternate}.ob-copy{animation:ob-in .45s var(--ease-out) .08s both}.ob-copy h1{margin:0 0 var(--s3);white-space:nowrap;font:700 clamp(34px,11vw,54px)/1 var(--font-display);letter-spacing:-.01em;color:#fff;text-shadow:2px 0 0 #2e1411,-2px 0 0 #2e1411,0 2px 0 #2e1411,0 -2px 0 #2e1411,1.5px 1.5px 0 #2e1411,-1.5px 1.5px 0 #2e1411,1.5px -1.5px 0 #2e1411,-1.5px -1.5px 0 #2e1411,0 5px 0 #2e1411}.ob-copy h1 .hl{color:var(--ob-accent)}.ob-copy p{margin:0 auto;max-width:28ch;font-size:var(--fs-body);font-weight:700;line-height:1.45;color:#2e1411}.ob-nav{display:flex;align-items:center;justify-content:space-between}.onboarding :focus-visible{outline-color:#2e1411}.ob-dots{display:flex;gap:14px;padding-left:var(--s2)}.ob-dots i{width:8px;height:8px;border-radius:50%;background:#ffffff73;transition:transform var(--dur-move) var(--ease-out),background-color var(--dur-move) var(--ease-out)}.ob-dots i.on{transform:scale(1.5);background:#fff}.ob-next{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--ob-accent);color:#2e1411;box-shadow:inset 0 3px #ffffff8c,inset 0 -4px #0000001f,0 8px 18px #28143c33;transition:transform var(--dur-press) var(--ease-out)}.ob-next svg{width:26px;height:26px}.ob-next:active,.ob-pill:active{transform:scale(.95)}.ob-actions{display:grid;gap:var(--s3)}.ob-pill{min-height:56px;border-radius:28px;background:#fff;color:#2e1411;font:700 var(--fs-body) var(--font-display);box-shadow:0 6px 14px #28143c26;transition:transform var(--dur-press) var(--ease-out)}.ob-pill.dark{background:#1d1530;color:#fff}.ob-later,.link-later{min-height:var(--tap);background:none;font:700 var(--fs-body) var(--font-display);text-decoration:underline;text-underline-offset:3px}.ob-later{color:#2e1411}.link-later{color:var(--ink-soft)}.ob-small{margin:0;font-size:var(--fs-label);font-weight:700;color:#2e1411}@keyframes ob-in{0%{opacity:0;transform:translateY(16px) scale(.94)}}@keyframes ob-bob{to{transform:translateY(-8px)}}@keyframes ob-drift{to{transform:translateY(-10px) rotate(calc(var(--r) + 20deg))}}@media(prefers-reduced-motion:reduce){.ob-hero,.ob-copy,.ob-confetti{animation:none}}.pay-scrim{z-index:var(--z-gate)}.pay{grid-template-columns:minmax(0,1fr)}.pay .pay-price{color:var(--ink);font-weight:700}.pay .pay-help{font-size:var(--fs-label);line-height:1.4}.pay-legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}.pay-ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:var(--s2);margin:0;padding:0;border:0;min-width:0;min-inline-size:0}.pay-ways legend{grid-column:1 / -1;padding:0;margin-bottom:var(--s2)}.pay-way{position:relative;min-height:48px;padding:0 var(--s2);display:flex;align-items:center;justify-content:center;text-align:center;border-radius:var(--r);background:var(--slab-press);font:600 var(--fs-body) var(--font-display);color:var(--ink);cursor:pointer}.pay-way input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.pay-way.on{background:var(--slab);box-shadow:inset 0 0 0 2.5px var(--ink)}.pay-way:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.pay .pay-status{display:flex;align-items:center;gap:var(--s2);color:var(--ink);font-weight:700}.pay-dot{width:10px;height:10px;flex:none;border-radius:50%;background:var(--sunflower-deep);animation:pay-pulse 1.2s var(--ease-out) infinite}@keyframes pay-pulse{50%{opacity:.3;transform:scale(.7)}}@media(prefers-reduced-motion:reduce){.pay-dot{animation:none}}.pay a.btn-main{text-decoration:none}.pay .pay-label{font:700 var(--fs-body)/1.2 var(--font-display);color:var(--ink)}.pay input[type=email]{margin-top:calc(-1 * var(--s1))}.pay input[type=email]::placeholder{color:var(--ink-soft);opacity:.75;font-weight:600}.pay-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s3);margin-top:var(--s2)}.pay-actions>*{min-height:52px;width:100%}.input{width:100%;box-sizing:border-box;min-height:var(--tap);padding:0 var(--s4);border:0;border-radius:var(--r);background:var(--slab-press);box-shadow:inset 0 3px 6px var(--shade);font:600 var(--fs-body) var(--font-display);color:var(--ink)}.input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.input.mono{font-family:ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase}.restore{display:grid;gap:var(--s3);padding-top:var(--s2)}.restore h3{margin:0}.field-row{display:grid;gap:var(--s2)}.dev-tag{position:fixed;z-index:var(--z-gate);top:calc(env(safe-area-inset-top,0px) + 2px);left:50%;transform:translate(-50%);padding:1px 10px;border-radius:0 0 8px 8px;background:#ff6b35;color:#fff;font:700 11px/1.4 var(--font-display);letter-spacing:.08em}.dev-scrim{z-index:var(--z-gate)}.dev-panel h2{margin:0}.dev-sub{margin:var(--s2) 0 0;font-size:var(--fs-label);color:var(--ink-soft)}.dev-link{text-decoration:none}.dev-note{margin:0;font-size:var(--fs-label);font-weight:700;color:var(--ink-soft)}.update-toast{position:fixed;z-index:var(--z-toast);left:max(var(--s3),env(safe-area-inset-left,0px));right:max(var(--s3),env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 104px);display:flex;align-items:center;gap:var(--s2);padding:8px 6px 8px 10px;border-radius:var(--r);animation:thought-in var(--dur-move) var(--ease-spring) both}.update-badge{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--sunflower);color:#2e1411}.update-badge svg{width:18px;height:18px}.update-toast b{flex:1;min-width:0;font:700 15px/1.2 var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-go{min-height:40px;padding:0 var(--s4);font-size:15px}.install-card{position:fixed;z-index:var(--z-toast);left:max(var(--s3),env(safe-area-inset-left,0px));right:max(var(--s3),env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 104px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s2) var(--s3);padding:var(--s3);border-radius:var(--r);animation:thought-in var(--dur-move) var(--ease-spring) both}.install-text{display:grid;gap:4px}.install-text b{font:700 17px/1.2 var(--font-display)}.install-hint{font-weight:700}.install-hint svg{width:18px;height:18px;vertical-align:-3px;margin:0 3px;color:var(--sky-deep, currentColor)}.install-text small{font-size:13px;line-height:1.4;color:var(--ink-soft)}.install-actions{grid-column:1 / -1;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--s2)}.install-actions button{min-height:44px}.ob-play{position:relative;width:min(100%,340px);display:grid;justify-items:center;align-content:center;gap:var(--s4)}.ob-hand{position:absolute;left:14%;top:18%;width:48px;height:48px;color:#fff;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));pointer-events:none;animation:ob-hand 1.2s ease-in-out infinite}.ob-hand svg{width:100%;height:100%}.ob-hand.under{left:12%;top:46px}@keyframes ob-hand{0%,to{transform:translate(0) rotate(-10deg)}50%{transform:translate(6px,-12px) rotate(-4deg)}}.ob-bubbles{position:relative;display:grid;grid-template-columns:repeat(3,84px);gap:14px;transition:opacity .3s,transform .3s}.ob-bubbles.gone{opacity:0;transform:scale(.8);pointer-events:none}.ob-bubble{width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 14%,#ffffffbf 15% 32%,#ffffff59 60%,#ffffff2e);box-shadow:inset 0 -6px 10px #00000014,0 6px 12px #50142826;animation:ob-in .45s var(--ease-spring) calc(var(--i) * 60ms) both;transition:transform .12s}.ob-bubble:active{transform:scale(.9)}.ob-bubble.popped{background:transparent;box-shadow:inset 0 0 0 3px #ffffff73;animation:ob-pop .28s var(--ease-out) both;pointer-events:none}@keyframes ob-pop{0%{transform:scale(1.15)}to{transform:scale(.82)}}.ob-prize{position:absolute;inset:0;display:grid;place-items:center;animation:ob-prize .7s var(--ease-spring) both;filter:drop-shadow(0 14px 18px rgba(80,20,40,.25))}@keyframes ob-prize{0%{transform:translateY(40px) scale(.2) rotate(-30deg);opacity:0}60%{transform:translateY(-14px) scale(1.1) rotate(8deg);opacity:1}to{transform:none}}.ob-feed-pet{position:relative;width:240px;height:220px;display:grid;place-items:end center}.ob-pet{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(40,20,60,.25));animation:ob-chomp .45s var(--ease-spring);transform-origin:50% 90%}.ob-pet.grown{animation:ob-grow .8s var(--ease-spring)}@keyframes ob-chomp{0%{transform:scale(1)}35%{transform:scale(1.08,.9)}70%{transform:scale(.96,1.06)}to{transform:none}}@keyframes ob-grow{0%{transform:scale(.7)}60%{transform:scale(1.12)}to{transform:none}}.ob-hearts{position:absolute;inset:0;pointer-events:none}.ob-hearts svg{position:absolute;width:30px;height:30px;color:#ff4d7a;animation:ob-heart 1.2s var(--ease-out) both}.ob-hearts svg:nth-child(1){left:18%;top:30%}.ob-hearts svg:nth-child(2){left:48%;top:6%;animation-delay:.15s}.ob-hearts svg:nth-child(3){right:16%;top:26%;animation-delay:.3s}@keyframes ob-heart{0%{transform:translateY(20px) scale(.3);opacity:0}40%{opacity:1}to{transform:translateY(-40px) scale(1);opacity:0}}.ob-grow{width:200px;height:12px;border-radius:6px;background:#ffffff59;overflow:hidden}.ob-grow i{display:block;height:100%;background:#fff;border-radius:6px;transform-origin:left;transition:transform .5s var(--ease-out)}.ob-snacks{position:relative;display:flex;gap:18px}.ob-snack{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:#ffffffe6;box-shadow:0 6px 12px #28143c2e;transition:transform .12s;animation:ob-in .4s var(--ease-spring) both}.ob-snack:active{transform:scale(.92)}.ob-snack.eaten{animation:ob-fly .45s cubic-bezier(.5,0,.7,.4) forwards;pointer-events:none}@keyframes ob-fly{to{transform:translateY(-230px) scale(.35);opacity:0}}.ob-pets{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(100%,300px)}.ob-pet-card{aspect-ratio:1;display:grid;place-items:center;border-radius:var(--r);background:#ffffff47;animation:ob-hop .55s var(--ease-spring) calc(.25s + var(--i) * .22s) both}.ob-pet-card img{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(30,60,20,.25))}.ob-pet-card.jump{animation:ob-jump .5s var(--ease-spring)}@keyframes ob-hop{0%{transform:translateY(60px) scale(.4);opacity:0}70%{transform:translateY(-10px) scale(1.06);opacity:1}to{transform:none}}@keyframes ob-jump{0%,to{transform:none}40%{transform:translateY(-26px) scale(1.04,.96)}70%{transform:translateY(0) scale(1.06,.92)}}.ob-gang{position:relative;width:min(92vw,360px);aspect-ratio:1.15}.ob-gang img{position:absolute;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(110,50,0,.22));animation:ob-in .5s var(--ease-spring) calc(var(--i) * 90ms) both,ob-bob 3.2s ease-in-out calc(.6s + var(--i) * .4s) infinite}.ob-gang img:nth-of-type(1){left:26%;top:6%;width:48%;z-index:1}.ob-gang img:nth-of-type(2){left:-2%;top:38%;width:42%;z-index:2}.ob-gang img:nth-of-type(3){right:0;top:36%;width:38%;z-index:2}.ob-gang img:nth-of-type(4){left:36%;top:60%;width:28%;z-index:3}.ob-gang-stage{position:absolute;left:6%;right:6%;bottom:2%;height:22%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.55),rgba(255,255,255,.18) 60%,transparent)}.ob-gang-crown{position:absolute;z-index:2;left:50%;top:-6%;width:64px;height:64px;margin-left:-32px;color:#ffe066;filter:drop-shadow(0 4px 0 rgba(150,70,0,.35));animation:ob-in .5s var(--ease-spring) .45s both,ob-crown 3.2s ease-in-out 1s infinite}.ob-gang-crown svg,.ob-gang-star svg{width:100%;height:100%}.ob-gang-star{position:absolute;width:22px;height:22px;color:#fff;animation:ob-twinkle 2.4s ease-in-out infinite}.ob-gang-star:nth-child(3){left:14%;top:10%}.ob-gang-star:nth-child(4){right:12%;top:14%;width:16px;height:16px;animation-delay:.8s}.ob-gang-star:nth-child(5){left:6%;top:74%;width:14px;height:14px;animation-delay:1.6s}@keyframes ob-bob{0%,to{translate:0 0}50%{translate:0 -7px}}@keyframes ob-crown{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg) translateY(-4px)}}@keyframes ob-twinkle{0%,to{opacity:.35;scale:.7}50%{opacity:1;scale:1}}.ob-copy.pro p{max-width:34ch;text-wrap:balance}.ob-next.ready{animation:ob-ready 1.4s ease-in-out infinite}@keyframes ob-ready{0%,to{box-shadow:inset 0 3px #ffffff8c,inset 0 -4px #0000001f,0 8px 18px #28143c33,0 0 #ffffffb3}50%{box-shadow:inset 0 3px #ffffff8c,inset 0 -4px #0000001f,0 8px 18px #28143c33,0 0 0 12px #fff0}}@media(prefers-reduced-motion:reduce){.ob-hand,.ob-bubble,.ob-prize,.ob-pet,.ob-hearts svg,.ob-snack,.ob-pet-card,.ob-gang img,.ob-gang-crown,.ob-gang-star,.ob-next.ready{animation:none!important}}@media(min-width:30em){html,body{background:radial-gradient(120% 80% at 50% 0%,#8fd3f0,var(--sky) 60%,var(--sky-deep))}#root{position:relative;max-width:440px;margin:0 auto;background:var(--bg);transform:translateZ(0);overflow:hidden;box-shadow:0 0 0 1px #143c5a14,0 30px 60px #143c5a40}}