:root{--soil: #c48a5a;--leaf: #3d9a55;--leaf-2: #6fbf63;--petal: #f28aa0;--linen: #fff3e4;--ink: #4a3328;--muted: #8a6a58;--line: rgba(74, 51, 40, .12);--card: #fffaf3;--serif: Fredoka, Nunito, sans-serif;--text: Nunito, sans-serif;--mono: "IBM Plex Mono", monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--linen);color:var(--ink);font-family:var(--text);font-size:16px;line-height:1.5}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}h1,h2{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.03em}:focus-visible{outline:2px solid var(--leaf);outline-offset:3px}header{height:80px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;background:#fff8ee;border-bottom:3px solid #f3d7b5}.brand{display:flex;align-items:center;gap:.55rem;font-family:var(--serif);font-size:1.2rem;flex:none}.logo{width:2.25rem;height:2.25rem;object-fit:contain;flex:none}header nav{display:flex;gap:1.6rem;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}header nav a:hover{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:14px}.live{font:500 10px var(--mono);letter-spacing:.14em;color:var(--leaf);border:1px solid var(--line);border-radius:999px;padding:7px 12px;background:#fff}.header-actions button{height:42px;border:0;border-radius:999px;background:#f28aa0;color:#fffaf3;padding:0 18px;font-weight:700}.garden{position:relative;height:calc(100svh - 80px);overflow:hidden;background:#f4c98a}.garden-photo{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 55%}.plot{position:absolute;left:28px;bottom:24px;width:min(640px,52vw);display:grid;grid-template-columns:168px minmax(0,1fr);gap:16px;align-items:end}.bed{position:relative;height:210px;border-radius:50% 50% 42% 42%/18% 18% 72% 72%;background:linear-gradient(#e8b07a 0,#e8b07a 28%,#c48a5a 28%);overflow:hidden;border:4px solid #a86b3e}.soil{position:absolute;left:0;right:0;bottom:0;height:42%;background:radial-gradient(circle at 30% 40%,#6b5340 0 8px,transparent 9px),radial-gradient(circle at 70% 55%,#4a382c 0 6px,transparent 7px),#5c4634;transition:filter .6s ease,height .6s ease}.bed.is-wet .soil{filter:brightness(.72)}.plant{position:absolute;left:50%;bottom:28%;width:120px;height:160px;transform:translate(-50%);transform-origin:50% 100%}.stem{position:absolute;left:50%;bottom:0;width:6px;height:40%;margin-left:-3px;border-radius:4px;background:var(--leaf)}.leaf-l,.leaf-r{position:absolute;bottom:18%;width:28px;height:14px;background:var(--leaf-2);border-radius:80% 0}.leaf-l{left:28%;transform:rotate(-28deg)}.leaf-r{right:28%;transform:rotate(28deg) scaleX(-1)}.bloom{position:absolute;left:50%;top:8%;width:64px;height:64px;margin-left:-32px}.bloom i{position:absolute;left:50%;top:50%;width:22px;height:28px;margin:-14px -11px;border-radius:50%/60% 60% 40% 40%;background:var(--petal);transform-origin:50% 120%}.bloom i:nth-child(1){transform:rotate(0) translateY(-16px)}.bloom i:nth-child(2){transform:rotate(72deg) translateY(-16px)}.bloom i:nth-child(3){transform:rotate(144deg) translateY(-16px)}.bloom i:nth-child(4){transform:rotate(216deg) translateY(-16px)}.bloom i:nth-child(5){transform:rotate(288deg) translateY(-16px)}.bloom .eye{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px;border-radius:50%;background:#f4e27a;z-index:2}.bed[data-stage=empty] .plant,.bed[data-stage=seed] .stem,.bed[data-stage=seed] .leaf-l,.bed[data-stage=seed] .leaf-r,.bed[data-stage=seed] .bloom{display:none}.bed[data-stage=seed] .plant:after{content:"";position:absolute;left:50%;bottom:0;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#d8c48a;box-shadow:0 0 0 3px #4a382c}.bed[data-stage=sprout] .leaf-l,.bed[data-stage=sprout] .leaf-r,.bed[data-stage=sprout] .bloom{display:none}.bed[data-stage=sprout] .stem{height:22%}.bed[data-stage=leaf] .bloom{display:none}.bed[data-stage=leaf] .stem{height:36%}.bed[data-stage=bud] .bloom{transform:scale(.45)}.bed[data-stage=opening] .bloom{transform:scale(.75)}.bed.is-watering .can{animation:pour .9s ease}.bed.is-watering .drops i{animation:drop .9s ease}.can{position:absolute;right:18px;top:18px;width:54px;height:38px;transform-origin:80% 20%}.can-body{display:block;width:34px;height:22px;border-radius:6px 10px 8px 8px;background:#c9c2b0;box-shadow:inset 0 1px #eee}.spout{position:absolute;left:30px;top:6px;width:22px;height:6px;background:#b7b09e;border-radius:3px;transform:rotate(-18deg)}.drops{position:absolute;left:44px;top:14px}.drops i{display:block;width:5px;height:8px;margin:2px 0;border-radius:40% 40% 50% 50%;background:#7ec8e8;opacity:0}@keyframes pour{0%{transform:rotate(0)}40%{transform:rotate(-28deg)}to{transform:rotate(0)}}@keyframes drop{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(18px)}}.plot-copy{max-width:28rem;padding:16px 18px;border-radius:28px;background:#fffaf3;border:3px solid #f3d7b5}.plot-copy h1{font-size:clamp(1.7rem,2.6vw,2.2rem);line-height:1.08;margin:4px 0 8px}.kicker{margin:0;font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.lead,.exit{margin:0 0 10px;color:var(--muted);font-size:.95rem}.plot-meta{font:500 12px var(--mono);margin:0 0 10px;color:var(--leaf)}.plot-actions{display:flex;gap:10px}.leaf-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:999px;font-weight:600;text-decoration:none}.leaf-btn{border:0;background:#3d9a55;color:#fffaf3}.ghost-btn{border:2px solid #f3d7b5;background:#fff}.status{min-height:1.2em;font:400 11px var(--mono);margin:8px 0 0}.status.is-error{color:#9b2c2c}.seeds{padding:40px 32px 20px}.seeds-head{display:grid;grid-template-columns:22rem 1fr;gap:2rem;margin-bottom:22px}.seeds-head h2,.stall h2,.faq h2,.road h2{font-size:clamp(2rem,4vw,2.7rem);margin-top:6px}.seeds-head p:last-child{max-width:52ch;color:var(--muted);margin:0}.seed-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:8px}.packet{min-height:112px;border:2px solid #f3d7b5;border-radius:18px;background:var(--card);padding:8px 6px 10px;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.packet small{font:500 9px var(--mono);letter-spacing:.08em;color:var(--muted)}.packet strong{display:block;font-family:var(--serif);font-size:.82rem;line-height:1.15;margin-top:6px}.packet .swatch{width:28px;height:28px;border-radius:50%;margin:4px auto 0;box-shadow:inset 0 0 0 6px var(--petal, #e07a8a);background:var(--center, #f4e27a)}.packet.selected{outline:3px solid #3d9a55;outline-offset:1px}.bench{margin-top:18px;display:grid;grid-template-columns:auto 7rem 1fr 1fr 1fr 1fr;gap:10px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.bench label{font:500 10px var(--mono);letter-spacing:.12em;color:var(--muted)}.bench input{height:44px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:var(--linen)}.bench .leaf-btn,.bench .ghost-btn{width:100%;margin:0}.stall{display:grid;grid-template-columns:22rem 1fr;gap:2rem;padding:32px;border-top:1px solid var(--line)}.stall-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stall-list article,.stall-list .empty{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--card)}.stall-list .empty{color:var(--muted)}.faq{padding:40px 32px 20px;border-top:1px solid var(--line)}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;list-style:none;font-family:var(--serif);font-size:1.15rem}.faq summary::-webkit-details-marker{display:none}.faq p{color:var(--muted);max-width:70ch}.road{padding:24px 32px 48px;border-top:1px solid var(--line)}#roadmapList{display:grid;grid-template-columns:1fr 1fr}.road article{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;padding:16px 0;border-top:1px solid var(--line)}.road span{font:500 11px var(--mono);color:var(--leaf);letter-spacing:.08em}.close{padding:64px 32px;border-top:1px solid var(--line);background:#ffe8c8}.close h2{font-size:clamp(2.4rem,5vw,4rem);max-width:14ch;line-height:.95;margin-bottom:12px}.close p{max-width:48ch;color:var(--muted)}.close .leaf-btn{width:auto;margin-top:18px}footer{min-height:76px;border-top:1px solid var(--line);padding:22px 32px;display:flex;justify-content:space-between;gap:24px;font:500 11px var(--mono);color:var(--muted)}footer div{display:flex;gap:22px}code{word-break:break-all}