:root{font-family:'PingFang SC','Microsoft YaHei',system-ui,sans-serif;color:#2c4936;background:#dfe6d6;--green:#306448;--cream:#f7f7ee;--line:#e1e7d7}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;background:var(--green);color:white;border:0;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:600;min-height:36px}button:hover:not(:disabled){filter:brightness(.94)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ca9e4e;outline-offset:2px}.secondary{background:#eaf0e1;color:#526c42}.text-button{background:transparent;color:#8b7a50;padding:3px 8px;min-height:28px;font-size:10px}.app-shell{width:min(1100px,100%);height:100vh;height:100dvh;margin:0 auto;background:var(--cream);position:relative;box-shadow:0 0 80px #3c533a10;padding:0 20px 12px}.game-shell{height:100%;display:flex;flex-direction:column;min-height:0}.app-header{height:72px;flex-shrink:0;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.avatar{width:44px;height:44px;min-height:0;background:#e4ebd9;border-radius:14px;font-size:26px;padding:0}.app-title{flex:1;min-width:0}.app-title strong{font-size:18px;letter-spacing:1px;display:block}.app-title strong span{font-size:10px;letter-spacing:0;background:#e6edda;color:#829265;padding:4px 6px;border-radius:5px;vertical-align:middle}.app-title small{display:block;font-size:9px;color:#97a08c;margin-top:5px}.wallet{display:flex;gap:7px;align-items:center;background:#faf0d7;border:1px solid #efe3c1;padding:9px 13px;border-radius:20px;max-width:37%;min-width:0}.wallet strong{font-size:19px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}.bag-button{position:relative;background:#e7eff0;color:#517d85;padding:7px 10px;font-size:20px}.bag-button b{font-size:10px;margin-left:3px}.ticker{display:flex;align-items:center;gap:6px;border-bottom:1px solid #ebe8d9;flex-shrink:0;height:37px;overflow:hidden;background:#faf6e9}.ticker-label{font-size:10px;color:#9d814b;background:transparent;white-space:nowrap;padding:4px;min-height:28px;flex-shrink:0}.ticker-viewport{flex:1;min-width:0;overflow:hidden}.ticker-track{display:flex;width:max-content;animation:ticker-move var(--ticker-duration,90s) linear infinite}.ticker-copy{display:flex;gap:40px;padding-right:40px;white-space:nowrap;color:#9a7c4d;font-size:10px}.ticker:hover .ticker-track,.ticker:focus-within .ticker-track,.ticker.paused .ticker-track{animation-play-state:paused}@keyframes ticker-move{to{transform:translateX(-50%)}}.play-area{flex:1;min-height:0;padding:16px 0 12px;overflow:hidden}.game-panel{height:100%;display:flex;flex-direction:column;min-height:0;gap:10px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;min-height:44px}.eyebrow{font-size:8px;letter-spacing:2px;font-weight:700;color:#9ca889;display:block;margin-bottom:5px}h1,h2,h3,p{margin:0}h2{font-size:20px}h3{font-size:14px;margin:16px 0 10px}.pill{display:inline-flex;align-items:center;font-size:10px;font-weight:400;padding:5px 8px;border-radius:20px;background:#e9efdf;color:#83936a;white-space:nowrap;vertical-align:middle}.seed-button{background:#e5edda;color:#637d4b;font-size:11px;white-space:nowrap}.panel-tip{font-size:11px;color:#869477;flex-shrink:0;min-height:16px}.grid{display:grid;gap:13px;min-height:0}.farm-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));flex:1}.four-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));flex:1}.plot{min-width:0;min-height:0;border:1px solid #e7d8bb;border-radius:15px;background:linear-gradient(155deg,#fbf5e7,#efe2c5);text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 8px;overflow:hidden}.plot:before{content:'';position:absolute;bottom:0;left:0;right:0;height:5px;background:#d2bb8b;opacity:.3}.slot-number{position:absolute;top:10px;left:12px;font-size:10px;color:#b49f7c;letter-spacing:1px}.plot .icon{font-size:clamp(26px,5vh,58px);line-height:1.1;filter:drop-shadow(0 5px 3px #8f6b3117)}.plot strong{font-size:13px}.plot p{font-size:11px;color:#8b7c60;line-height:1.3}.plot button{font-size:11px;padding:8px 15px;min-height:33px}.tile-actions{display:flex;justify-content:center;gap:6px}.tile-actions button+button{background:#e2eada;color:#587546}.plot.ready{background:linear-gradient(145deg,#f2f6e4,#e0ebc7);border-color:#bccf9c}.plot.ready:before{background:#7c9a4c}.plot.ready p{color:#73994f}.plot.locked{background:repeating-linear-gradient(135deg,#f0f3e9,#f0f3e9 12px,#eef1e6 12px,#eef1e6 24px);border:1px dashed #d9e1cd}.plot.locked strong{color:#a1ac94;font-weight:400;font-size:12px}.plot.locked .icon{font-size:24px;opacity:.3;filter:grayscale(1)}.plot.locked button{background:transparent;color:#8b9b79;font-size:10px;border:1px solid #d9e2ce;padding:5px 9px;min-height:28px}.field-bottom{font-size:10px;color:#93a180;display:flex;gap:14px;align-items:center;justify-content:center;flex-shrink:0;min-height:24px}.bottom-nav{height:68px;flex-shrink:0;display:flex;border-top:1px solid #dfe5d6;background:#fafbf5;padding:7px 10px max(7px,env(safe-area-inset-bottom));border-radius:17px 17px 0 0}.bottom-nav button{background:transparent;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:500;color:#98a38b;min-width:0;padding:4px}.bottom-nav button span{font-size:22px;filter:grayscale(.6);opacity:.7}.bottom-nav button.active{background:#e9efdd;color:#416d40}.bottom-nav button.active span{filter:none;opacity:1}.connection-indicator{position:absolute;bottom:1px;right:10px;font-size:8px;color:#a2ac96;pointer-events:none;height:10px}.invite-banner{background:#e9efde;border:1px solid #dfe8d0;border-radius:13px;padding:15px;flex-shrink:0}.invite-banner p{font-size:12px;line-height:1.7;color:#748566}.invite-banner input{font-size:11px;margin:8px 0}.invite-banner button{width:100%}.social-tools{display:flex;gap:8px;flex-shrink:0}.social-tools button{flex:1;font-size:11px}.friends-area{min-height:0;flex:1;overflow-y:auto}.friends-area h3{margin:8px 0 10px}.friends-area h3 small{font-size:9px;font-weight:400;color:#99a58b;margin-left:8px}.friends-list{display:flex;flex-wrap:wrap;gap:8px}.friends-list button{background:#e9efdf;color:#597b47}.warning{background:#fcf0d5;color:#987a43;border:1px solid #efdfba;border-radius:9px;padding:12px;font-size:11px;line-height:1.6}.compact{padding:9px 12px}.reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;flex:1;min-height:0}.reward-card{background:#f3eedf;border:1px solid #e8dec6;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px;min-width:0;gap:10px;overflow:hidden}.reward-card.car{background:#e8eee3;border-color:#d8e4cd}.reward-art{font-size:clamp(32px,8vh,85px);filter:drop-shadow(0 8px 5px #5f70451a)}.reward-card h3{font-size:18px;margin:0}.reward-card p{font-size:11px;line-height:1.8;color:#879277}.reward-card button{font-size:11px;width:100%;max-width:250px}.inventory-note{font-size:10px;color:#8c9a7c;text-align:center;flex-shrink:0}.full-width{width:100%;margin-top:15px}dialog{border:1px solid #dfe6d5;border-radius:19px;width:min(540px,calc(100vw - 24px));max-height:85vh;max-height:85dvh;background:#fafbf5;color:#304a35;padding:24px;box-shadow:0 20px 100px #13291e40;overscroll-behavior:contain}dialog::backdrop{background:#1d362860;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;position:sticky;top:-24px;background:#fafbf5;padding-top:5px;z-index:1}.dialog-head h2{font-size:19px}.dialog-head button{background:#e7edde;color:#728866;width:34px;height:34px;min-height:0;padding:0;flex-shrink:0}.dialog-head h2{overflow-wrap:anywhere}dialog p{font-size:12px;line-height:1.9;color:#7f8c72;margin:10px 0}dialog label{font-size:12px;display:block;color:#829371;margin:14px 0}input,select{width:100%;min-width:0;border:1px solid #dce4d3;background:#fff;border-radius:9px;padding:12px;color:#3f5b43;font-size:13px;margin-top:7px}input::placeholder{font-size:11px;color:#a5b096}.choice-list{display:grid;gap:8px;margin-top:15px}.choice{display:grid;grid-template-columns:36px 1fr;gap:3px 12px;text-align:left;padding:13px;background:#edf1e5;color:#597548;border:1px solid transparent}.choice-icon{grid-row:1/3;font-size:27px}.choice strong{font-size:13px}.choice small{font-size:10px;font-weight:400}.choice.selected{border-color:#8da672;background:#e3edda}.entry{padding:13px 0;border-bottom:1px solid #e7ecdf;font-size:12px;overflow-wrap:anywhere}.entry strong{display:block}.entry small{font-size:9px;color:#9aa68c;display:block}.entry button{font-size:11px;margin:8px 5px 0 0}.notice{border-bottom:1px solid #e6ecdd;padding:13px 0}.notice strong{font-size:12px}.notice p{font-size:11px;margin-bottom:0}.empty-state{width:100%;text-align:center;padding:25px 10px;color:#99a68a!important;font-size:12px!important}.title-badge{padding:10px;background:#e9efdf;border-radius:9px}.friend-dialog{width:min(850px,calc(100vw - 24px))}.friend-dialog .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.friend-dialog .plot{min-height:145px}.friend-dialog .plot .icon{font-size:30px}.login-screen{height:100%;overflow-y:auto;max-width:370px;margin:auto;padding:5vh 0 20px}.login-logo{font-size:42px;margin-bottom:15px}.login-screen h1{font-size:31px;margin-bottom:12px}.login-screen>p{color:#94a083;font-size:12px}.login-screen label{display:block;font-size:12px;color:#7b8e69;margin-top:17px}.login-screen small{display:block;font-size:10px;color:#a1ab94;line-height:1.8;margin-top:18px}.auth-actions{display:grid;gap:9px;margin-top:22px}.auth-actions button{min-height:43px}#authError{color:#ac4c33;margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);max-width:90vw;width:max-content;background:#244f3d;color:white;padding:13px 20px;border-radius:12px;display:none;z-index:100;font-size:12px;box-shadow:0 8px 25px #18332430}#toast.show{display:block}[hidden]{display:none!important}@media(min-width:850px){.app-shell{padding:0 35px 12px}.app-header{height:80px}.play-area{padding-top:20px}.game-panel{gap:15px}.panel-head{min-height:50px}.plot{gap:10px}.plot strong{font-size:15px}.bottom-nav{max-width:700px;width:100%;margin:auto}.game-panel.social-panel{max-width:700px;width:100%;margin:auto}.friends-list button{padding:14px 20px}}@media(max-width:600px){.app-shell{padding:env(safe-area-inset-top) 12px 12px}.app-header{height:61px;gap:8px}.avatar{height:37px;width:37px;font-size:22px}.app-title strong{font-size:15px;letter-spacing:0}.app-title small{font-size:8px}.app-title strong span{font-size:8px;padding:3px 4px}.wallet{padding:7px 9px;gap:4px;max-width:34%}.wallet strong{font-size:15px}.bag-button{padding:7px;font-size:17px}.bag-button b{font-size:9px}.play-area{padding:12px 0 7px}.game-panel{gap:7px}.panel-head{min-height:39px}h2{font-size:17px}.eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:4px}.seed-button{padding:8px 10px;font-size:10px}.panel-tip{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.farm-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:8px}.four-grid{gap:10px}.farm-grid .plot{display:grid;grid-template-columns:40px 1fr;grid-template-rows:1fr auto;align-content:center;justify-content:stretch;gap:2px 4px;padding:9px 8px 7px;border-radius:11px}.farm-grid .plot .icon{grid-column:1;grid-row:1/3;align-self:center;font-size:30px}.farm-grid .plot strong{grid-column:2;align-self:end;font-size:11px}.farm-grid .plot p{grid-column:2;grid-row:2;font-size:9px;white-space:nowrap}.farm-grid .plot>.tile-actions,.farm-grid .plot>button{grid-column:1/3;grid-row:3;justify-self:stretch;margin-top:3px}.farm-grid .plot>.tile-actions button{flex:1;padding:4px 8px;min-height:27px;font-size:10px}.farm-grid .plot>button{min-height:27px;padding:4px;font-size:10px}.farm-grid .plot.locked .icon{font-size:20px}.farm-grid .plot.locked strong{align-self:center;grid-row:1/3;font-size:11px}.slot-number{font-size:7px;top:4px;left:6px}.four-grid .plot .icon{font-size:44px}.field-bottom{font-size:8px;gap:8px;min-height:20px}.field-bottom .text-button{font-size:8px;min-height:20px}.bottom-nav{height:64px;padding:5px 0 max(5px,env(safe-area-inset-bottom))}.bottom-nav button{font-size:9px}.bottom-nav button span{font-size:21px}.reward-grid{gap:10px}.reward-card{padding:12px 8px;gap:9px}.reward-card h3{font-size:15px}.reward-card p{font-size:10px}.reward-card button{font-size:10px;padding:8px 4px}.reward-art{font-size:48px}.friend-dialog .grid{grid-template-columns:repeat(2,minmax(0,1fr))}dialog{padding:20px;border-radius:17px}.dialog-head{top:-20px}.invite-banner{padding:12px}.invite-banner p{font-size:11px}.social-tools{flex-wrap:wrap;gap:5px}.social-tools button{padding:8px;font-size:10px}.connection-indicator{font-size:7px}.inventory-note{font-size:9px}}@media(max-height:650px) and (max-width:600px){.app-header{height:53px}.ticker{height:29px}.panel-head{min-height:31px}.panel-head .eyebrow{display:none}.game-panel{gap:4px}.play-area{padding-top:7px}.farm-grid{gap:5px}.farm-grid .plot{padding:6px;grid-template-columns:25px 1fr}.farm-grid .plot .icon{font-size:22px}.farm-grid .plot strong{font-size:10px}.farm-grid .plot p{font-size:8px}.farm-grid .plot button,.farm-grid .plot>.tile-actions button{min-height:23px;padding:3px;font-size:9px}.field-bottom{min-height:17px}.bottom-nav{height:54px}.bottom-nav button span{font-size:18px}.reward-art{font-size:31px}.reward-card{gap:6px}.invite-banner p br{display:none}.invite-banner input{padding:8px}.invite-banner button{min-height:30px;padding:7px}.reward-card p{font-size:9px}}@media(max-height:440px){.farm-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.game-panel{overflow-y:auto}.plot{min-height:90px}.panel-tip,.field-bottom{display:none}.app-header{height:48px}.bottom-nav{height:45px}.bottom-nav button{flex-direction:row}.ticker{height:25px}.play-area{padding:5px 0}.panel-head{min-height:30px}.eyebrow{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.ticker-track{animation:none}.ticker-viewport{overflow-x:auto}.ticker-copy[aria-hidden]{display:none}}
.social-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.social-tools button{padding:8px 4px}.friends-list{display:block}.community-row{position:relative;padding:12px 100px 12px 0;border-bottom:1px solid #e3e9da;min-height:72px;overflow-wrap:anywhere}.community-name{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.community-name strong{font-size:12px}.community-name small{font-size:9px;color:#99a58a}.community-row button{position:absolute;right:0;top:16px;font-size:10px;padding:8px 10px}.friend-status{display:flex;gap:7px;flex-wrap:wrap;font-size:10px!important;color:#8a987d!important;margin-top:7px!important;line-height:1.5!important}.ready-label{color:#588538;font-weight:600}.pager{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;margin-top:10px}.pager small{font-size:10px;color:#98a388}.pager button{font-size:10px;min-height:30px;padding:6px 10px}.rank-tabs{display:flex;gap:7px}.rank-tabs button{flex:1;background:#edf1e6;color:#839673;font-size:11px}.rank-tabs button.active{background:#306448;color:white}.rank-row{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid #e4ebdb;padding:15px 8px;font-size:11px}.rank-row strong{overflow:hidden;text-overflow:ellipsis;font-size:12px}.rank-row.is-me{background:#e9f1de;border-radius:8px}.rank-number{color:#8e9c7a;text-align:center;font-size:16px}#myRank{padding:8px 12px;background:#eaf0e1;border-radius:8px;color:#65824d;font-size:12px}#rankingNote{font-size:10px;color:#929f84}

.wallet{color:#665737;cursor:pointer}.wallet-plus{font-size:13px;color:#ac945d}.payment-rate{padding:18px;background:#e7efde;border-radius:12px;color:#527d43;text-align:center;font-size:17px;font-weight:700}.payment-status{display:inline-block;padding:4px 8px;border-radius:7px;background:#e5eddb;color:#638448;font-size:11px}.payment-order{border-bottom:1px solid #e2e9d8;padding:14px 0}.payment-order p{margin:6px 0;overflow-wrap:anywhere}.payment-order small{font-size:9px;color:#99a58e;display:block;overflow-wrap:anywhere}.payment-order button{font-size:11px;margin-top:8px}

.admin-link{display:block;text-align:center;padding:13px;background:#e5edda;color:#4c6c3d;border-radius:9px;font-size:12px;text-decoration:none;margin-top:15px}

.assist-entry{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;text-align:left;background:linear-gradient(120deg,#9b4037,#ca6b4e);padding:13px 16px;flex-shrink:0;color:#fff5df;border:1px solid #e2af82}.assist-entry>span{grid-row:1/3;align-self:center;font-size:11px;border:1px solid #fbd6a180;border-radius:8px;padding:9px}.assist-entry strong{font-size:13px}.assist-entry small{font-size:9px;font-weight:400;opacity:.85}.assist-dialog{text-align:center}.assist-prize{background:linear-gradient(145deg,#a33c35,#d97a53);border:1px solid #edbe80;border-radius:22px;margin:0 auto 16px;max-width:220px;padding:20px;color:#fff2c8;box-shadow:0 14px 28px #aa553320}.assist-prize span{display:block;font:600 64px Georgia,serif}.assist-prize small{font-size:12px;letter-spacing:3px}.assist-heading{font-size:18px}.assist-progress{height:12px;border-radius:9px;background:#e4e8d8;overflow:hidden;margin:16px 0 8px}.assist-progress>div{height:100%;width:0;background:linear-gradient(90deg,#d7854d,#eabd65);transition:width .7s ease;border-radius:9px}.assist-rules{text-align:left;margin-top:20px;border-top:1px solid #dedfce;padding-top:15px}.assist-rules summary{cursor:pointer;font-size:13px;color:#56704c;padding:8px 0}.assist-rules strong{font-size:12px}.assist-member{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e0e6d7;padding:11px 0;font-size:11px}.assist-member span{color:#7b8d70;font-size:10px}@media(max-height:740px){.social-panel .invite-banner{padding:9px}.social-panel .invite-banner p{display:none}.assist-entry{padding:9px}.social-panel .social-tools button{padding:6px 4px}}@media(prefers-reduced-motion:reduce){.assist-progress>div{transition:none}}
