*{box-sizing:border-box}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:#fff;letter-spacing:.02em;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;border-radius:999px;padding:10px 18px;font-size:16px;font-weight:600}.hud-money{color:#ffd24c}.hud-price{color:#cfe3f5}.tb-btn.is-ready{color:#2a1e05;background:#ffd24c;box-shadow:0 0 0 2px #ffd24c73}.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:20px;left:50%;transform:translate(-50%)}.hud-carry{align-items:center;gap:10px;display:flex;position:absolute;bottom:56px;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;cursor:pointer;font:inherit;color:#fff;background:#ffffff0f;border:0;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;padding:10px 12px;transition:background .12s,transform 80ms;display:grid}.shop-name{font-size:14px;font-weight:700}.shop-cost{color:#2a1e05;white-space:nowrap;background:#ffd24c;border-radius:999px;justify-self:end;padding:3px 9px;font-size:12px;font-weight:800}.shop-desc{color:#ffffff9e;grid-column:1/-1;font-size:12px;line-height:1.35}.crew-status{color:#ffffff8c;margin-top:2px;font-size:11px;font-weight:600;display:block}.crew-readonly{cursor:default}.crew-readonly:hover{background:#ffffff0f}.crew-readonly .crew-status{color:#ffd24cbf}.shop-item:hover:not(:disabled){background:#ffffff24}.shop-item:active:not(:disabled){transform:scale(.985)}.shop-item:disabled{cursor:default;background:#ffffff08}.shop-item:disabled .shop-name,.shop-item:disabled .shop-desc{color:#ffffff59}.shop-item:disabled .shop-cost{color:#ffffff73;background:#ffffff1a}.shop-doze .shop-cost{color:#fff;background:#e06a5a}.shop-doze:hover:not(:disabled){background:#e06a5a2e}.shop-sep{letter-spacing:.09em;text-transform:uppercase;color:#ffffff73;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:#ffffff80;background:#ffffff1f}.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;pointer-events:auto;background:#1c160af0;border:1px solid #ffffff17;border-radius:14px;width:248px;position:absolute;overflow:hidden;box-shadow:0 10px 28px #0006}.build-card{width:272px}.build-card .shop-item{width:calc(100% - 16px);margin:3px 8px}.build-card .shop-item:first-of-type{margin-top:8px}.build-card .shop-item:last-of-type{margin-bottom:10px}.fc-head{cursor:grab;-webkit-user-select:none;user-select:none;background:#ffffff14;justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex}.fc-head:active{cursor:grabbing}.fc-head-title{color:#fff;font-size:14px;font-weight:800}.fc-close{cursor:pointer;font:inherit;color:#fffc;background:#ffffff1f;border:0;border-radius:7px;padding:5px 8px;font-size:12px;line-height:1}.fc-close:hover{background:#ffffff3d}.field-card>.fc-desc,.field-card>.crop-row{margin-left:12px;margin-right:12px}.field-card .crop-row{margin-bottom:9px}.fc-desc{color:#ffffffc7;margin:8px 12px;font-size:12px}.fc-desc b{color:#ffd24c}.help-card{width:280px}.help-card .fc-desc{line-height:1.7}.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;display:flex;position:absolute;bottom:18px;left:18px}.tb-btn{cursor:pointer;font:inherit;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;border:0;border-radius:999px;padding:11px 18px;font-size:14px;font-weight:700;transition:background .12s,transform 80ms;box-shadow:0 2px 8px #00000040}.tb-btn:hover{background:#000000d1}.tb-btn:active{transform:scale(.96)}.tb-btn.is-active{color:#2a1e05;background:#ffd24c}.tb-help{padding:10px 14px}.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:#ffffffbf;flex-direction:column;flex:1;gap:3px;font-size:11px;display:flex}.dev-field input{width:100%;font:inherit;color:#fff;background:#ffffff1f;border:0;border-radius:7px;padding:5px 7px;font-size:12px}.hud-price{gap:10px;display:flex}.price-chip{font-weight:700}.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-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{left:8px;right:8px;bottom:calc(10px + env(safe-area-inset-bottom,0px));scrollbar-width:none;gap:6px;padding-bottom:2px;overflow-x:auto}.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,.build-card{width:min(300px,100vw - 16px);max-height:62vh;overflow-y:auto}.build-card{bottom:calc(82px + env(safe-area-inset-bottom,0px))!important}.help-card{width:min(320px,100vw - 16px)}.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}}