:root{--bg:#f3f4ec;--ink:#17231e;--muted:#758078;--deep:#173a31;--leaf:#6ea66b;--lime:#d4ed82;--line:#dce1d7;--serif:'Noto Serif SC',serif;--sans:'DM Sans','PingFang SC',sans-serif}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#f4f5ee,#eef2e8);color:var(--ink);font-family:var(--sans)}button,input,select{font:inherit}.garden-topbar{position:sticky;top:0;z-index:8;height:72px;padding:0 max(20px,calc((100% - 920px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(217,223,212,.85);background:rgba(246,247,241,.9);backdrop-filter:blur(18px)}.garden-brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none}.garden-brand>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--deep);color:var(--lime);font:600 15px var(--serif)}.garden-brand b{font:600 15px var(--serif)}.garden-topbar>div{text-align:center}.garden-topbar>div strong{display:block;font:600 14px var(--serif)}.garden-topbar>div small{font-size:8px;color:#87928b}.garden-topbar>button{justify-self:end;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff;color:#617068;font-size:9px}.garden-page{max-width:920px;margin:auto;padding:54px 28px 110px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#829087}.garden-hero{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:end}.garden-hero h1{margin:12px 0 8px;font:700 40px/1.35 var(--serif);letter-spacing:-1px}.garden-hero h1 em{font-style:normal;color:#547f65}.garden-hero p{margin:0;color:var(--muted);font:12px/1.7 var(--serif)}.garden-score{min-width:145px;padding:19px 22px;border-radius:18px;background:var(--deep);color:#fff;box-shadow:0 16px 40px rgba(23,58,49,.14)}.garden-score span,.garden-score small{display:block;color:#abc3b9;font-size:9px}.garden-score strong{display:block;margin:5px 0;color:#e2f39e;font:600 32px var(--serif)}.garden-notice{margin-top:28px;padding:12px 16px;display:flex;align-items:center;gap:12px;border:1px solid #dce6c7;border-radius:12px;background:#f4f8e9}.garden-notice span{flex:0 0 auto;padding:4px 6px;border-radius:5px;background:#ddebaf;color:#48613c;font-size:8px;font-weight:700}.garden-notice p{margin:0;color:#6f7c69;font-size:10px}.garden-section{margin-top:42px}.section-title{display:flex;justify-content:space-between;align-items:end}.section-title h2{margin:6px 0 0;font:600 21px var(--serif)}.section-title>button{border:0;border-radius:9px;padding:10px 13px;background:#1e473b;color:#e3f3a8;font-size:10px}.section-title>span{font-size:9px;color:#87918b}.tree-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:17px}.tree-card{position:relative;min-width:0;padding:17px;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 28px rgba(37,57,47,.045)}.tree-card.friend-tree{background:linear-gradient(155deg,#fff,#f3f7ef)}.tree-visual{position:relative;height:150px;margin:-17px -17px 14px;background:linear-gradient(#eaf4ec 0 66%,#d8e4c9 66%)}.tree-crown{position:absolute;left:50%;top:27px;width:104px;height:83px;transform:translateX(-50%);border-radius:50% 45% 52% 48%;background:radial-gradient(circle at 38% 30%,#8fc186,#5c9b6d 72%);box-shadow:-27px 18px 0 -10px #72aa74,28px 18px 0 -10px #699f69}.tree-trunk{position:absolute;left:50%;bottom:17px;width:13px;height:59px;transform:translateX(-50%);border-radius:7px;background:#8d6845}.tree-trunk:after{content:'';position:absolute;left:-19px;top:17px;width:28px;height:5px;background:#8d6845;transform:rotate(-34deg);border-radius:5px}.fruit{position:absolute;z-index:2;width:15px;height:15px;border:2px solid rgba(255,255,255,.7);border-radius:50%;box-shadow:0 2px 5px rgba(30,50,40,.18)}.fruit:nth-child(3){left:36%;top:41px}.fruit:nth-child(4){left:57%;top:31px}.fruit:nth-child(5){left:66%;top:61px}.fruit:nth-child(6){left:42%;top:75px}.fruit:nth-child(7){left:27%;top:66px}.tree-ready{position:absolute;right:11px;top:10px;z-index:3;padding:4px 6px;border-radius:8px;background:rgba(255,255,255,.8);color:#52745f;font-size:8px;backdrop-filter:blur(6px)}.tree-card h3{min-height:42px;margin:0;font:600 14px/1.5 var(--serif)}.tree-meta{display:flex;justify-content:space-between;margin-top:8px;color:#8a938e;font-size:8px}.tree-action{width:100%;margin-top:14px;border:1px solid #dbe2d8;border-radius:9px;padding:9px;background:#f8faf6;color:#52645b;font-size:9px}.tree-action.can-take{border:0;background:#ddefa2;color:#284837;font-weight:700}.tree-action:disabled{opacity:.55}.inventory-card{margin-top:17px;padding:21px 23px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:17px;background:linear-gradient(110deg,#e8efe1,#f7f7ed)}.inventory-card h2{margin:6px 0 3px;font:600 17px var(--serif)}.inventory-card p{margin:0;color:#7a857d;font-size:9px}.fruit-basket{display:flex;gap:8px;min-width:150px;justify-content:flex-end}.basket-fruit{position:relative;width:27px;height:27px;border-radius:50%;border:3px solid rgba(255,255,255,.75);box-shadow:0 3px 7px rgba(42,59,49,.13)}.basket-fruit small{position:absolute;right:-5px;bottom:-5px;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:#183b31;color:#fff;font-size:7px}.friends-section{padding-top:5px}.friend-tabs{display:flex;gap:8px;margin-top:17px;overflow:auto;padding-bottom:3px}.friend-tab{display:flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:#fff;color:#69756e;font-size:9px}.friend-tab i{width:25px;height:25px;border-radius:9px;display:grid;place-items:center;background:#dbe9d4;color:#42664e;font-style:normal;font:600 9px var(--serif)}.friend-tab.active{background:#1f473b;color:#fff;border-color:#1f473b}.friend-tab.active i{background:#ddefa2;color:#264638}.friend-garden-head{margin-top:14px;padding:12px 15px;display:flex;justify-content:space-between;border-radius:11px;background:#e9eee6;color:#68756d;font-size:9px}.friend-garden-head b{color:#2b493d}.garden-log{margin-top:42px}.garden-log>div:last-child{display:grid;gap:7px;margin-top:15px}.log-row{padding:13px 15px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#69746e;font-size:9px}.log-row i{width:7px;height:7px;border-radius:50%;background:#efc35a}.log-row time{margin-left:auto;color:#9aa29d}dialog{width:min(430px,92vw);border:0;border-radius:19px;padding:0;box-shadow:0 30px 90px rgba(19,44,36,.25)}dialog::backdrop{background:rgba(12,31,25,.58);backdrop-filter:blur(4px)}dialog form{padding:25px}.dialog-title{display:flex;justify-content:space-between}.dialog-title h2{margin:6px 0 22px;font:600 20px var(--serif)}.dialog-title button{border:0;background:none;color:#79827d;font-size:24px}.dialog-title~label{display:grid;gap:7px;margin-top:15px;color:#6e7972;font-size:10px}dialog input,dialog select{width:100%;border:1px solid #d9ded5;border-radius:9px;padding:11px;background:#fff;outline:none}.plant-cost{display:flex;justify-content:space-between;margin:20px 0 12px;padding:12px;border-radius:9px;background:#f1f3ec;color:#7a847e;font-size:9px}.plant-cost b{color:#42604f}.plant-confirm{width:100%;border:0;border-radius:10px;padding:12px;background:#1c4438;color:#e0f09f;font-weight:700}.kong-overlay{position:fixed;inset:0;z-index:20;display:none;pointer-events:none;background:rgba(17,44,35,.08)}.kong-overlay.active{display:block}.kong-character{position:absolute;left:-100px;bottom:18%;width:70px;height:125px;animation:kongWalk 2.2s ease-in-out forwards}.kong-character i{position:absolute;display:block}.kong-character .hat{left:15px;top:0;width:42px;height:12px;border-radius:50% 50% 2px 2px;background:#283b34}.kong-character .head{left:22px;top:10px;width:29px;height:34px;border-radius:46%;background:#e2bd91}.kong-character .body{left:15px;top:40px;width:42px;height:58px;border-radius:8px 8px 18px 18px;background:#819d83}.kong-character .arm{top:48px;width:9px;height:49px;border-radius:7px;background:#819d83;transform-origin:top}.kong-character .arm-left{left:9px;transform:rotate(24deg)}.kong-character .arm-right{right:8px;transform:rotate(-35deg);animation:stealArm .45s infinite alternate}.kong-character .leg{top:91px;width:10px;height:32px;border-radius:5px;background:#394d45}.kong-character .leg-left{left:21px;transform:rotate(10deg)}.kong-character .leg-right{right:18px;transform:rotate(-10deg)}.kong-character span{position:absolute;left:29px;top:55px;z-index:2;color:#f4f2e8;font:600 12px var(--serif)}.speech-bubble{position:absolute;left:50%;top:25%;opacity:0;transform:translateX(-50%) scale(.7);padding:13px 19px;border-radius:18px 18px 18px 3px;background:#fff;color:#26362f;font:600 16px var(--serif);box-shadow:0 12px 35px rgba(19,42,34,.16);animation:bubblePop 2.2s .4s ease forwards}.flying-fruit{position:absolute;left:62%;top:48%;width:20px;height:20px;border-radius:50%;opacity:0;animation:fruitFly 1.1s .7s ease-in forwards}.garden-toast{position:fixed;left:50%;bottom:25px;z-index:25;opacity:0;transform:translate(-50%,25px);padding:11px 16px;border-radius:10px;background:#102c24;color:#fff;font-size:10px;transition:.25s}.garden-toast.show{opacity:1;transform:translate(-50%,0)}.garden-mobile-nav{display:none}@keyframes kongWalk{0%{left:-100px;transform:rotate(-2deg)}45%{left:44%;transform:rotate(3deg)}70%{left:54%;transform:rotate(-2deg)}100%{left:110%;transform:rotate(2deg)}}@keyframes stealArm{to{transform:rotate(-62deg)}}@keyframes bubblePop{20%,75%{opacity:1;transform:translateX(-50%) scale(1)}100%{opacity:0;transform:translateX(-50%) scale(.9)}}@keyframes fruitFly{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(-38vw,26vh) scale(.5)}}
@media(max-width:700px){.garden-topbar{height:64px;padding:0 17px;grid-template-columns:1fr auto}.garden-topbar>div{display:none}.garden-page{padding:31px 17px 96px}.garden-hero{grid-template-columns:1fr auto;align-items:start}.garden-hero h1{font-size:29px}.garden-hero p{font-size:10px}.garden-score{min-width:100px;padding:14px}.garden-score strong{font-size:25px}.garden-notice{align-items:flex-start}.tree-grid{grid-template-columns:1fr 1fr}.tree-visual{height:135px}.inventory-card{align-items:flex-start}.fruit-basket{min-width:90px;flex-wrap:wrap}.friend-trees .tree-card:nth-child(n+3){display:none}.garden-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:10;height:70px;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #dfe3da;background:rgba(249,250,245,.95);backdrop-filter:blur(16px)}.garden-mobile-nav a{min-width:52px;display:grid;place-items:center;gap:3px;color:#89928c;text-decoration:none;font-size:17px}.garden-mobile-nav a.active{color:#214b3e}.garden-mobile-nav span{font-size:9px}.garden-toast{bottom:82px}}
@media(max-width:440px){.tree-grid{grid-template-columns:1fr}.friend-trees .tree-card:nth-child(n+3){display:block}.garden-hero{grid-template-columns:1fr}.garden-score{display:flex;align-items:center;gap:8px;min-width:0}.garden-score strong{margin:0}.garden-score small{margin-left:auto}.inventory-card{display:block}.fruit-basket{margin-top:14px;justify-content:flex-start}.future-series{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.kong-character,.speech-bubble,.flying-fruit{animation-duration:.01ms!important}}