:root{--ink: #261c12;--ink-soft: #5a4630;--cream: #f3e6c4;--panel: #efe0b5;--wood: #8a5a32;--wood-dark: #5c371c;--leaf: #3c7340;--leaf-deep: #2b552f;--coin: #e2b14a;--danger: #9a3220;--shadow: 0 10px 28px rgb(40 24 10 / .28);color:var(--ink);font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,Source Han Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app,#game-root{margin:0;width:100%;height:100%;overflow:hidden;background:#4e8640}#game-root canvas{display:block}#hud-root{position:fixed;inset:0;z-index:4;pointer-events:none}#hud-root .hit{pointer-events:auto}.topbar{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 10px 8px 16px;background:linear-gradient(#f6e7c2,#e7d09a);border:3px solid var(--wood-dark);border-radius:18px;box-shadow:var(--shadow);min-width:640px}.brand{font-weight:800;letter-spacing:.08em;font-size:18px}.coins{display:flex;align-items:center;gap:8px;background:#fff8e4;border:2px solid #c99a3b;border-radius:999px;padding:6px 14px 6px 8px;font-weight:700;min-width:148px}.coins img,.icon-fallback{width:22px;height:22px;object-fit:contain}.icon-fallback{display:inline-block;border-radius:50%;background:var(--coin)}.topbar .spacer{flex:1}.ghost,.solid,.seed,.shop-row button,.ware-row button,.land-pick,.rich-btn,.speaker{font:inherit;cursor:pointer;border-radius:12px;border:2px solid var(--wood-dark)}.ghost,.solid{padding:8px 14px;font-weight:700}.ghost{background:#fff8e4;color:var(--ink)}.solid{background:var(--leaf);color:#f7ffe8;border-color:#1e3d20}.ghost:hover,.solid:hover,.seed:hover:not(.empty),.shop-row button:hover,.ware-row button:hover,.rich-btn:hover,.speaker:hover,.land-pick:hover:not(:disabled){transform:translateY(-1px)}.ghost:active,.solid:active,.seed:active{transform:translateY(1px) scale(.98)}.solid:disabled,.ghost:disabled,.shop-row button:disabled,.ware-row button:disabled,.land-pick:disabled{opacity:.45;cursor:not-allowed;transform:none}.seedbag{position:absolute;left:18px;top:96px;width:168px;padding:12px 10px;background:var(--panel);border:3px solid var(--wood-dark);border-radius:18px;box-shadow:var(--shadow);display:grid;gap:8px}.seedbag h2,.inspect h2,.modal h2{margin:0 0 4px;font-size:14px;letter-spacing:.12em}.seed{display:grid;grid-template-columns:36px 1fr;gap:6px;align-items:center;padding:6px;background:#fff8e4;text-align:left;position:relative}.seed.active{outline:3px solid var(--leaf);background:#e8f5c8}.seed.empty{filter:grayscale(1);opacity:.46;background:#ebe2c8}.seed.empty .qty{color:#8a7a62}.seed img{width:36px;height:36px;object-fit:contain}.seed>span{display:grid;gap:1px}.seed .name{font-size:13px;font-weight:700;white-space:nowrap}.seed .qty{display:block;font-size:11px;color:var(--ink-soft)}.inspect{position:absolute;right:18px;top:96px;width:280px;padding:14px;background:var(--panel);border:3px solid var(--wood-dark);border-radius:18px;box-shadow:var(--shadow);display:grid;gap:10px;z-index:6}.inspect .muted{color:var(--ink-soft);font-size:13px;line-height:1.5;margin:0}.inspect p{margin:0}.pop-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.pop-head h2{margin:0 0 4px}.inspect-close{padding:4px 10px;font-size:12px}.land-picks{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.land-pick{display:grid;justify-items:center;gap:3px;padding:6px 2px 5px;background:#fff8e4;font-size:11px;font-weight:700}.land-pick.current{outline:3px solid var(--leaf);background:#e8f5c8;opacity:1}.land-pick .cost{font-size:10px;font-weight:600;color:var(--ink-soft)}.land-chip{display:inline-flex;align-items:center;gap:8px;font-weight:800}.swatch{width:16px;height:16px;border-radius:4px;border:2px solid #2a2116}.swatch.waste{background:#8a8363}.swatch.loess{background:#d7a44d}.swatch.black{background:#3b2718}.swatch.red{background:#a63a22}.swatch.gold{background:#efc64a}.bar{height:10px;background:#d8c48e;border-radius:999px;overflow:hidden;border:1px solid #8a6a32}.bar>span{display:block;height:100%;background:var(--leaf)}.hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);background:#261c12c7;color:#f6ecd2;padding:8px 16px;border-radius:999px;font-size:13px;max-width:min(560px,calc(100vw - 420px));text-align:center}.toast{position:absolute;left:50%;top:86px;transform:translate(-50%);background:#fff4d6;border:2px solid var(--wood-dark);border-radius:12px;padding:8px 14px;font-weight:700;box-shadow:var(--shadow);opacity:0;transition:opacity .16s ease}.toast.show{opacity:1}.overlay{position:absolute;inset:0;background:#140e0873;display:grid;place-items:center;pointer-events:auto}.overlay[hidden],.toast[hidden]{display:none}.modal{width:min(720px,calc(100vw - 80px));max-height:calc(100vh - 80px);overflow:auto;background:var(--cream);border:4px solid var(--wood-dark);border-radius:22px;box-shadow:var(--shadow);padding:20px 22px 18px}.modal header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.shop-row,.ware-row{display:grid;grid-template-columns:48px 1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #d9c58d}.shop-row img,.ware-row img{width:48px;height:48px;object-fit:contain}.shop-row .meta,.ware-row .meta{display:grid;gap:2px}.shop-row button,.ware-row button{background:#fff8e4;padding:7px 10px;font-weight:700}.devbar{position:absolute;left:18px;bottom:16px;display:flex;gap:8px}.dock{position:absolute;right:18px;bottom:16px;display:flex;align-items:center;gap:8px}.rich-btn{background:linear-gradient(#f3c65a,#d89a22);color:#3a2508;border-color:#8a5a12;padding:8px 14px;font-weight:800}.speaker{width:44px;height:44px;padding:0;display:grid;place-items:center;background:#fff8e4}.speaker svg{width:22px;height:22px;fill:var(--ink)}.speaker.off{opacity:.72}.rich-modal .rich-presets{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 12px}.rich-custom{display:flex;gap:8px}.rich-custom input{flex:1;font:inherit;padding:8px 12px;border:2px solid var(--wood-dark);border-radius:12px;background:#fff8e4}.corrupt{text-align:center;display:grid;gap:12px}.corrupt p{margin:0;color:var(--ink-soft)}