.growth-stage-track{display:flex;list-style:none;padding:0;margin:15px 0 8px;gap:4px}.growth-stage-track li{flex:1;text-align:center;padding:8px 3px;border-top:2px solid #e5e2d3;font-size:11px;color:#9a9f8b}.growth-stage-track li.active,.growth-stage-track li[aria-current=step]{border-color:#759460;color:#476b4c;font-weight:700}.growth-plan{font-size:11px;color:#82907e;line-height:1.7;margin:8px 0 16px}.growth-ring{position:absolute;left:50%;top:53%;width:190px;height:190px;border:2px solid #ffdaa0;border-radius:50%;box-shadow:0 0 25px #ffe2a655,inset 0 0 25px #ffe2a655;animation:growth-ring 1.3s ease-out both}.growth-particle{position:absolute;left:50%;top:53%;width:6px;height:6px;border-radius:50%;background:#fce3a4;box-shadow:0 0 10px #f3d288;animation:growth-particle 1.4s var(--delay,0ms) ease-out both}.scene-diorama{background:#a9bd83 url('./assets/farm-diorama-v1.png') center/cover no-repeat!important;min-height:420px}.scene-diorama .scene-sky,.scene-diorama .scene-sun,.scene-diorama .scene-cloud,.scene-diorama .far-hill,.scene-diorama .near-hill,.scene-diorama .scene-ground,.scene-diorama .scene-path,.scene-diorama .scene-tree,.scene-diorama .coop,.scene-diorama .scene-bird,.scene-diorama .chicken-small{display:none}.scene-diorama .plot{background:#5035229c;box-shadow:inset 0 0 15px #281c1566,0 4px 8px #2d281c33;border:1px solid #b18954;border-radius:45%;transform:rotate(-4deg);width:135px;height:75px}.scene-diorama .plot-one{left:5%;top:auto;bottom:21%}.scene-diorama .plot-two{left:19%;top:auto;bottom:10%}.scene-diorama .plot-three{display:none}.scene-diorama .plot-art{transform-origin:50% 100%;animation:crop-wind 3.6s ease-in-out infinite;height:70px;width:85px;object-fit:contain;position:absolute;left:20px;bottom:22px;filter:drop-shadow(0 3px 2px #17220a55)}.scene-diorama .empty-plot .plot-art{opacity:.3;animation:none}.scene-diorama .plot small{position:absolute;bottom:-19px;left:0;width:100%;background:#fffcf3ed;border-radius:15px;padding:5px;font-size:10px;color:#5b613f}.scene-diorama .scene-caption{background:#fffdf0e8;border:1px solid #eee7ce;box-shadow:0 8px 20px #31461d22;backdrop-filter:blur(5px)}.scene-diorama .scene-stamp{display:none}.scene-diorama .chicken-main{left:53%;top:auto;bottom:18%;width:190px;height:190px;z-index:5;transform:translateX(-50%);animation:none}.scene-diorama .chicken-main .chicken-body{display:none}.scene-diorama .chicken-main .chicken-shadow{bottom:6px;left:26%;width:52%;height:15px;background:#28301d55;filter:blur(7px)}.farm-pet-art{display:block;width:100%;height:100%;background-size:300% 100%;background-repeat:no-repeat;filter:drop-shadow(0 8px 5px #18250a40);transform-origin:50% 88%;animation:pet-breathe 3.6s ease-in-out infinite}.scene-diorama .pet-name-tag{bottom:-14px;background:#fff9e9eb;border:1px solid #e9dec7;box-shadow:0 5px 12px #1e3a2422}.pet-portrait .portrait-chicken{display:none}.pet-portrait .farm-pet-art{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);width:200px;height:200px;animation:none}.scene-pollen{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.scene-pollen i{position:absolute;left:var(--left);top:70%;width:3px;height:3px;border-radius:50%;background:#ffe7a9;box-shadow:0 0 7px #fff0b5;animation:pollen-drift var(--duration) var(--delay) linear infinite}.scene-rays{position:absolute;inset:0;pointer-events:none;opacity:.25;background:linear-gradient(120deg,transparent 15%,#ffe8af44 25%,transparent 36%,#fff5c922 42%,transparent 52%);mix-blend-mode:screen;animation:ray-shift 12s ease-in-out infinite alternate}.farm-pet-art.is-feeding{animation:pet-peck .65s ease-in-out 3}.farm-pet-art.is-happy{animation:pet-hop .55s ease-in-out 3}.scene-is-hidden *{animation-play-state:paused!important}.profile-grid{grid-template-columns:minmax(0,1fr)!important;max-width:720px}
@keyframes pet-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.015)}}@keyframes pet-peck{50%{transform:rotate(8deg) translateY(5px)}}@keyframes pet-hop{45%{transform:translateY(-14px) rotate(-4deg)}}@keyframes crop-wind{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}@keyframes pollen-drift{0%{transform:translate(0,30px);opacity:0}20%{opacity:.7}80%{opacity:.5}100%{transform:translate(50px,-210px);opacity:0}}@keyframes ray-shift{to{transform:translateX(22px);opacity:.4}}@keyframes growth-ring{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}25%{opacity:1}100%{transform:translate(-50%,-50%) scale(1.8);opacity:0}}@keyframes growth-particle{0%{transform:translate(0,0) scale(.4);opacity:0}20%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(.1);opacity:0}}
@media(max-width:700px){.scene-diorama{min-height:350px}.scene-diorama .chicken-main{width:150px;height:150px;left:61%}.scene-diorama .plot{width:110px;height:64px}.scene-diorama .plot-two{left:21%;bottom:9%}.scene-diorama .plot-art{left:10px;width:80px;height:64px}.pet-portrait .farm-pet-art{height:170px;width:170px}}
@media(prefers-reduced-motion:reduce){.farm-pet-art,.scene-pollen i,.scene-rays,.scene-diorama .plot-art,.growth-ring,.growth-particle{animation:none!important}.scene-pollen,.growth-ring,.growth-particle{display:none}}
.pet-portrait{height:230px!important;min-height:230px}
.scene-diorama .chicken-main{height:245px;width:200px;bottom:14%;display:flex;align-items:flex-end;justify-content:center}
.farm-pet-art{--actor-height:235px;flex:none;width:calc(var(--actor-height)*var(--actor-ratio,.73));height:var(--actor-height);max-width:none}
.pet-portrait .farm-pet-art{--actor-height:235px;width:calc(var(--actor-height)*var(--actor-ratio,.73));height:var(--actor-height);bottom:-4px}
.scene-diorama .pet-name-tag{top:auto;left:50%;bottom:0;transform:translateX(-50%);white-space:nowrap}
@media(max-width:700px){.scene-diorama .chicken-main{height:200px;width:170px}.scene-diorama .farm-pet-art{--actor-height:195px}.pet-portrait{height:205px!important;min-height:205px}.pet-portrait .farm-pet-art{--actor-height:210px}}
.garden-tools{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#faf9f1;border-top:1px solid #e7e7d9;border-radius:0 0 20px 20px}.garden-tools>span{display:grid;gap:5px;margin-right:auto}.garden-tools b{font-size:13px;color:#3e5942}.garden-tools small{font-size:10px;color:#8a9483}.garden-tools button{border:1px solid #dce4d6;border-radius:12px;padding:11px 14px;background:#fffdf7;color:#426449;font:inherit;font-size:12px;cursor:pointer}.garden-tools button:disabled{opacity:.4;cursor:not-allowed}.garden-tools button:hover:not(:disabled){background:#ecf3e5}.garden-tools button:focus-visible,.seed-drawer-panel button:focus-visible,.seed-drawer-panel input:focus-visible{outline:3px solid #bc953f;outline-offset:3px}.scene-diorama .plot.selected-plot{outline:3px solid #ffe4a5;outline-offset:5px;box-shadow:0 0 18px #fff1ad77,inset 0 0 15px #281c1566}.scene-diorama .plot{overflow:visible}.plot-effect{position:absolute;inset:0;pointer-events:none;z-index:9}.plot-effect i{position:absolute;left:calc(12% + var(--i)*12%);top:-15px;font-style:normal;font-size:18px;color:#fdd777;animation:plot-reward 1.2s ease-out both;animation-delay:calc(var(--i)*35ms)}.plot-effect-water i{color:#bfe9fc;font-size:9px;animation-name:plot-water}.plot-effect-plant i{color:#f1cd7b;font-size:26px;animation-name:plot-water}@keyframes plot-reward{from{opacity:1;transform:translateY(0) scale(.6)}to{opacity:0;transform:translateY(-75px) scale(1.2)}}@keyframes plot-water{from{opacity:0;transform:translateY(-48px)}35%{opacity:1}to{opacity:0;transform:translateY(20px)}}
.seed-drawer-open{overflow:hidden}.seed-drawer-backdrop[hidden]{display:none}.seed-drawer-backdrop{position:fixed;inset:0;z-index:70;background:#1c2c2559;backdrop-filter:blur(4px);display:flex;justify-content:flex-end}.seed-drawer-panel{width:min(620px,100%);height:100%;overflow:auto;overscroll-behavior:contain;background:#fbfaf3;padding:28px 28px 36px;box-shadow:-18px 0 70px #1b302526;color:#34543f}.seed-drawer-header{display:flex;align-items:flex-start;gap:15px}.seed-drawer-header>div{flex:1}.seed-drawer-header h2{font-size:25px;letter-spacing:-.04em;margin:12px 0}.seed-drawer-header p{font-size:12px;line-height:1.7;color:#79836e}.seed-drawer-header>button{width:36px;height:36px;border:1px solid #e0e2d6;background:#fffdf8;border-radius:50%;font-size:24px;color:#718267;cursor:pointer}.seed-wallet-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:12px;border-bottom:1px solid #e7e7d8}.seed-wallet-row b{margin-left:8px;color:#a1742a}.seed-filters{display:flex;gap:7px;overflow:auto;padding:18px 0 14px}.seed-filters button{flex:none;border:1px solid #dde3d2;border-radius:22px;background:transparent;padding:8px 13px;color:#708267;font:inherit;font-size:12px;cursor:pointer}.seed-filters button.active{background:#456c48;color:#fffdf3;border-color:#456c48}.seed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.seed-card{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid #e4e5d7;border-radius:16px;background:#fffdf8;padding:13px 7px 15px;color:#3f5a3f;font:inherit;text-align:center;cursor:pointer}.seed-card.selected{border-color:#799459;background:#f0f3e4;box-shadow:0 0 0 2px #cedbbc}.seed-card img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 6px 4px #50653010)}.seed-card b{font-size:13px}.seed-card span{font-size:11px;color:#a17b31}.seed-card small{font-size:10px;color:#7b886c;line-height:1.6}.seed-card:disabled{opacity:.55;cursor:wait}.seed-selection{margin-top:22px;padding:22px;border:1px solid #e3e2d2;border-radius:18px;background:#fffef8}.seed-selection h3{font-size:20px;margin:10px 0}.seed-selection p{font-size:12px;color:#7d8774;line-height:1.8;margin:9px 0}.seed-selection .seed-plan{padding:12px;background:#f4f3e7;border-radius:10px;color:#788253}.seed-purchase{display:flex;gap:12px;align-items:flex-end;margin:18px 0 5px}.seed-purchase label{display:grid;gap:6px;font-size:11px;color:#7a856f}.seed-purchase input{width:80px;padding:10px;border:1px solid #dce2d2;border-radius:8px;font:inherit;background:#fffdf9;color:#435d45}.seed-purchase>span{font-size:12px;padding-bottom:12px;flex:1}.seed-purchase b{color:#a3742f}.seed-disclaimer{font-size:11px;line-height:1.8;color:#939988;margin-top:20px}.seed-catalog-state,.seed-notice{padding:12px;border-radius:10px;background:#eef3e6;color:#53703e;font-size:12px;line-height:1.7}.seed-notice.is-error{background:#fff0e7;color:#a25d38}.seed-selection[hidden],.seed-catalog-state[hidden],.seed-notice[hidden]{display:none}
.seed-card .seed-packet{position:relative;display:block;width:88px;height:101px;margin:3px 0 7px;border:1px solid #d6cbb2;border-radius:6px 6px 9px 9px;background:linear-gradient(100deg,#e6dac1 0%,#fff8e9 18%,#f4ead5 82%,#ded2b9 100%);box-shadow:3px 7px 10px #75653b20;transform:rotate(-3deg);transition:transform .18s ease}.seed-card .seed-packet::before{content:'';position:absolute;inset:4px 4px auto;height:7px;border-top:1px solid #c9bba0;border-bottom:1px solid #d5c8ad;background:repeating-linear-gradient(90deg,transparent 0 3px,#cabd9f55 3px 4px)}.seed-card .seed-packet::after{content:'SEEDS';position:absolute;bottom:9px;left:11px;right:11px;padding:3px 0;border-top:1px solid #bdc4a0;color:#718557;font:700 8px/1.2 Georgia,serif;letter-spacing:3px}.seed-card .seed-packet[data-kind=vegetable]::after{color:#ad734d;border-color:#d6b58b}.seed-card .seed-packet[data-kind=flower]::after{color:#9b739b;border-color:#cab1c9}.seed-card .seed-packet img{position:absolute;top:15px;left:3px;width:82px;height:65px;filter:drop-shadow(0 3px 2px #50653018)}.seed-card:hover .seed-packet,.seed-card.selected .seed-packet{transform:rotate(0deg) translateY(-2px)}
@media(prefers-reduced-motion:reduce){.seed-card .seed-packet{transition:none;transform:none}.seed-card:hover .seed-packet,.seed-card.selected .seed-packet{transform:none}}
@media(max-width:700px){.garden-tools{gap:6px;padding:13px 11px;flex-wrap:wrap}.garden-tools>span{width:100%;margin-bottom:5px}.garden-tools button{flex:1;padding:10px 8px}.seed-drawer-backdrop{align-items:flex-end}.seed-drawer-panel{height:auto;max-height:94dvh;border-radius:24px 24px 0 0;padding:22px 16px calc(28px + env(safe-area-inset-bottom))}.seed-drawer-header h2{font-size:22px}.seed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seed-selection{padding:17px}.seed-purchase{gap:8px;flex-wrap:wrap}.seed-purchase .button{flex:1}.seed-purchase input{width:72px}}
@media(prefers-reduced-motion:reduce){.plot-effect{display:none}.seed-drawer-panel{scroll-behavior:auto}}
.modal-layer{z-index:90}.toast{z-index:100}