@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(--s4));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:30px;height:30px}.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}.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(--s4) * 2)}.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 .stage{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:var(--r);background:var(--pet);color:#fdf1e6}.status .stage svg{width:22px;height:22px}button.stage{cursor:pointer;transition:transform var(--dur-press) var(--ease-out)}button.stage:active{transform:scale(.92)}.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);right:14%;top:20%;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:-6px;bottom:-14px}.thought:after{width:9px;height:9px;left:-18px;bottom:-26px}.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);left: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}.well.empty svg{width:32px;height:32px;color:var(--ink-soft)}.well .badge{position:absolute;right:-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:1fr;grid-auto-rows:132px;gap:var(--s3)}.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{font-family:var(--font-display);font-weight:600;font-size:var(--fs-lead);line-height:1}.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]{filter:saturate(.45);opacity:.7}.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 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}.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);box-shadow:0 -8px 24px #2e14112e,var(--slab-relief)}.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{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}.parents-row svg{width:24px;height:24px;color:var(--ink-soft)}.parents-row svg:last-child{margin-left:auto;width:18px;height:18px}.gate-scrim{z-index:var(--z-gate);align-items:center;padding:var(--s4)}.gate{border-radius:var(--r);max-width:420px;margin:0 auto;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-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:-6px;right:-6px;display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:var(--r);background:var(--sunflower);color:#2e1411;font:700 11px/1.2 var(--font-display);box-shadow:var(--drop)}.pro-badge svg{width:11px;height:11px}.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{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:10px;right:10px;font-size:13px;padding:3px 8px}.pro-badge.pad-pro svg{width:13px;height:13px}.pro-banner{position:relative;isolation:isolate;display:grid;gap:var(--s3);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-pets{position:absolute;right:0;top:-44px;display:flex;align-items:flex-end;pointer-events:none}.pro-banner-pets img{width:88px;height:88px;object-fit:contain;margin-left:-22px;filter:drop-shadow(0 0 5px rgba(255,226,160,.7)) drop-shadow(0 8px 10px rgba(20,8,40,.45))}.pro-banner-pets img:nth-child(2){width:104px;height:104px;z-index:1}.pro-banner-title{white-space:nowrap;font:700 clamp(19px,6vw,23px)/1.15 var(--font-display);letter-spacing:-.01em}.pro-banner-perks{display:flex;flex-wrap:wrap;gap:6px}.pro-banner-perks>span{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:#ffffff17;box-shadow:inset 0 0 0 1px #ffe19638;font:600 13px/1 var(--font-display)}.pro-banner-perks svg{width:15px;height:15px;color:#ffd27a}.pro-banner .btn-main{margin-top:var(--s1)}.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:var(--s5);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)}.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:#fff;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:#ffffffd9}.ob-stage{position:relative;display:grid;place-items:center;min-height:0}.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;text-shadow:0 3px 0 rgba(0,0,0,.08)}.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:#ffffffeb}.ob-nav{display:flex;align-items:center;justify-content:space-between}.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:#ffffffd9}.link-later{color:var(--ink-soft)}.ob-small{margin:0;font-size:var(--fs-label);font-weight:700;color:#ffffffe6}@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);align-items:center;padding:var(--s4)}.pay{max-height:calc(100dvh - 2 * var(--s4));overflow-y:auto}.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}.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:.5;font-weight:600}.pay-actions{display:grid;grid-template-columns:1fr 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{max-height:80%;overflow-y:auto}.dev-panel h2{margin:0}.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}.update-close{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--ink-soft)}.update-close svg{width:22px;height:22px}.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}}