:root{
  --ink:#273326;
  --muted:#6d765e;
  --cream:#fff8df;
  --paper:#fff3c8;
  --panel:rgba(255,248,220,.92);
  --green:#557d48;
  --green2:#84a95a;
  --soil:#8b5d35;
  --water:#5d9cb3;
  --gold:#b57928;
  --danger:#af5d45;
  --shadow:0 14px 40px rgba(45,55,31,.22);
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;font-family:"Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:#d8e8bc;overflow:hidden}
button{font:inherit;color:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.game-root{min-height:100dvh;min-height:100svh;height:100dvh;overflow:hidden;overscroll-behavior:none;background:linear-gradient(180deg,rgba(216,232,188,.75),rgba(160,196,139,.9)),url("assets/farm-scene.jpg") center/cover fixed;display:flex;flex-direction:column;padding:10px;padding-top:calc(10px + env(safe-area-inset-top));gap:10px}
.mobile-hud{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,249,223,.9);border:1px solid rgba(86,104,58,.24);box-shadow:var(--shadow);padding:8px 12px;backdrop-filter:blur(8px)}
.brand{display:flex;flex-direction:column;line-height:1.2}.brand strong{font-size:20px}.brand span,.hint,.scene-caption{font-size:12px;color:var(--muted)}
.stats{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.stats span{background:#f5e7b5;padding:7px 10px;border:1px solid rgba(86,104,58,.2)}
.small-btn,.primary-btn{background:linear-gradient(#77a957,#557d48);color:#fff;padding:10px 14px;box-shadow:0 4px 0 #3e6037;font-weight:700}.small-btn{padding:8px 10px}.primary-btn:active,.small-btn:active{transform:translateY(2px);box-shadow:0 2px 0 #3e6037}.wide{width:100%;margin-top:8px}
.main-layout{flex:1;min-height:0;display:grid;grid-template-columns:260px minmax(360px,1fr) 300px;gap:10px}.panel{background:var(--panel);border:1px solid rgba(86,104,58,.25);box-shadow:var(--shadow);min-height:0;overflow:hidden}.left-panel,.right-panel{display:flex;flex-direction:column;padding:10px;gap:10px}.farm-panel{padding:12px;display:flex;flex-direction:column;gap:10px}
.scene-card{background:#fbefc8;border:1px solid rgba(86,104,58,.22);overflow:hidden}.scene-card img{width:100%;display:block;aspect-ratio:1.18/1;object-fit:cover}.scene-caption{padding:8px}.notice{background:#fff8de;border-left:5px solid var(--green2);padding:10px;line-height:1.45;min-height:64px}.panel-inset{background:rgba(255,255,255,.35);border:1px solid rgba(86,104,58,.2);padding:10px}.quest h2,.right-panel h2{font-size:17px;margin:0 0 8px}.quest p{margin:0 0 8px;line-height:1.45}.quest-progress{height:10px;background:#ead9a5;overflow:hidden}.quest-progress::before{content:"";display:block;height:100%;width:var(--p,0%);background:linear-gradient(90deg,#79a84f,#dca344)}
.section-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.section-head h1{font-size:24px;margin:0}.section-head p{margin:4px 0 0;color:var(--muted);font-size:13px}
.field-grid{flex:1;min-height:260px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:8px;background:linear-gradient(135deg,rgba(102,127,63,.35),rgba(77,106,55,.18));padding:10px;touch-action:none;user-select:none}.plot{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:96px;border:2px solid rgba(52,75,40,.28);background:#9bbd63;box-shadow:inset 0 -12px 0 rgba(36,58,29,.12),0 5px 0 rgba(69,83,45,.2);overflow:hidden}.plot.selected{outline:4px solid #f8d36a}.plot.disabled{filter:grayscale(.2);opacity:.75}.plot .tile{position:absolute;inset:0;background-image:url("assets/field-tiles-clean.jpg");background-size:400% 400%;background-position:var(--x,0%) var(--y,0%);transform:scale(1.08)}.plot .drop{position:absolute;top:6px;right:8px;background:#dff5ff;color:#31778f;padding:2px 6px;font-size:12px;font-weight:700}.plot .days{position:absolute;bottom:4px;left:5px;background:rgba(255,248,220,.86);padding:2px 5px;font-size:11px}.plot .name{position:absolute;top:5px;left:5px;background:rgba(42,55,33,.72);color:#fff;padding:2px 5px;font-size:11px}
.toolbar{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.tool{min-height:64px;background:#fbefc8;border:2px solid rgba(86,104,58,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tool.active{border-color:#3f7138;background:#e7f1c3}.tool small{color:var(--gold);font-weight:700}.icon{width:30px;height:30px;background-image:url("assets/item-icons.jpg");background-size:400% 400%;display:block}.icon-seed{background-position:0% 0%}.icon-seed.tea{background-position:33.33% 0%}.icon-seed.wheat{background-position:66.66% 0%}.icon-water{background-position:33.33% 33.33%}.icon-hoe{background-position:0% 33.33%}.icon-basket{background-position:100% 66.66%}.icon-radish{background-position:33.33% 0%}.icon-tea{background-position:66.66% 0%}.icon-wheat{background-position:100% 0%}.icon-coin{background-position:33.33% 66.66%}.icon-flower{background-position:100% 33.33%}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tab{padding:10px 4px;background:#ead9a5;font-weight:700}.tab.active{background:#5d854d;color:#fff}.tab-page{display:none;min-height:0;overflow:auto;padding-top:10px}.tab-page.active{display:block}.inventory,.shop-list,.villagers{display:flex;flex-direction:column;gap:8px}.item-row,.shop-row,.villager{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;background:rgba(255,255,255,.38);border:1px solid rgba(86,104,58,.18);padding:8px}.shop-row button,.villager button{background:#f0d489;padding:8px 10px;font-weight:700;box-shadow:0 3px 0 #b98f3d}.portrait{width:50px;height:50px;background-image:url("assets/villagers.jpg");background-size:200% 200%;border:2px solid rgba(86,104,58,.2)}.p0{background-position:0% 0%}.p1{background-position:100% 0%}.p2{background-position:0% 100%}.p3{background-position:100% 100%}.villager{grid-template-columns:56px 1fr auto}.villager h3,.item-row b,.shop-row b{margin:0;font-size:14px}.villager p,.shop-row p,.item-row span{margin:3px 0 0;font-size:12px;color:var(--muted);line-height:1.35}
.journal{height:42px;background:rgba(45,55,31,.86);color:#fff;display:flex;align-items:center;padding:8px 12px;font-size:14px;box-shadow:var(--shadow);overflow:hidden}.modal{position:fixed;inset:0;background:rgba(30,40,25,.55);display:flex;align-items:center;justify-content:center;padding:18px;z-index:10}.modal.hidden{display:none}.modal-card{width:min(460px,96vw);background:#fff6d7;padding:20px;box-shadow:var(--shadow);border:1px solid rgba(86,104,58,.32)}.modal-card h2{margin:0 0 10px}.modal-card p{line-height:1.5}.earn{color:var(--gold);font-weight:800}.loss{color:var(--danger);font-weight:800}
@media (max-width:900px){
  html,body{overflow:auto}.game-root{height:auto;min-height:100dvh;overflow:visible;background-attachment:scroll}.topbar{height:auto;align-items:flex-start}.main-layout{grid-template-columns:1fr;grid-auto-rows:auto}.left-panel{display:grid;grid-template-columns:1fr 1fr}.scene-card img{aspect-ratio:16/9}.farm-panel{min-height:560px}.right-panel{min-height:420px}.toolbar{grid-template-columns:repeat(3,1fr)}.journal{position:sticky;bottom:0;height:auto;min-height:42px}.field-grid{min-height:360px}.plot{min-height:104px}
}
@media (max-width:520px){
  .game-root{padding:6px;padding-top:calc(6px + env(safe-area-inset-top));gap:6px}.topbar{display:grid;grid-template-columns:1fr auto}.stats{grid-column:1/3;justify-content:flex-start;font-size:13px}.brand strong{font-size:18px}.left-panel{display:flex}.section-head{align-items:stretch}.section-head .primary-btn{min-width:112px}.section-head h1{font-size:20px}.farm-panel{padding:8px;min-height:580px}.field-grid{gap:6px;padding:6px;min-height:330px}.plot{min-height:88px}.toolbar{grid-template-columns:repeat(2,1fr)}.tool{min-height:58px}.right-panel{min-height:430px}.scene-card{display:none}
}