*{box-sizing:border-box}:root{--panel:#f7edd6;--panel-edge:#c9a468;--wood:#6b4a2e;--wood-deep:#533922;--ink:#4a3222;--ink-soft:#8d7154;--gold:#ffc93c;--gold-ink:#4a3200;--row:#fffaf0;--row-edge:#6b4a2e2e;--danger:#d95f4c}html,body{color:#fff;background:#1a1a1a;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#app{width:100vw;height:100dvh;position:relative}canvas{touch-action:none;display:block}#hud{pointer-events:none;position:absolute;inset:0}.hud-top{justify-content:space-between;gap:12px;display:flex;position:absolute;top:16px;left:16px;right:16px}.hud-pill{color:#f3e6c8;letter-spacing:.02em;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#3e2a18e0;border:1px solid #ffe2a02e;border-radius:999px;padding:9px 17px;font-size:16px;font-weight:700;box-shadow:inset 0 -2px #00000038,0 2px 8px #0003}.hud-money{color:var(--gold)}.hud-price{color:#f3e6c8}.tb-btn.is-ready{color:var(--gold-ink);background:var(--gold);border-color:#0000;box-shadow:0 0 0 2px #ffc93c73}.hud-price.is-up,.hud-mood.is-up{color:#9fe08a}.hud-price.is-down,.hud-mood.is-down{color:#ff9b82}.hud-bottom{align-items:center;gap:12px;display:flex;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}.hud-carry{align-items:center;gap:10px;display:flex;position:absolute;bottom:94px;left:50%;transform:translate(-50%)}.carry-bar{background:#0000008c;border-radius:999px;width:190px;height:14px;overflow:hidden}.carry-fill{background:linear-gradient(90deg,#e8c455,#f0a81e);border-radius:999px;width:0%;height:100%;transition:width .12s linear}.carry-fill.is-full{background:linear-gradient(90deg,#ff9b3d,#ff6a3d)}.carry-label{color:#fff;text-shadow:0 1px 3px #000000b3;min-width:68px;font-size:14px;font-weight:700}.shop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#0009;border-radius:16px;flex-direction:column;gap:8px;width:210px;padding:12px;display:flex;position:absolute;top:74px;right:16px}.shop-title{letter-spacing:.08em;text-transform:uppercase;color:#ffffffa6;font-size:13px;font-weight:700}.shop-item{text-align:left;border:1px solid var(--row-edge);cursor:pointer;font:inherit;color:var(--ink);background:var(--row);border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;padding:10px 12px;transition:background .12s,transform 80ms;display:grid;box-shadow:inset 0 -2px #6b4a2e1a}.shop-name{font-size:14px;font-weight:800}.shop-cost{color:var(--gold-ink);background:var(--gold);white-space:nowrap;border-radius:999px;justify-self:end;padding:3px 9px;font-size:12px;font-weight:800}.shop-desc{color:var(--ink-soft);grid-column:1/-1;font-size:12px;line-height:1.35}.crew-status{color:var(--ink-soft);margin-top:2px;font-size:11px;font-weight:600;display:block}.crew-readonly{cursor:default}.crew-readonly:hover{background:var(--row)}.crew-readonly .crew-status{color:#a3611d}.shop-item:hover:not(:disabled){background:#fff3d9}.shop-item:active:not(:disabled){transform:scale(.985)}.shop-item:disabled{cursor:default;box-shadow:none;background:#fffaf080}.shop-item:disabled .shop-name,.shop-item:disabled .shop-desc{color:#4a322266}.shop-item:disabled .shop-cost{color:var(--ink-soft);background:#6b4a2e26}.shop-doze .shop-cost{background:var(--danger);color:#fff}.shop-doze:hover:not(:disabled){background:#ffe3da}.shop-sep{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);margin:8px 14px 2px;font-size:11px;font-weight:800}.shop-land{color:#fff;background:#ffffff14;border-radius:11px;grid-template-columns:1fr auto;align-items:baseline;gap:2px 8px;padding:9px 12px;display:grid}.shop-land .shop-name{font-size:14px;font-weight:700}.shop-land .shop-cost{color:#ffd24c;font-size:13px;font-weight:800}.shop-land.is-poor .shop-cost{color:#ff8a70}.shop-land .shop-desc{opacity:.75;grid-column:1/-1;font-size:12px}.crop-row{grid-column:1/-1;gap:6px;display:flex}.crop-row button{cursor:pointer;font:inherit;color:#2a1e05;background:#ffd24c;border:0;border-radius:8px;flex:1;padding:6px 4px;font-size:12px;font-weight:700}.crop-row button:hover:not(:disabled){filter:brightness(1.07)}.crop-row button.gate-on{color:#f6f2e6;background:#7a5433;box-shadow:inset 0 0 0 2px #ffd24c}.crop-row button:disabled{cursor:default;color:#4a322273;background:#6b4a2e24}.workshop-panel{overscroll-behavior:contain;opacity:0;pointer-events:none;max-height:calc(100vh - 110px);transition:opacity .18s,transform .18s;overflow-y:auto;transform:translate(14px)}.workshop-panel.is-open{opacity:1;pointer-events:auto;transform:none}.hud-hint{color:#ffffffd9;text-shadow:0 1px 3px #000000b3;font-size:14px}.label-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.world-label{text-align:center;background:#1c160ad1;border-radius:10px;min-width:118px;padding:7px 10px 8px;line-height:1.25;position:absolute;transform:translate(-50%,-100%)}.wl-title{color:#fff;font-size:13px;font-weight:800}.wl-desc{color:#ffffffbf;font-size:11px}.wl-cost{color:#ffd24c;margin-top:2px;font-size:13px;font-weight:800}.wl-bar{background:#ffffff2e;border-radius:999px;height:4px;margin-top:5px;overflow:hidden}.wl-bar i{background:#ffd24c;width:0%;height:100%;display:block}.world-label.is-poor .wl-cost{color:#ff8a70}.world-label.is-maxed{opacity:.55}.world-label.is-maxed .wl-cost{color:#fff9}.world-label.is-tag{border-radius:999px;min-width:0;padding:4px 10px}.world-label.is-tag .wl-title{white-space:nowrap;font-size:12px}.field-card{z-index:5;background:var(--panel);border:2px solid var(--panel-edge);width:248px;color:var(--ink);pointer-events:auto;border-radius:16px;position:absolute;overflow:hidden;box-shadow:0 12px 32px #2b1a0c66}.fc-head{background:linear-gradient(var(--wood), var(--wood-deep));cursor:grab;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:9px 8px 9px 13px;display:flex}.fc-head:active{cursor:grabbing}.fc-head-title{color:#f7edd6;letter-spacing:.05em;text-transform:uppercase;font-size:14px;font-weight:800}.fc-close{cursor:pointer;font:inherit;color:#f7edd6;background:#ffffff29;border:0;border-radius:7px;padding:5px 8px;font-size:12px;line-height:1}.fc-close:hover{background:#ffffff4d}.field-card>.fc-desc,.field-card>.crop-row{margin-left:12px;margin-right:12px}.field-card .crop-row{margin-bottom:9px}.fc-desc{color:var(--ink-soft);margin:8px 12px;font-size:12px}.fc-desc b{color:#a3611d}.help-card .fc-desc{line-height:1.7}.dock{overscroll-behavior:contain;width:min(430px,100vw - 12px);max-height:min(64vh,560px);overflow-y:auto;transform:translate(-50%);top:auto!important;left:50%!important;bottom:calc(66px + env(safe-area-inset-bottom,0px))!important}.dock .fc-head{z-index:2;cursor:default;position:sticky;top:0}.dock,.field-card{scrollbar-width:thin;scrollbar-color:#6b4a2e59 transparent}.dock::-webkit-scrollbar{width:8px}.field-card::-webkit-scrollbar{width:8px}.dock::-webkit-scrollbar-track{background:0 0}.field-card::-webkit-scrollbar-track{background:0 0}.dock::-webkit-scrollbar-thumb{background:#6b4a2e59 padding-box content-box;border:2px solid #0000;border-radius:999px}.field-card::-webkit-scrollbar-thumb{background:#6b4a2e59 padding-box content-box;border:2px solid #0000;border-radius:999px}.dock .shop-item{width:calc(100% - 20px);margin:3px 10px}.dock .shop-item:first-of-type{margin-top:8px}.dock .shop-item:last-of-type{margin-bottom:10px}.dock-tabs{z-index:2;background:var(--panel);gap:6px;padding:8px 10px 6px;display:flex;position:sticky;top:36px;box-shadow:0 4px 8px -6px #2b1a0c80}.dock-tab{border:1px solid var(--row-edge);cursor:pointer;font:inherit;color:var(--ink-soft);background:var(--row);border-radius:999px;flex:1;padding:7px 4px;font-size:12px;font-weight:800}.dock-tab.is-on{background:var(--gold);color:var(--gold-ink);border-color:#0000}.tile-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 10px;display:grid}.tile{border:1px solid var(--row-edge);cursor:pointer;font:inherit;color:var(--ink);background:var(--row);border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;transition:background .12s,transform 80ms;display:flex;box-shadow:inset 0 -3px #6b4a2e1f}.tile img{pointer-events:none;width:62px;height:62px}.tile-name{font-size:12.5px;font-weight:800}.tile-cost{color:var(--gold-ink);background:var(--gold);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.tile:hover:not(:disabled){background:#fff3d9;transform:translateY(-1px)}.tile:active:not(:disabled){transform:scale(.97)}.tile:disabled{cursor:default;opacity:.55}.tile:disabled .tile-cost{color:var(--ink-soft);background:#6b4a2e26}.field-card .crop-row button[data-fc=cancel]{flex:none}.field-card .crop-row .fc-danger{color:#fff;background:#e06a5a}.field-card .crop-row .fc-danger:hover:not(:disabled){filter:brightness(1.08)}body.is-surveying canvas{cursor:crosshair}.hud-toolbar{pointer-events:auto;gap:8px;max-width:calc(100vw - 16px);display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.tb-btn{cursor:pointer;font:inherit;color:#f3e6c8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#6b4a2ef0,#533922f0);border:1px solid #ffe2a029;border-radius:999px;padding:11px 17px;font-size:14px;font-weight:800;transition:filter .12s,transform 80ms;box-shadow:inset 0 -3px #00000040,0 2px 8px #00000040}.tb-btn:hover{filter:brightness(1.12)}.tb-btn:active{transform:scale(.96)}.tb-btn.is-active{background:var(--gold);color:var(--gold-ink);border-color:#0000;box-shadow:inset 0 -3px #00000026,0 2px 8px #00000040}.tb-help{padding:10px 14px}.tb-build{order:1}.tb-crew{order:2}.tb-orders{order:3}.tb-farm{order:4}.tb-upgrades{order:5}.tb-progress{order:6}.tb-help{order:7}.tb-menu{order:8}.tb-dev{order:9}.minimap{z-index:4;background:var(--panel);border:2px solid var(--panel-edge);pointer-events:auto;border-radius:14px;padding:5px;line-height:0;position:absolute;top:70px;right:16px;box-shadow:0 8px 22px #2b1a0c59}.minimap canvas{cursor:pointer;border-radius:9px}.minimap-toggle{display:none}@media (width<=700px),(pointer:coarse){.minimap{display:none}.minimap.is-open{top:auto;bottom:calc(120px + env(safe-area-inset-bottom,0px));display:block;left:8px;right:auto}.minimap-toggle{z-index:4;cursor:pointer;font:inherit;color:#f3e6c8;pointer-events:auto;background:#3e2a18e0;border:1px solid #ffe2a029;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:800;display:block;position:absolute;top:70px;right:12px}.minimap-toggle.is-active{background:var(--gold);color:var(--gold-ink)}}.survey-banner{color:#fff;pointer-events:auto;z-index:6;background:#1c160aeb;border-radius:999px;align-items:center;gap:12px;padding:9px 16px;font-size:14px;font-weight:600;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}.survey-banner button{cursor:pointer;font:inherit;color:#2a1e05;background:#ffd24c;border:0;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}.dev-field{color:var(--ink-soft);flex-direction:column;flex:1;gap:3px;font-size:11px;display:flex}.dev-field input{border:1px solid var(--row-edge);width:100%;font:inherit;background:var(--row);color:var(--ink);border-radius:7px;padding:5px 7px;font-size:12px}.hud-price{gap:10px;display:flex}.price-chip{align-items:center;gap:4px;font-weight:700;display:inline-flex}.crop-ico{vertical-align:-5px;image-rendering:auto;width:20px;height:20px}.crop-row button.is-sown{box-shadow:inset 0 0 0 2px var(--gold);opacity:1;background:#6b4a2e24}.chip-wheat{color:#ffd24c}.chip-corn{color:#ffb066}.chip-carrot{color:#ffa38f}.popup-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.popup{white-space:nowrap;color:#eafbe0;text-shadow:0 2px 4px #0000008c;font-size:20px;font-weight:800;animation:1.1s ease-out forwards popup-rise;position:absolute;transform:translate(-50%,-50%)}.popup-money{color:#ffd24c;font-size:24px}@keyframes popup-rise{0%{opacity:0;transform:translate(-50%,-30%)scale(.85)}18%{opacity:1;transform:translate(-50%,-55%)scale(1.06)}to{opacity:0;transform:translate(-50%,-190%)scale(1)}}.menu-overlay{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c12068c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.menu-panel{background:#1c160af5;border:1px solid #ffffff17;border-radius:18px;flex-direction:column;gap:10px;width:min(420px,100vw - 40px);max-height:calc(100vh - 60px);padding:26px 22px 20px;display:flex;overflow-y:auto;box-shadow:0 18px 60px #00000073}.menu-title{text-align:center;color:#ffd24c;letter-spacing:.5px;margin:0;font-size:34px}.menu-logo{filter:drop-shadow(0 6px 18px #00000059);width:min(300px,74vw);margin:0 auto 2px;display:block}.menu-sub{text-align:center;color:#fff9;margin-bottom:10px;font-size:13px}.menu-btn{color:#fff;cursor:pointer;font:inherit;text-align:left;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;display:flex}.menu-btn:hover{background:#ffffff1f}.menu-btn-label{font-size:16px;font-weight:700}.menu-btn-sub{color:#fff9;font-size:12px}.menu-btn.menu-danger{border-color:#e06a5a80}.menu-btn.menu-danger .menu-btn-label{color:#ff9b82}.menu-slot{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.menu-slot-meta{color:#ffffffd1;font-size:13px}.menu-slot-meta b{color:#ffd24c}.menu-slot-actions{gap:8px;display:flex}.menu-slot-actions button{color:#fff;font:inherit;cursor:pointer;background:#ffffff1f;border:none;border-radius:9px;flex:1;padding:7px 0;font-size:13px;font-weight:600}.menu-slot-actions button:hover:not(:disabled){background:#fff3}.menu-slot-actions button:disabled{opacity:.35;cursor:default}.menu-slot-actions button.menu-danger{background:#e06a5a59}.menu-input{color:#fff;font:inherit;background:#0000004d;border:1px solid #ffffff24;border-radius:12px;padding:12px 14px;font-size:15px}.menu-input::placeholder{color:#fff6}.menu-input:focus{outline:2px solid #ffd24c80}.menu-note{color:#ffd24c;text-align:center;padding:2px 0 4px;font-size:13px}.joystick{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;touch-action:none;z-index:20;background:#00000047;border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:116px;height:116px;display:flex;position:fixed;bottom:88px;right:18px}.joystick-knob{background:#ffffff8c;border-radius:50%;width:52px;height:52px;transition:transform 50ms linear;box-shadow:0 2px 8px #00000059}@media (width<=760px){.hud-top{flex-wrap:wrap;justify-content:flex-start;gap:6px;top:8px;left:8px;right:8px}.hud-pill{padding:6px 11px;font-size:12px}.hud-price{white-space:nowrap;scrollbar-width:none;order:9;width:100%;overflow-x:auto}.hud-price::-webkit-scrollbar{display:none}.hud-toolbar{max-width:none;left:8px;right:8px;bottom:calc(10px + env(safe-area-inset-bottom,0px));scrollbar-width:none;gap:6px;padding-bottom:2px;overflow-x:auto;transform:none}.hud-toolbar::-webkit-scrollbar{display:none}.tb-btn{flex:none;padding:9px 13px;font-size:13px}.hud-carry{bottom:calc(100px + env(safe-area-inset-bottom,0px))}.carry-bar{width:130px}.hud-bottom{bottom:calc(78px + env(safe-area-inset-bottom,0px));justify-content:center;width:calc(100vw - 16px);font-size:12px}.field-card{width:min(300px,100vw - 16px);max-height:62vh;overflow-y:auto}.dock{width:calc(100vw - 8px);max-height:56vh;bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}.menu-panel{gap:8px;padding:18px 14px 14px}.menu-title{font-size:26px}.joystick{right:12px;bottom:calc(118px + env(safe-area-inset-bottom,0px));width:104px;height:104px}.joystick-knob{width:46px;height:46px}}