:root{--sky-top: #7ec8ff;--sky-mid: #a8dcff;--field: #7bc95a;--field-deep: #5aaa3e;--wood: #f4e2b8;--wood-deep: #e8c88a;--wood-edge: #b8864a;--wood-dark: #8b5a2b;--ink: #5a3a1a;--ink-soft: #7a5a38;--leaf: #3cb85a;--leaf-deep: #2a9a45;--gold: #ffc94a;--gold-deep: #f0a020;--rose: #ff8a6a;--cream: #fff8e8;--font-display: "ZCOOL KuaiLe", "Ma Shan Zheng", cursive;--font-body: "Noto Sans SC", "PingFang SC", sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font-body);color:var(--ink);background:#5ec8ff}button,select{font:inherit}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden;background:transparent}.scene-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.scene-sky{position:absolute;top:0;right:0;bottom:42%;left:0;background:radial-gradient(ellipse 48% 38% at 78% 16%,rgba(255,255,255,.4),transparent 62%),linear-gradient(180deg,#4ab4ff,#7acfff 40%,#a8e4ff 75%,#c8f0d8)}.scene-grass{position:absolute;left:0;right:0;bottom:0;height:50%;overflow:hidden}.grass-base{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#b6e86a,#8fd24a 16%,#74c23a 42%,#62b032 72%,#549a2a)}.grass-tone{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 40% at 50% 8%,rgba(210,245,140,.55),transparent 70%),radial-gradient(ellipse 40% 50% at 12% 40%,rgba(170,230,100,.4),transparent 72%),radial-gradient(ellipse 36% 48% at 88% 32%,rgba(150,215,90,.32),transparent 70%),radial-gradient(ellipse 60% 55% at 50% 88%,rgba(55,130,40,.28),transparent 75%),radial-gradient(ellipse 28% 36% at 78% 68%,rgba(70,145,45,.2),transparent 70%)}.grass-texture{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:radial-gradient(circle at 18% 28%,rgba(255,255,255,.28) 0 1.1px,transparent 1.6px),radial-gradient(circle at 62% 52%,rgba(45,120,35,.2) 0 1px,transparent 1.5px),radial-gradient(circle at 38% 76%,rgba(255,255,220,.18) 0 1px,transparent 1.5px),radial-gradient(circle at 84% 38%,rgba(45,120,35,.18) 0 1px,transparent 1.5px),radial-gradient(circle at 50% 48%,rgba(90,160,50,.12) 0 1.2px,transparent 1.8px);background-size:16px 16px,20px 20px,14px 14px,22px 22px,28px 28px;background-position:0 0,7px 5px,3px 11px,11px 2px,5px 8px;animation:grassDrift 14s linear infinite}.grass-flowers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 14% 62%,#fff 0 1.5px,transparent 2px),radial-gradient(circle at 14.6% 62%,#ff8ec8 0 2.2px,transparent 2.6px),radial-gradient(circle at 72% 58%,#fff 0 1.3px,transparent 1.8px),radial-gradient(circle at 72.5% 58%,#ffd84a 0 2px,transparent 2.4px),radial-gradient(circle at 38% 78%,#fff 0 1.2px,transparent 1.7px),radial-gradient(circle at 38.5% 78%,#ff9a6a 0 1.9px,transparent 2.3px),radial-gradient(circle at 88% 72%,#fff 0 1.2px,transparent 1.7px),radial-gradient(circle at 88.5% 72%,#c8f06a 0 1.8px,transparent 2.2px),radial-gradient(circle at 26% 48%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 26.4% 48%,#ffa0d0 0 1.6px,transparent 2px);opacity:.85}.grass-path{position:absolute;left:50%;bottom:-8%;width:58%;height:28%;transform:translate(-50%);border-radius:50% 50% 0 0;background:radial-gradient(ellipse 70% 80% at 50% 70%,rgba(196,150,90,.55),transparent 72%),linear-gradient(180deg,#b4824626,#96693773);box-shadow:inset 0 8px 16px #ffdca026}.grass-edge{position:absolute;left:0;right:0;top:0;height:32%;background:linear-gradient(180deg,rgba(190,230,255,.35) 0%,rgba(180,230,130,.3) 40%,transparent 100%)}@keyframes grassDrift{0%{background-position:0 0,7px 5px,3px 11px,11px 2px,5px 8px}to{background-position:16px 0,27px 5px,17px 11px,33px 2px,33px 8px}}.scene-horizon{position:absolute;left:0;right:0;bottom:46%;height:18%;background:linear-gradient(180deg,transparent,rgba(190,235,140,.4) 45%,#9ad84e 100%)}.cloud{position:absolute;background:#fff;border-radius:50%;opacity:.92;filter:blur(.2px);animation:cloudDrift linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud-a{width:64px;height:64px;top:8%;left:-10%;animation-duration:48s;box-shadow:28px 8px 0 -4px #fff,54px 4px 0 -12px #fff,18px -10px 0 -8px #fff}.cloud-b{width:48px;height:48px;top:16%;left:-15%;animation-duration:62s;animation-delay:-18s;opacity:.85;box-shadow:22px 6px 0 -2px #fff,42px 2px 0 -10px #fff,14px -8px 0 -6px #fff}.cloud-c{width:72px;height:72px;top:5%;left:-12%;animation-duration:55s;animation-delay:-30s;box-shadow:32px 10px 0 -6px #fff,60px 6px 0 -14px #fff,20px -12px 0 -10px #fff}.cloud-d{width:40px;height:40px;top:22%;left:-8%;animation-duration:40s;animation-delay:-8s;opacity:.8;box-shadow:18px 5px 0 -2px #fff,34px 2px 0 -8px #fff}@keyframes cloudDrift{0%{transform:translate(0)}to{transform:translate(130vw)}}.topbar,.hero,.layout,.footer-note{position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem clamp(.8rem,3vw,1.4rem);position:sticky;top:0;z-index:30;background:linear-gradient(180deg,#fff8dce0,#f4e2b8d1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:4px solid var(--wood-edge);box-shadow:0 6px #8b5a2b26,0 10px 24px #5032141f}.brand{display:flex;flex-direction:column;gap:.1rem}.brand h1{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,3.5vw,2.5rem);letter-spacing:.06em;color:#ff7a2a;text-shadow:2px 2px 0 #fff6d0,3px 3px 0 #c45a12,0 0 12px rgba(255,200,80,.45)}.brand p{margin:0;font-size:clamp(.72rem,2vw,.88rem);color:var(--ink-soft);font-weight:600}.wallet-btn{border:3px solid #d97820;background:linear-gradient(180deg,#ffe08a,#ffb84a 45%,#f09828);color:#6a3a08;padding:.55rem 1.1rem;border-radius:999px;cursor:pointer;font-weight:800;box-shadow:inset 0 2px #ffffffa6,0 4px #c46a18,0 8px 16px #b45a1440;white-space:nowrap;transition:transform .12s ease}.wallet-btn:hover{transform:translateY(-1px)}.wallet-btn:active{transform:translateY(2px);box-shadow:inset 0 2px #fff6,0 2px #c46a18}.wallet-box{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.wallet-btn.warn{background:linear-gradient(180deg,#ffd0c0,#ff8a5c);border-color:#d45a2a;box-shadow:inset 0 2px #ffffff73,0 4px #c45a2a,0 8px 16px #b43c1433}.chain-banner{margin:0;padding:.55rem clamp(.8rem,3vw,1.4rem);background:#fff3cd;color:#7a4e00;border-bottom:2px solid #e0c06a;font-size:.92rem;position:relative;z-index:20}.hero{text-align:center;padding:1rem 1rem .4rem;position:relative;z-index:1}.hero-signboard{position:relative;display:inline-flex;align-items:center;justify-content:center;width:min(420px,92vw);margin:0 auto}.hero-sign-img{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 12px rgba(80,50,20,.25));-webkit-user-select:none;user-select:none;pointer-events:none}.hero-sign-text{position:absolute;top:18%;right:12%;bottom:28%;left:12%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.hero-signboard h2{margin:0;font-family:var(--font-display);font-size:clamp(1.15rem,2.4vw,1.65rem);font-weight:400;color:#c44a18;text-shadow:1px 1px 0 #fff6d0}.hero-signboard p{margin:.25rem 0 0;color:var(--ink-soft);font-size:clamp(.72rem,1.8vw,.88rem);font-weight:700}.layout{display:grid;grid-template-columns:1.35fr minmax(270px,330px);gap:1rem;padding:.6rem clamp(.6rem,2vw,1.1rem) 2rem;max-width:1480px;margin:0 auto;width:100%;position:relative;z-index:1}@media(max-width:980px){.layout{grid-template-columns:1fr}}.farm-stage{position:relative;border-radius:28px;padding:clamp(.7rem,2vw,1.1rem) clamp(.7rem,2vw,1.1rem) 1.2rem;background:linear-gradient(180deg,rgba(120,200,255,.35) 0%,transparent 28%),linear-gradient(180deg,#9ad84e,#72c038 45%,#58a830);border:7px solid #c9a05a;box-shadow:inset 0 0 0 4px #efe0b8,inset 0 18px 40px #ffffff26,0 10px #8b6a32,0 18px 36px #3c280a38;min-height:min(88vh,960px);overflow:hidden}.farm-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/farm/flowers.png) 4% 92% / 48px no-repeat,url(/farm/fence.png) 50% 96% / 120px no-repeat;opacity:.95;pointer-events:none;z-index:1}.zone-tabs{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-bottom:.35rem;position:relative;z-index:2}.zone-tab{border:3px solid #b87a30;background:linear-gradient(180deg,#fff3c8,#efd08a);color:var(--ink);border-radius:999px;padding:.38rem .95rem;cursor:pointer;font-weight:800;box-shadow:inset 0 1px #fff,0 3px #9a6220}.zone-tab.active{background:linear-gradient(180deg,#7be06a,#3cb84a);border-color:#2a8a35;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);box-shadow:inset 0 1px #ffffff73,0 3px #1f7a2a}.zone-meta{text-align:center;color:#fff;font-size:.88rem;font-weight:700;text-shadow:0 2px 0 rgba(40,90,30,.35);position:relative;z-index:2}.legend-row{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin:.45rem 0 .55rem;position:relative;z-index:2}.legend-chip{display:inline-flex;align-items:center;gap:.4rem;background:#fff8e6f2;color:var(--ink);border:2px solid #d4a85a;border-radius:999px;padding:.28rem .7rem;font-size:.78rem;font-weight:700;box-shadow:0 3px #8b5a2b33}.legend-chip img{width:28px;height:28px;object-fit:contain;image-rendering:auto}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.legend-dot.grass{background:#7ed24a}.legend-dot.tree{background:#6a4428}.legend-dot.fruit{background:#ffc94a}.farm-field{position:relative;width:100%;min-height:clamp(480px,68vh,760px);margin:.2rem auto 0;border-radius:22px;overflow:hidden;isolation:isolate;background:#7ec84a;box-shadow:inset 0 0 0 3px #fff3}.farm-field-scene{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(120,200,255,.25) 0%,transparent 32%),url(/farm/scene.png) center top / cover no-repeat;filter:saturate(1.05);z-index:0}.farm-field-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 50% 58%,rgba(120,200,70,.15),transparent 70%);pointer-events:none}.farm-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(2px,.6vw,8px);width:min(92%,720px);margin:clamp(4.5rem,12vh,7rem) auto 3.5rem;padding:.4rem}.plot-tile{position:relative;border:none;background:transparent;padding:0;cursor:pointer;aspect-ratio:1.2 / 1;transition:transform .18s cubic-bezier(.22,1,.36,1),filter .18s ease;outline:none;animation:tileIn .45s ease both}.plot-tile:focus-visible{outline:3px solid rgba(255,220,80,.9);outline-offset:2px;border-radius:12px}.plot-tile:hover{transform:translateY(-8px) scale(1.06);z-index:5;filter:brightness(1.06) saturate(1.08)}.plot-tile.can-claim{animation:claimGlow 1.8s ease-in-out infinite}.plot-tile.is-mine:not(.can-claim) .plot-sprite{filter:drop-shadow(0 0 8px rgba(255,210,80,.55))}.plot-tile.is-selected{transform:translateY(-6px) scale(1.05);z-index:6}.plot-tile.is-selected .plot-sprite{filter:drop-shadow(0 0 10px rgba(120,220,160,.85))}.plot-tile.is-selected .plot-id{color:#fff8c8;font-weight:800}@keyframes tileIn{0%{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:none}}@keyframes claimGlow{0%,to{filter:drop-shadow(0 0 2px rgba(255,180,40,.25))}50%{filter:drop-shadow(0 0 14px rgba(255,200,40,.95))}}.plot-sprite{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;filter:drop-shadow(0 4px 3px rgba(40,70,20,.22));-webkit-user-select:none;user-select:none}.plot-id{position:absolute;left:50%;bottom:2%;transform:translate(-50%);font-size:clamp(.55rem,1.3vw,.68rem);font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.65);pointer-events:none;z-index:2}.claim-pulse{position:absolute;top:-2%;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#ffe7a0,#ffb03a);color:#6a3a08;font-size:.62rem;font-weight:800;padding:.12rem .48rem;border-radius:999px;border:2px solid #e09020;white-space:nowrap;box-shadow:0 3px #c47818;pointer-events:none;z-index:3}.farm-deco{position:absolute;z-index:3;pointer-events:none;filter:drop-shadow(0 4px 4px rgba(40,60,20,.25));-webkit-user-select:none;user-select:none}.farm-deco--hay{width:clamp(64px,10vw,96px);left:23%;bottom:4%}.farm-deco--basket{width:clamp(48px,8vw,72px);right:14%;bottom:6%}.farm-deco--can{display:none!important}.farm-deco--bucket{width:clamp(40px,6vw,56px);left:14%;bottom:3%}.farm-deco--stump{width:clamp(40px,6vw,54px);left:6%;top:38%}.farm-deco--bush{width:clamp(48px,7vw,64px);right:5%;top:36%}.metrics-card{position:absolute;right:.9rem;bottom:.9rem;z-index:4;background:linear-gradient(180deg,#fff4d0,#efd6a0);border:4px solid #c48a3a;border-radius:16px;padding:.7rem .9rem;min-width:min(190px,44vw);color:var(--ink);box-shadow:inset 0 2px #fff,0 5px #9a6a28,0 10px 18px #50320a33}.metrics-card .row{display:flex;align-items:center;gap:.4rem;font-size:.84rem;font-weight:700;padding:.18rem 0}.side-panel{display:flex;flex-direction:column;gap:.85rem}.panel{background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 30%),linear-gradient(180deg,var(--wood) 0%,var(--wood-deep) 100%);border:5px solid var(--wood-edge);border-radius:20px;padding:.95rem 1rem 1.05rem;color:var(--ink);box-shadow:inset 0 0 0 3px #f8ecd0,inset 0 2px #ffffffb3,0 6px #8b5a2b,0 12px 22px #5032142e;position:relative}.panel:before{content:"";position:absolute;top:8px;left:10px;right:10px;height:6px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);pointer-events:none}.panel h3{margin:0 0 .7rem;font-family:var(--font-display);font-size:1.2rem;font-weight:400;color:#c44a18;text-align:center;text-shadow:1px 1px 0 #fff6d0;background:linear-gradient(180deg,#ffe9a8,#f0c56a);border:3px solid #c48a2a;border-radius:999px;padding:.28rem .6rem;box-shadow:inset 0 1px #fff,0 3px #a06a18}.stat-row{display:flex;justify-content:space-between;gap:.75rem;padding:.42rem .15rem;border-bottom:1px dashed rgba(139,90,43,.28);font-size:.9rem;font-weight:600}.stat-row:last-child{border-bottom:none}.stat-row span:last-child{color:var(--leaf-deep);font-variant-numeric:tabular-nums;font-weight:800}.list-scroll{max-height:220px;overflow:auto;margin-top:.2rem;padding-right:.15rem}.list-row{display:grid;grid-template-columns:52px 1fr auto;gap:.4rem;align-items:center;padding:.4rem .25rem;border-bottom:1px solid rgba(184,130,60,.22);font-size:.82rem;font-weight:600}.list-row:last-child{border-bottom:none}.list-row .tag{color:#d45a18;font-weight:800}.round-switch{display:flex;align-items:center;gap:.45rem;margin-bottom:.5rem}.round-switch button{border:2px solid #b87a30;background:linear-gradient(180deg,#fff3c8,#efd08a);color:var(--ink);border-radius:10px;padding:.28rem .55rem;cursor:pointer;font-weight:800;box-shadow:0 2px #9a6220}.round-switch select{flex:1;background:#fff8e8;color:var(--ink);border:2px solid #c48a3a;border-radius:10px;padding:.35rem .45rem;font-weight:700}.cta{width:100%;margin-top:.75rem;border:3px solid #d97820;border-radius:999px;padding:.78rem 1rem;background:linear-gradient(180deg,#ffe08a,#ffb84a,#f09828);color:#6a3a08;font-weight:900;cursor:pointer;box-shadow:inset 0 2px #ffffffa6,0 4px #c46a18}.cta:disabled{opacity:.5;cursor:not-allowed}.cta.cta-secondary{margin-top:.5rem;background:transparent;border:1px solid rgba(255,255,255,.35);color:#f5f0e6}.cta.claim{border-color:#2a9a40;background:linear-gradient(180deg,#9aef7a,#4ecf58,#2faa40);color:#145220;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:inset 0 2px #ffffff80,0 4px #1f8a30}.hint{margin:.55rem 0 0;font-size:.78rem;color:var(--ink-soft);line-height:1.45;font-weight:600}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#28461e73;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(420px,100%);background:linear-gradient(180deg,#fff6d8,#efd6a0);border:6px solid #c48a3a;border-radius:24px;padding:1.2rem;color:var(--ink);box-shadow:inset 0 0 0 3px #f8ecd0,0 8px #8b5a2b,0 22px 50px #281e0a59}.modal h3{margin:0 0 .55rem;font-family:var(--font-display);color:#c44a18;text-shadow:1px 1px 0 #fff6d0;font-size:1.35rem}.modal .close{float:right;width:32px;height:32px;border-radius:50%;background:linear-gradient(180deg,#ff9a7a,#e85a4a);border:2px solid #c43a2a;color:#fff;font-size:1.1rem;font-weight:800;cursor:pointer;box-shadow:0 3px #a03020}.footer-note{text-align:center;padding:0 1rem 1.6rem;color:#fffdf0;font-size:.85rem;font-weight:700;text-shadow:0 2px 0 rgba(40,90,30,.4);position:relative;z-index:1}.empty-tip{color:var(--ink-soft);font-size:.82rem;padding:.45rem 0;font-weight:600;text-align:center}.list-pager{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-top:.55rem;font-size:.78rem;color:var(--ink-soft);font-weight:700}.list-pager button{border:2px solid #b87a30;background:linear-gradient(180deg,#fff3c8,#efd08a);color:var(--ink);border-radius:999px;padding:.28rem .65rem;cursor:pointer;font-weight:800;box-shadow:0 2px #9a6220}.list-pager button:disabled{opacity:.45;cursor:not-allowed}.hero-signboard{margin-top:160px}@media(max-width:720px){.farm-stage{min-height:640px}.farm-grid{width:94%;margin-top:10.2rem;margin-bottom:4.5rem;gap:2px}.farm-deco--stump,.farm-deco--bush,.farm-deco--can{display:none}.metrics-card{font-size:.75rem;padding:.5rem .6rem}.cloud-c,.cloud-d{display:none}.scene-grass{height:50%}.hero-sign-text{top:16%;right:10%;bottom:30%;left:10%}}