.garden{z-index:500;background:#0a0f1f;position:fixed;inset:0;overflow:hidden;container-type:size}.garden.is-home{z-index:auto;position:absolute}.garden.is-day{background:#bcd8cf}.garden__viewport{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;display:flex;position:absolute;inset:0;overflow:auto hidden}.garden__viewport::-webkit-scrollbar{display:none}.garden.is-focused .garden__viewport{overflow-x:hidden}.garden__stage{--px:calc(min(100cqw, 100cqh * 195 / 420) / 195);width:calc(var(--px) * 345);transition:transform .62s var(--j-spring-smooth);will-change:transform;flex:none;margin:auto;position:relative}.garden__canvas{width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:manipulation;display:block}.garden__hotspot{background:0 0;border-radius:6px;position:absolute}.garden__hotspot:focus-visible{outline:2px solid #ffe3a0}.garden__loading{color:#c8d4ec;text-align:center;width:100%;font-family:LXGW WenKai Screen,serif;position:absolute;top:45%}.garden.is-focused .garden__canvas{filter:saturate(1.05)}.garden-card{--gc-ink:#1c1712;--gc-frame:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Cpath fill='%232b1d14' d='M3 0h10v1h-10zM2 1h1v1h-1zM13 1h1v1h-1zM1 2h1v1h-1zM14 2h1v1h-1zM0 3h1v1h-1zM15 3h1v1h-1zM0 4h1v1h-1zM4 4h8v1h-8zM15 4h1v1h-1zM0 5h1v1h-1zM4 5h1v1h-1zM11 5h1v1h-1zM15 5h1v1h-1zM0 6h1v1h-1zM4 6h1v1h-1zM11 6h1v1h-1zM15 6h1v1h-1zM0 7h1v1h-1zM4 7h1v1h-1zM11 7h1v1h-1zM15 7h1v1h-1zM0 8h1v1h-1zM4 8h1v1h-1zM11 8h1v1h-1zM15 8h1v1h-1zM0 9h1v1h-1zM4 9h1v1h-1zM11 9h1v1h-1zM15 9h1v1h-1zM0 10h1v1h-1zM4 10h1v1h-1zM11 10h1v1h-1zM15 10h1v1h-1zM0 11h1v1h-1zM4 11h8v1h-8zM15 11h1v1h-1zM0 12h1v1h-1zM15 12h1v1h-1zM1 13h1v1h-1zM14 13h1v1h-1zM2 14h1v1h-1zM13 14h1v1h-1zM3 15h10v1h-10z'/%3E%3Cpath fill='%23e6c684' d='M3 1h10v1h-10zM2 2h1v1h-1zM1 3h1v1h-1zM1 4h1v1h-1zM1 5h1v1h-1zM1 6h1v1h-1zM1 7h1v1h-1zM1 8h1v1h-1zM1 9h1v1h-1zM1 10h1v1h-1zM1 11h1v1h-1zM1 12h1v1h-1z'/%3E%3Cpath fill='%23b8893f' d='M3 2h10v1h-10zM2 3h2v1h-2zM12 3h2v1h-2zM2 4h1v1h-1zM13 4h1v1h-1zM2 5h1v1h-1zM13 5h1v1h-1zM2 6h1v1h-1zM13 6h1v1h-1zM2 7h1v1h-1zM13 7h1v1h-1zM2 8h1v1h-1zM13 8h1v1h-1zM2 9h1v1h-1zM13 9h1v1h-1zM2 10h1v1h-1zM13 10h1v1h-1zM2 11h1v1h-1zM13 11h1v1h-1zM2 12h2v1h-2zM12 12h2v1h-2zM3 13h10v1h-10z'/%3E%3Cpath fill='%237a5526' d='M13 2h1v1h-1zM4 3h8v1h-8zM14 3h1v1h-1zM3 4h1v1h-1zM12 4h1v1h-1zM14 4h1v1h-1zM3 5h1v1h-1zM12 5h1v1h-1zM14 5h1v1h-1zM3 6h1v1h-1zM12 6h1v1h-1zM14 6h1v1h-1zM3 7h1v1h-1zM12 7h1v1h-1zM14 7h1v1h-1zM3 8h1v1h-1zM12 8h1v1h-1zM14 8h1v1h-1zM3 9h1v1h-1zM12 9h1v1h-1zM14 9h1v1h-1zM3 10h1v1h-1zM12 10h1v1h-1zM14 10h1v1h-1zM3 11h1v1h-1zM12 11h1v1h-1zM14 11h1v1h-1zM4 12h8v1h-8zM14 12h1v1h-1zM2 13h1v1h-1zM13 13h1v1h-1zM3 14h10v1h-10z'/%3E%3Cpath fill='%23ffffff' d='M5 5h5v1h-5zM5 6h1v1h-1zM5 7h1v1h-1zM5 8h1v1h-1zM5 9h1v1h-1z'/%3E%3Cpath fill='%23fbf8f1' d='M10 5h1v1h-1zM6 6h5v1h-5zM6 7h5v1h-5zM6 8h5v1h-5zM6 9h5v1h-5zM5 10h6v1h-6z'/%3E%3C/svg%3E");right:10px;bottom:calc(14px + env(safe-area-inset-bottom));border:18px solid #0000;border-image:var(--gc-frame) 6 fill / 18px / 0 stretch;max-width:460px;max-height:64%;color:var(--j-text);filter:drop-shadow(3px 3px #1c17124d)drop-shadow(0 12px 16px #00000038);image-rendering:pixelated;font-family:"LXGW WenKai Screen", var(--j-font-body);animation:garden-card-in .42s var(--j-spring-snappy) both;background:0 0;flex-direction:column;margin:0 auto;display:flex;position:absolute;left:10px}:root[data-theme=dark] .garden-card{--gc-ink:#05070c;--gc-frame:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Cpath fill='%2305070c' d='M3 0h10v1h-10zM2 1h1v1h-1zM13 1h1v1h-1zM1 2h1v1h-1zM14 2h1v1h-1zM0 3h1v1h-1zM15 3h1v1h-1zM0 4h1v1h-1zM4 4h8v1h-8zM15 4h1v1h-1zM0 5h1v1h-1zM4 5h1v1h-1zM11 5h1v1h-1zM15 5h1v1h-1zM0 6h1v1h-1zM4 6h1v1h-1zM11 6h1v1h-1zM15 6h1v1h-1zM0 7h1v1h-1zM4 7h1v1h-1zM11 7h1v1h-1zM15 7h1v1h-1zM0 8h1v1h-1zM4 8h1v1h-1zM11 8h1v1h-1zM15 8h1v1h-1zM0 9h1v1h-1zM4 9h1v1h-1zM11 9h1v1h-1zM15 9h1v1h-1zM0 10h1v1h-1zM4 10h1v1h-1zM11 10h1v1h-1zM15 10h1v1h-1zM0 11h1v1h-1zM4 11h8v1h-8zM15 11h1v1h-1zM0 12h1v1h-1zM15 12h1v1h-1zM1 13h1v1h-1zM14 13h1v1h-1zM2 14h1v1h-1zM13 14h1v1h-1zM3 15h10v1h-10z'/%3E%3Cpath fill='%23a8875a' d='M3 1h10v1h-10zM2 2h1v1h-1zM1 3h1v1h-1zM1 4h1v1h-1zM1 5h1v1h-1zM1 6h1v1h-1zM1 7h1v1h-1zM1 8h1v1h-1zM1 9h1v1h-1zM1 10h1v1h-1zM1 11h1v1h-1zM1 12h1v1h-1z'/%3E%3Cpath fill='%236f5530' d='M3 2h10v1h-10zM2 3h2v1h-2zM12 3h2v1h-2zM2 4h1v1h-1zM13 4h1v1h-1zM2 5h1v1h-1zM13 5h1v1h-1zM2 6h1v1h-1zM13 6h1v1h-1zM2 7h1v1h-1zM13 7h1v1h-1zM2 8h1v1h-1zM13 8h1v1h-1zM2 9h1v1h-1zM13 9h1v1h-1zM2 10h1v1h-1zM13 10h1v1h-1zM2 11h1v1h-1zM13 11h1v1h-1zM2 12h2v1h-2zM12 12h2v1h-2zM3 13h10v1h-10z'/%3E%3Cpath fill='%233e2f1b' d='M13 2h1v1h-1zM4 3h8v1h-8zM14 3h1v1h-1zM3 4h1v1h-1zM12 4h1v1h-1zM14 4h1v1h-1zM3 5h1v1h-1zM12 5h1v1h-1zM14 5h1v1h-1zM3 6h1v1h-1zM12 6h1v1h-1zM14 6h1v1h-1zM3 7h1v1h-1zM12 7h1v1h-1zM14 7h1v1h-1zM3 8h1v1h-1zM12 8h1v1h-1zM14 8h1v1h-1zM3 9h1v1h-1zM12 9h1v1h-1zM14 9h1v1h-1zM3 10h1v1h-1zM12 10h1v1h-1zM14 10h1v1h-1zM3 11h1v1h-1zM12 11h1v1h-1zM14 11h1v1h-1zM4 12h8v1h-8zM14 12h1v1h-1zM2 13h1v1h-1zM13 13h1v1h-1zM3 14h10v1h-10z'/%3E%3Cpath fill='%232c322a' d='M5 5h5v1h-5zM5 6h1v1h-1zM5 7h1v1h-1zM5 8h1v1h-1zM5 9h1v1h-1z'/%3E%3Cpath fill='%231d211c' d='M10 5h1v1h-1zM6 6h5v1h-5zM6 7h5v1h-5zM6 8h5v1h-5zM6 9h5v1h-5zM5 10h6v1h-6z'/%3E%3C/svg%3E");filter:drop-shadow(3px 3px #00000080)drop-shadow(0 12px 16px #00000059)}.garden-card.is-wide{max-width:520px;max-height:74%}.garden.is-home .garden-card{bottom:calc(60px + max(7px, var(--j-safe-bottom)) + 12px)}@keyframes garden-card-in{0%{opacity:0;transform:translateY(24px)scale(.96)}}.garden-card__head{flex:none;justify-content:space-between;align-items:center;gap:10px;padding:0 0 0 4px;display:flex}.garden-card__kicker{color:var(--j-sir,#8c3d55);letter-spacing:.04em;margin:0;font-size:13px}.garden-card__close{width:32px;height:32px;color:var(--j-text-muted);border-radius:0;place-items:center;display:grid}.garden-card__close:active{color:var(--j-text);background:rgba(var(--j-fg-rgb), .08)}.garden-card__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:0 4px 4px;overflow-y:auto}.garden-card__body>p{margin:4px 0;font-size:16px;line-height:1.55}.garden-card__body>p.garden-card__big{font-size:40px;line-height:1.1}.garden-card__big small{font-size:16px}.garden-card__body>p.garden-card__meta{color:var(--j-text-muted);font-size:13px}.garden-card__aside{color:var(--j-text-soft);font-style:italic}.garden-card__row{flex-wrap:wrap;gap:8px;display:flex}.garden-card__go{border:2px solid var(--gc-ink);color:#f4efe2;background:#5a3d16;border-radius:3px;align-items:center;gap:4px;margin-top:10px;padding:7px 10px 7px 14px;font-size:14px;display:inline-flex;box-shadow:2px 2px #00000040}.garden-card__go:active{box-shadow:none;transform:translate(2px,2px)}.garden-card__seeds{margin:4px 0;padding:0;list-style:none}.garden-card__seeds button{width:100%;color:var(--j-text);text-align:left;align-items:center;gap:10px;padding:8px 0;font-size:16px;display:flex}.garden-card__seeds small{color:var(--j-text-muted);font-size:12px}.garden-card__seeds .is-done{color:var(--j-text-muted);text-decoration:line-through}.garden-card__tick{border:2px solid var(--gc-ink);color:#fff;background:var(--j-surface-raised);border-radius:2px;flex:none;place-items:center;width:22px;height:22px;font-size:13px;line-height:1;display:grid}.garden-card__seeds .is-done .garden-card__tick{background:#5f984b}.garden-card .j-pulse{margin-top:14px}.garden-card .minuit-card{margin:0}.garden__key{top:calc(10px + var(--j-safe-top));right:calc(10px + var(--j-safe-right));color:#5a3d16;background:#f4efe2;border:2px solid #1c1712;border-radius:3px;place-items:center;width:40px;height:40px;display:grid;position:absolute;box-shadow:0 0 0 2px #a07c3e,2px 3px 0 2px #0000004d}.garden__key:active{transform:translate(1px,2px);box-shadow:0 0 0 2px #a07c3e}.garden.is-night .garden__key{color:#e8c983;background:#2a2418}.garden__sound{top:calc(62px + var(--j-safe-top));right:calc(14px + var(--j-safe-right));color:#8a7a5c;background:#f4efe2;border:2px solid #1c1712;border-radius:3px;place-items:center;width:32px;height:32px;display:grid;position:absolute;box-shadow:0 0 0 2px #a07c3e,2px 2px 0 2px #00000047}.garden__sound.is-on{color:#5a3d16}.garden__sound.is-on svg{animation:1.4s steps(2,end) infinite garden-note}.garden__sound i{background:#8c3d55;width:22px;height:2px;position:absolute;transform:rotate(-45deg)}.garden__sound:active{transform:translate(1px,2px);box-shadow:0 0 0 2px #a07c3e}.garden.is-night .garden__sound{color:#b9a77d;background:#2a2418}.garden.is-night .garden__sound.is-on{color:#e8c983}.garden.is-lab .garden__sound{top:calc(54px + env(safe-area-inset-top))}@keyframes garden-note{50%{transform:translateY(-1px)rotate(-6deg)}}.j-shell__main.is-garden{padding-top:0}.j-shell__content.is-garden{padding:0;position:relative;overflow:hidden}.j-garden-host{position:absolute;inset:0}.garden__toggle{top:calc(10px + env(safe-area-inset-top));color:#1c1712;background:#f4efe2;border:2px solid #1c1712;border-radius:3px;padding:6px 12px;font-family:LXGW WenKai Screen,serif;font-size:13px;position:absolute;right:10px}@media (prefers-reduced-motion:reduce){.garden__stage{transition:none}.garden-card,.garden__sound.is-on svg{animation:none}}