.creature-art{display:inline-block;width:100%;height:100%;background-image:url('/garden/creatures.webp');background-size:400% 400%;background-position:var(--sprite-x) var(--sprite-y);background-repeat:no-repeat;vertical-align:middle;pointer-events:none}.collection-strip{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:0;background:transparent;border:0;color:var(--ink)}.collection-count{display:flex;align-items:center;gap:3px}.collection-count>.creature-art{width:34px;height:34px}.collection-count:last-of-type>.creature-art{width:42px;height:42px}.collection-count strong{font-size:13px}.collection-arrow{margin-left:auto;font-size:24px}.home-heading{min-width:0}.app-header .home-heading h1,.app-header .home-heading>p{display:none}.app-header .home-heading:has(.collection-strip[hidden]){display:none}.growth-badge{position:absolute;left:3px;top:3px;width:28px;height:28px;padding:1px;background:#10221ed9;border:1px solid #ffffff40;border-radius:50%;z-index:5}.book-cover{position:relative}.garden-dialog{padding:0;border:0;background:#081421;color:#fff;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;overflow:hidden}.garden-dialog::backdrop{background:#04101ef5}.garden-world{position:absolute;inset:0;background:#081421 url('/garden/meadow.webp') center center/cover no-repeat}.garden-head{position:absolute;top:0;left:0;right:0;z-index:6;padding:max(18px,env(safe-area-inset-top)) 20px 28px;background:linear-gradient(#051425b0,transparent);pointer-events:none}.garden-head button{pointer-events:auto;background:transparent;color:#f8f1da;min-height:44px;padding:0;font-size:14px}.garden-head h2{font-family:Georgia,serif;font-size:clamp(27px,6vw,40px);font-weight:500;margin:8px 0;color:#fff5dc}.garden-totals{font-size:11px;color:#e1e8e8}.garden-creatures{position:absolute;inset:0 0 65px;overflow:hidden}.garden-being{position:absolute;width:52px;height:52px;transform:translate(-50%,-50%);background:transparent;border:0;padding:0;cursor:pointer;isolation:isolate;touch-action:manipulation;z-index:2}.garden-being:focus-visible{outline:2px solid #ffdc91;border-radius:50%;outline-offset:6px}.garden-being.butterfly{width:44px;height:44px;animation:garden-flight var(--fly-duration) ease-in-out infinite var(--fly-delay)}.garden-being.journey-being.butterfly{width:180px;height:180px;z-index:3;filter:drop-shadow(0 0 9px #ac8aeb70)}.garden-being.butterfly .creature-art{width:34px;height:34px;animation:wing-breath 2.4s ease-in-out infinite}.garden-being.journey-being.butterfly .creature-art{width:170px;height:170px}.garden-being.selected{animation-play-state:paused;z-index:5}.being-leaf{position:absolute;width:75px;height:30px;border-radius:80% 0 80% 0;background:linear-gradient(145deg,#526c45,#122f29 70%);box-shadow:0 2px 3px #0008;left:50%;top:70%;transform:translate(-50%,-50%) rotate(-12deg);z-index:-1;border-top:1px solid #8c9c5d70}.being-leaf:after{content:'';position:absolute;top:50%;left:10%;width:80%;border-top:1px solid #9eaa7640;transform:rotate(-8deg)}.garden-being.egg .creature-art{width:30px;height:38px;margin-top:8px}.garden-being.caterpillar .creature-art{animation:munch 2.5s ease-in-out infinite}.garden-being.cocoon{transform-origin:50% 0;animation:cocoon-swing 5s ease-in-out infinite}.cocoon-branch{position:absolute;height:1px;width:65px;background:#5b5148;top:3px;left:-4px;transform:rotate(-12deg);box-shadow:0 1px 0 #ffffff20}.garden-being.cocoon .creature-art{height:70px;filter:drop-shadow(0 0 5px #eacb7640)}.garden-being.just-evolved{animation:evolve-birth 2s ease-out both}.creature-art.complete{filter:drop-shadow(0 0 3px #b7dbff)!important}.creature-art.royal.complete{filter:drop-shadow(0 0 12px #f3d4ff)!important}.garden-empty{position:absolute;left:18%;right:15%;top:36%;text-align:center;color:#e7e9e7;line-height:1.8;padding:18px;background:#0b1b2d85;border-radius:20px;font-size:14px;z-index:4}.garden-info{position:absolute;left:14px;right:14px;bottom:70px;z-index:10;border:1px solid #f4ead546;border-radius:20px;padding:18px;background:#f7f0dfed;color:#1f2d27;backdrop-filter:blur(15px);box-shadow:0 8px 32px #0004;display:grid;gap:8px;max-width:540px;margin:auto}.garden-info>strong{font-family:Georgia,serif;font-size:22px;padding-right:22px}.garden-info-kind{font-size:11px;color:#52634e}.garden-info-close{position:absolute;right:6px;top:6px;width:36px;height:36px;background:transparent;color:#25392b;font-size:24px}.garden-info-progress{font-size:12px;color:#536455}.garden-listen{background:#1f392b;color:#fff;padding:12px;border-radius:12px;min-height:44px}.garden-timeline{display:flex;gap:10px}.growth-step{width:34px;height:34px;opacity:.3}.growth-step.active{opacity:1;filter:drop-shadow(0 0 3px #609677)}.garden-page{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:0;right:0;z-index:7;display:flex;align-items:center;justify-content:center;gap:14px;color:#f4ecd9;font-size:12px}.garden-page button{background:#0b1b2dbb;border-radius:50%;width:36px;height:36px;color:#fff}.garden-announcement{position:absolute;top:150px;left:20px;right:20px;color:#fff0bf;text-align:center;pointer-events:none;font-size:13px;z-index:5}.garden-preview-link{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:14px;color:var(--ink);margin:10px 0}.journey-leaves{font-size:12px;color:var(--muted)}@keyframes garden-flight{0%,100%{transform:translate(-50%,-50%) rotate(-8deg)}25%{transform:translate(calc(-50% + var(--fly-x)),calc(-50% + var(--fly-y))) rotate(6deg)}50%{transform:translate(calc(-50% - var(--fly-x)),calc(-50% + 10px)) rotate(-4deg)}72%,82%{transform:translate(-50%,-50%) rotate(3deg)}}@keyframes wing-breath{0%,100%{transform:perspective(200px) rotateY(0deg)}50%{transform:perspective(200px) rotateY(48deg)}}@keyframes munch{0%,100%{transform:translateX(0) rotate(0)}30%{transform:translateX(2px) rotate(-3deg)}60%{transform:translateX(4px) rotate(1deg)}}@keyframes cocoon-swing{0%,100%{transform:translate(-50%,-50%) rotate(-5deg)}50%{transform:translate(-50%,-50%) rotate(5deg)}}@keyframes evolve-birth{from{opacity:0;filter:brightness(3);transform:translate(-50%,-50%) scale(.2)}to{opacity:1;filter:brightness(1);transform:translate(-50%,-50%) scale(1)}}@media(min-width:700px){.garden-dialog{max-width:700px;margin:0 auto}.garden-world{background-position:center 58%}.garden-head{padding-left:30px}}@media(prefers-reduced-motion:reduce){.garden-being,.garden-being .creature-art{animation:none!important}}
/* Garden is always the first entry; personal tools occupy the far right. */
.app-header{grid-template-columns:minmax(0,1fr) auto auto;align-items:start}.app-header>.home-heading{grid-column:1;grid-row:1;display:block}.app-header #themeToggle{grid-column:2;grid-row:1}.app-header #openMenu.personal-trigger{grid-column:3;grid-row:1;justify-self:end;min-width:70px}.catalog-search-form{grid-row:2}.collection-strip{display:grid;justify-items:start;align-content:center;gap:1px;min-height:48px;text-align:left}.garden-strip-title{font-size:12px;font-weight:650;line-height:1.4}.garden-strip-counts{display:flex;align-items:center;gap:7px}.collection-count{gap:2px}.collection-count>.creature-art{width:24px;height:25px}.collection-count:last-of-type>.creature-art{width:29px;height:27px}.collection-count strong{font-size:11px;font-variant-numeric:tabular-nums}.garden-hatch-notice{font-size:10px;color:var(--accent);font-weight:600}.has-hatch .garden-strip-title:after{content:'';display:inline-block;width:5px;height:5px;margin-left:5px;border-radius:50%;background:#b88a42;box-shadow:0 0 0 3px #b88a421a}.hatch-pending .creature-art{filter:drop-shadow(0 0 5px #e2c27690)}.hatch-ready-dot{position:absolute;right:3px;top:5px;width:7px;height:7px;background:#f3d488;border-radius:50%;box-shadow:0 0 0 4px #f3d48824}.garden-hatch{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px;background:#081421ed;backdrop-filter:blur(9px);text-align:center}.hatch-leave{position:absolute;right:18px;top:max(18px,env(safe-area-inset-top));min-height:44px;padding:8px 15px;border:1px solid #f0e5c44d;border-radius:24px;color:#fff4d8;background:#ffffff0d}.hatch-caption{color:#eedbb1;font-size:15px;line-height:1.7;margin:0;max-width:300px}.hatch-art{width:min(65vw,300px);height:min(65vw,300px);display:grid;place-items:center}.hatch-art>.cocoon{width:105px;height:210px;animation:hatch-sway 1.8s ease-in-out infinite}.garden-hatch[data-phase=opening] .hatch-art>.cocoon{animation:hatch-opening 1.4s ease-in both}.garden-hatch[data-phase=butterfly] .hatch-art>.butterfly{animation:hatch-emerge 2.8s ease-out both}.garden-hatch[data-phase=settled] .hatch-art>.butterfly{animation:wing-breath 2.4s ease-in-out infinite}.garden-hatch h3{font-family:Georgia,serif;font-size:22px;line-height:1.5;font-weight:500;margin:0;max-width:90%;color:#fff2d3}.garden-hatch .creature-art.royal{filter:drop-shadow(0 0 18px #dabaff70)}@keyframes hatch-sway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes hatch-opening{0%{transform:scale(1)}40%{transform:scale(1.1) rotate(-8deg);filter:brightness(1.5)}75%{transform:scale(1.15) rotate(8deg)}100%{transform:scale(1.25);filter:brightness(2);opacity:.5}}@keyframes hatch-emerge{from{opacity:0;transform:perspective(500px) rotateY(82deg) scale(.3)}35%{opacity:1}to{opacity:1;transform:perspective(500px) rotateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.garden-hatch .hatch-art>.creature-art{animation:none!important}}