@charset "UTF-8";
:root{--paper:#f7f6ed;--ink:#314f40;--muted:#879184;--green:#416a51;--leaf:#dfe8d3;--line:#e5e8dd;--gold:#cf9a45;--white:#fffef8;--font:"Microsoft JhengHei","PingFang TC",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ce9a51;outline-offset:3px}button:not(:disabled){transition:background .18s,transform .18s}button:not(:disabled):active{transform:translateY(1px)}svg{display:block;width:100%;height:100%}h1,h2,h3,p{margin:0}button svg{pointer-events:none}.site-header{height:91px;display:flex;align-items:center;gap:15px;padding:0 35px;border-bottom:1px solid var(--line);background:#fbfaf4}.back{font-size:23px;text-decoration:none;color:#8a9588;margin-right:10px}.brand-mark{height:44px;width:44px;background:#44664e;border-radius:15px;padding:7px;transform:rotate(-5deg)}.brand-mark path{fill:#e5ebbf;stroke:#e5ebbf;stroke-width:2;stroke-linecap:round}.brand h1{font-size:23px;letter-spacing:3px;font-weight:800}.brand h1 span{font-size:9px;letter-spacing:2px;margin-left:13px;color:#879180;vertical-align:middle}.brand p{font-size:10px;letter-spacing:4px;color:var(--muted);margin-top:5px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-btn{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:19px}.icon-btn:hover{background:var(--leaf)}.connection{font-size:11px;color:#899382;margin-right:14px}.connection:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#b9b99e;margin-right:7px}.connection.online:before{background:#70a468}.workspace{display:grid;grid-template-columns:84px minmax(0,1fr) 322px;max-width:1720px;margin:0 auto;min-height:calc(100svh - 91px)}.navigation{display:flex;flex-direction:column;align-items:center;padding:32px 0 20px;gap:16px;border-right:1px solid var(--line)}.nav-btn{background:none;width:58px;min-height:70px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#8a9384;letter-spacing:2px}.nav-btn>span{width:29px;height:29px}.nav-btn.active{background:#e2ead7;color:#426043}.nav-btn:hover{background:#e9edde}.nav-spacer{height:50px}.nav-flower{color:#c5ccb4;font-size:31px;margin-top:auto}.farm-main{padding:32px 27px 24px;min-width:0}.intro{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px}.eyebrow{font-family:Georgia,serif;font-size:9px;letter-spacing:2.1px;color:#8a967c}.intro h2{font-size:25px;letter-spacing:1.5px;margin-top:9px;font-weight:650}.intro h2>span{color:#b88c4e}.intro p{font-size:11px;color:var(--muted);margin-top:9px;letter-spacing:1px}.weather{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:11px;color:#7f8d72}.weather>span{width:33px;height:33px}.weather small{font-size:9px;display:block;margin-top:5px;color:#a1a78d}.farm-board{position:relative;border:1px solid #e4e8d8;border-radius:21px;background:#edf1e2;overflow:hidden;box-shadow:0 12px 30px #52603c07}.board-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:18px 21px;gap:10px;background:linear-gradient(#f7f9ecdd,#f7f9ec00)}.farm-label{font-size:12px;font-weight:600;letter-spacing:1px}.farm-label i{display:inline-block;width:7px;height:7px;background:#6a8b58;border-radius:50%;margin-right:7px}.farm-label small{display:block;color:#909d83;font-size:10px;margin-top:6px;margin-left:15px;font-weight:400;letter-spacing:0}.farm-resources{display:flex;gap:12px;align-items:center}.resource{display:grid;grid-template-columns:25px auto;column-gap:6px;align-items:center}.resource>span{grid-row:span 2;height:25px;width:25px}.resource b{font-family:Georgia,serif;font-size:20px;line-height:1.1}.resource small{font-size:8px;color:#99a28a}.level-badge{background:#f8fbef;border:1px solid #dce5c9;padding:8px 12px;border-radius:12px;font:13px Georgia,serif}.level-badge span{font:9px var(--font);display:block;color:#7d9270;margin-top:2px}.scene-wrap{position:relative;aspect-ratio:1.42;min-height:350px;margin-top:-22px;overflow:hidden}#farm-canvas{width:100%;height:100%;display:block;touch-action:pan-y}.scene-note{position:absolute;left:22px;bottom:26px;display:flex;gap:8px;font-size:10px;color:#7b8c6f;pointer-events:none}.little-leaf{color:#93a56b}.scene-caption{position:absolute;right:22px;bottom:26px;color:#91a07d;font:9px Georgia,serif;letter-spacing:1.5px;pointer-events:none}.scene-caption span{display:block;font:8px var(--font);margin-top:5px;letter-spacing:1px}.board-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #dce4cf;padding:12px 20px;min-height:53px;background:#f4f6e9}.farmers{display:flex;align-items:center;min-width:0}.farmer-avatar{width:27px;height:27px;border-radius:50%;background:#d4e1bd;border:2px solid #f4f6e9;display:grid;place-items:center;font-size:11px;margin-left:-5px;color:#fff}.farmer-avatar:first-child{margin-left:0}.farmers small{margin-left:7px;color:#89997a;font-size:10px}.muted{color:#96a087;font-size:10px}.save-note{font-size:9px;color:#919e84;white-space:nowrap}.farm-journal{display:flex;align-items:center;margin-top:20px;padding:15px 4px;gap:22px}.farm-journal h3{font-size:12px;font-weight:500;margin-top:4px;letter-spacing:1px}.farm-journal .eyebrow{font-size:7px}.farm-journal>div{flex-shrink:0}.farm-journal p{font-size:11px;color:#8b9482;padding-left:20px;border-left:1px solid #dce1d1;line-height:1.8}.journal-flower{font-size:35px;color:#c8cdab;margin-left:auto}.side-panel{background:#fbfaf5;border-left:1px solid var(--line);padding:31px 22px 18px;min-width:0;display:flex;flex-direction:column}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.panel-heading h2{font-size:21px;letter-spacing:2px;font-weight:600;margin-top:8px}.panel-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.panel-heading>span{width:38px;height:38px;opacity:.65}#panel-body{flex:1;min-width:0}.panel-footer{margin-top:24px;padding-top:14px;border-top:1px solid var(--line);font-size:9px;letter-spacing:1px;color:#a0a58f;display:flex;justify-content:space-between}.panel-footer>span:last-child{font-size:18px}.section-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:20px 0 11px;letter-spacing:1px}.section-title small{font-size:9px;color:#969f8b;letter-spacing:0}.panel-copy{font-size:11px;color:#89937f;line-height:1.9}.seed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.seed{position:relative;display:flex;flex-direction:column;align-items:center;padding:9px 3px 7px;background:#f3f3e9;border:1px solid #e8eadf;border-radius:12px;min-width:0;gap:3px}.seed.selected{border-color:#6d9161;background:#e9efd9;box-shadow:0 0 0 1px #6d9161}.seed>span.art{width:32px;height:32px}.seed b{font-size:10px;white-space:nowrap;font-weight:500}.seed small{font-size:9px;color:#969a7d}.seed.locked{opacity:.55}.seed.locked:disabled{opacity:.55}.seed-detail{background:#eef1e5;border-radius:12px;margin-top:11px;padding:12px;display:flex;align-items:center;gap:10px;min-height:68px}.seed-detail>.art{width:39px;height:39px;flex-shrink:0}.seed-detail b{font-size:12px;font-weight:600}.seed-detail p{font-size:9px;line-height:1.8;color:#849271;margin-top:3px}.plot-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.plot-btn{padding:9px 4px;background:#f4f0e5;border:1px solid #e5dfcd;border-radius:10px;display:grid;justify-items:center;gap:3px;position:relative;min-height:60px}.plot-btn b{font-size:10px;font-weight:500}.plot-btn small{font-size:8px;color:#9c9b80}.plot-btn .art{height:24px;width:24px}.plot-btn.ready{border-color:#8eac66;background:#e9efd9}.plot-btn.selected{outline:2px solid #648255;outline-offset:1px}.plot-btn.locked{background:#f2f1eb;border-style:dashed}.plot-btn .plot-no{position:absolute;top:4px;left:5px;font-size:8px;color:#aaa78f}.plot-status{font-size:10px;color:#899779;line-height:1.8;margin-top:10px}.primary{border-radius:10px;background:#45694d;color:#fffcec;padding:11px 16px;font-size:12px;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px}.primary:hover{background:#34563e}.primary.wide{width:100%;margin-top:12px}.secondary{border-radius:8px;background:#e9eedf;color:#5f7751;padding:9px 12px;font-size:11px;min-height:35px}.secondary:hover{background:#dce6cd}.inline-actions{display:flex;gap:7px;margin-top:10px}.inline-actions>*{flex:1}.join-card{position:absolute;left:23px;bottom:81px;background:#fffdf4f5;border:1px solid #fff;border-radius:17px;padding:23px;width:340px;max-width:calc(100% - 46px);box-shadow:0 12px 30px #48613e20}.join-card h3{font-size:22px;letter-spacing:1px;margin:9px 0 10px}.join-card p{color:#87907b;font-size:11px;line-height:1.9}.join-card label{font-size:10px;color:#78866d;display:block;margin:16px 0 7px}.join-fields{display:flex;gap:7px}.join-fields input{width:0;flex:1;min-width:0;border:1px solid #dce3d1;background:#f9faf2;border-radius:9px;padding:8px 10px;color:#486044}.join-fields button{font-size:11px;white-space:nowrap;padding:10px 12px}.join-card>small{font-size:9px;color:#9ba38a;display:block;margin-top:12px;line-height:1.7}[hidden]{display:none!important}.order-card{background:#f3efdf;border-radius:13px;padding:15px;margin-top:20px;border:1px solid #eae3cb;position:relative}.order-head{display:flex;justify-content:space-between;align-items:center;font-size:11px}.order-head>span{font-size:9px;color:#b59150}.order-card p{font-size:10px;color:#9a9071;line-height:1.9;margin:7px 0}.order-items{display:flex;gap:9px;margin:9px 0}.order-item{display:flex;gap:4px;align-items:center;font-size:10px;color:#9b8965}.order-item .art{width:25px;height:25px}.order-item.complete{color:#5d824b}.order-card button{width:100%;background:#e4d9b6;color:#877443}.animal-cards{display:grid;gap:9px}.animal-card{background:#f2f2e8;border:1px solid #e4e7d9;border-radius:12px;padding:11px;display:flex;gap:10px;align-items:center}.animal-card>.art{width:41px;height:41px;flex-shrink:0}.animal-info{flex:1;min-width:0}.animal-info b{font-size:12px}.animal-info p{font-size:9px;color:#8b977b;line-height:1.8;margin:4px 0}.animal-card button{font-size:9px;padding:7px 9px;min-height:32px}.shop-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:380px;overflow-y:auto;padding:2px}.animal-shop{border:1px solid #e3e6d7;background:#f4f4eb;border-radius:11px;padding:10px;display:grid;grid-template-columns:32px auto;gap:3px 6px;text-align:left}.animal-shop>.art{grid-row:span 2;width:32px;height:32px}.animal-shop b{font-size:10px;font-weight:500}.animal-shop small{font-size:8px;color:#919778}.empty-state{border:1px dashed #d8dfc9;border-radius:12px;padding:22px 15px;text-align:center;font-size:11px;color:#9ca58b;line-height:1.9}.pond-card{padding:20px;background:#e5efdf;border:1px solid #d9e4d3;border-radius:16px;text-align:center;margin-top:18px}.pond-art{width:96px;height:96px;margin:auto;background:#d0e1ce;border-radius:50%;padding:22px}.pond-card h3{font-size:15px;margin:15px 0 8px}.pond-card p{font-size:11px;color:#8a9d7e;line-height:1.9;min-height:38px}.fishing-meter{margin:15px 0;background:#ccdabc;height:8px;border-radius:9px;overflow:hidden}.fishing-meter span{display:block;height:100%;background:#82a870;border-radius:9px;width:0;transition:width .1s linear}.pond-card.bite{background:#f2efd6;border-color:#c9b66e}.pond-card.bite .fishing-meter span{background:#c7a652}.fish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}.fish-card{text-align:center;padding:9px 3px;border-radius:10px;background:#f1f3e9;font-size:9px;color:#7e8e75}.fish-card .art{display:block;height:30px;width:30px;margin:auto auto 3px}.fish-card small{display:block;font-size:8px;color:#a0a78c;margin-top:3px}.inventory-list{display:grid;gap:7px;margin-top:15px}.inventory-item{display:flex;align-items:center;gap:9px;border-bottom:1px solid #e7e9df;padding:7px 0}.inventory-item>.art{width:32px;height:32px}.inventory-item>div{flex:1}.inventory-item b{font-size:11px}.inventory-item p{font-size:9px;color:#919b83;margin-top:4px}.inventory-item button{font-size:9px}.level-card{margin:20px 0;background:#e9efdc;border:1px solid #d9e4c7;border-radius:16px;padding:22px;text-align:center}.level-number{font-family:Georgia,serif;font-size:68px;line-height:1.1;color:#587848}.level-number small{font-size:17px;color:#a0b58b}.level-card>p{font-size:10px;color:#8c9d77;line-height:1.9;margin:7px 0}.upgrade-benefits{display:grid;gap:0;border-top:1px solid var(--line);margin:15px 0}.benefit{display:flex;justify-content:space-between;font-size:11px;padding:12px 0;border-bottom:1px solid var(--line);color:#8e9b7d}.benefit b{color:#5e7950;font-weight:500}.unlock-row{display:flex;align-items:center;gap:10px;font-size:11px;padding:10px 0;border-bottom:1px solid var(--line)}.unlock-row>.art{width:29px;height:29px}.unlock-row small{color:#9ca488;margin-left:auto;font-size:9px}.toasts{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:20;pointer-events:none;display:grid;gap:8px;max-width:90vw}.toast{background:#38513ff2;color:#f5f2df;border-radius:13px;padding:12px 20px;font-size:12px;box-shadow:0 5px 24px #27433220;animation:toast-in .2s ease;line-height:1.6}.toast.error{background:#927454}dialog{color:var(--ink);width:440px;max-width:calc(100% - 30px);border:1px solid #e1e7d1;border-radius:23px;background:#fcfbf2;padding:27px;max-height:85svh}dialog::backdrop{background:#233d3760;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head h2{font-size:23px;margin-top:9px;letter-spacing:2px}dialog>p{font-size:12px;color:#8b967d;line-height:1.9}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.setting-row input{accent-color:#5c7e4c}.setting-row input[type=range]{width:160px}.guide{padding-left:24px;margin:0}.guide li{padding:0 0 16px 7px;color:#778e60}.guide b{font-size:13px}.guide p{font-size:11px;color:#8d997e;line-height:1.9;margin-top:5px}.guide-note{font-size:10px;line-height:1.9;background:#edf1e3;border-radius:10px;padding:13px;color:#829473}@keyframes toast-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1550px){.farm-main{padding:35px 40px}.side-panel{padding:35px 27px}.workspace{grid-template-columns:90px minmax(0,1fr) 352px}.intro h2{font-size:29px}}
@media(max-width:1150px){.workspace{grid-template-columns:70px minmax(0,1fr) 285px}.farm-main{padding:28px 18px}.side-panel{padding:28px 17px}.intro h2{font-size:21px;letter-spacing:.5px}.weather{display:none}.scene-wrap{min-height:360px;aspect-ratio:1.22}.farm-resources{gap:8px}.board-top{padding:16px}.farm-label{font-size:11px}.farm-label small{font-size:9px}.scene-caption{display:none}.scene-note{font-size:9px;left:16px}.seed-grid{gap:5px}.seed b{font-size:9px}.farm-journal{gap:12px}.farm-journal p{padding-left:12px}}
@media(max-width:850px){.site-header{height:76px;padding:0 19px;gap:10px}.brand h1{font-size:20px}.brand h1 span{font-size:8px;margin-left:8px}.brand-mark{width:37px;height:37px}.back{margin-right:3px}.workspace{grid-template-columns:66px minmax(0,1fr)}.navigation{grid-row:span 2}.side-panel{grid-column:2;border-left:0;border-top:1px solid var(--line);padding:24px}.farm-main{padding:26px 24px 0}.scene-wrap{min-height:350px;aspect-ratio:1.42}.intro{margin-bottom:21px}.intro h2{font-size:24px}.farm-journal{margin-top:10px}.panel-heading{margin-bottom:15px}.seed-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.seed{padding:9px 1px}.seed-detail{margin-bottom:15px}.plot-list{grid-template-columns:repeat(6,minmax(0,1fr))}.shop-list{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none}.fish-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.panel-footer{margin-top:20px}.order-card{margin-top:15px}.navigation{padding-top:25px;position:relative}.nav-spacer{height:20px}.nav-flower{display:none}.nav-btn{position:sticky}.seed b{font-size:9px}}
@media(max-width:560px){.site-header{height:68px;padding:0 12px;gap:8px}.brand h1{font-size:18px;letter-spacing:2px}.brand h1 span{display:none}.brand p{font-size:8px;letter-spacing:2px}.brand-mark{width:33px;height:33px;border-radius:11px}.back{font-size:20px}.connection{font-size:9px;margin-right:0;max-width:92px}.header-actions{gap:6px}.icon-btn{width:30px;height:30px;font-size:16px}.workspace{display:block;padding-bottom:76px}.navigation{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;flex-direction:row;justify-content:space-around;background:#fbfaf4f5;backdrop-filter:blur(12px);border:1px solid #dde3d2;border-radius:19px 19px 0 0;padding:7px 8px max(7px,env(safe-area-inset-bottom));gap:4px}.nav-btn{min-height:54px;width:60px;border-radius:12px;font-size:9px;gap:3px}.nav-btn>span{width:24px;height:24px}.nav-spacer{display:none}.farm-main{padding:22px 13px 0}.intro{margin-bottom:17px}.intro h2{font-size:20px;letter-spacing:1px}.eyebrow{font-size:7px;letter-spacing:1.5px}.intro p{font-size:10px;letter-spacing:.3px}.farm-board{border-radius:16px}.board-top{padding:13px 12px}.farm-label{font-size:10px;letter-spacing:0}.farm-label small{font-size:8px;margin-left:12px}.farm-label i{margin-right:5px;width:6px;height:6px}.resource{grid-template-columns:20px auto;column-gap:4px}.resource>span{width:20px;height:20px}.resource b{font-size:17px}.resource small{font-size:7px}.level-badge{font-size:11px;padding:6px 9px}.level-badge span{font-size:8px}.scene-wrap{min-height:310px;aspect-ratio:1.08;margin-top:-16px}.scene-note{left:13px;bottom:20px;font-size:8px;gap:5px}.board-bottom{padding:10px 12px;min-height:46px}.save-note{font-size:8px}.farmers small{font-size:8px}.farmers .muted{font-size:8px}.join-card{left:15px;bottom:71px;max-width:calc(100% - 30px);padding:18px}.join-card h3{font-size:21px}.join-card .eyebrow{font-size:8px}.join-card p{font-size:10px}.join-card label{margin-top:12px}.farm-journal{gap:12px;padding:13px 2px}.farm-journal .eyebrow{font-size:6px}.farm-journal h3{font-size:10px}.farm-journal p{font-size:9px;padding-left:12px}.journal-flower{font-size:25px}.side-panel{padding:22px 17px}.panel-heading h2{font-size:22px}.seed-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.seed b{font-size:11px}.seed small{font-size:9px}.seed .art{width:37px;height:37px}.plot-list{grid-template-columns:repeat(4,minmax(0,1fr))}.plot-btn{min-height:65px}.plot-btn b{font-size:11px}.plot-btn small{font-size:9px}.shop-list{grid-template-columns:repeat(2,minmax(0,1fr))}.fish-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.panel-copy{font-size:12px}.section-title{font-size:12px}.pond-card p{font-size:12px}.toasts{bottom:89px}.toast{font-size:11px;padding:10px 15px}.connection.offline{color:#a48a62}.farmer-avatar{width:24px;height:24px;font-size:10px}.farmers .farmer-avatar:nth-child(n+5){display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the working field controls within easy reach while browsing 20 seeds. */
.seed-grid{max-height:185px;overflow-y:auto;padding:2px;scrollbar-width:thin;scrollbar-color:#bdcaa8 transparent;scroll-padding:4px}
.seed{min-height:76px}.seed b{font-size:11px}.seed small{font-size:10px}
.plot-btn b{font-size:11px}.plot-btn small{font-size:9px}
@media(min-width:851px){.side-panel{position:sticky;top:0;align-self:start;max-height:100svh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c2ccb1 transparent}.plot-list{grid-template-columns:repeat(4,minmax(0,1fr))}.panel-copy{font-size:12px}.farm-label{font-size:12px}.save-note{font-size:10px}.seed-grid{max-height:174px}}
@media(max-width:560px){.join-fields input{font-size:16px}.seed-grid{max-height:192px;grid-template-columns:repeat(5,minmax(0,1fr))}.seed{min-height:83px}}