:root{--sky:#c9e4f0;--ink:#2f3a2c;--ink-soft:#66735f;--panel:#fffdf6;--panel-edge:#e2dcc8;--kumara:#b5643f;--good:#4f9a4a;--warn:#c9873a;--bad:#b5503f;--radius:18px;--shadow:0 6px 0 #2f3a2c24;--shadow-lift:0 14px 34px #2f3a2c3d}*{box-sizing:border-box}html,body{background:var(--sky);height:100%;color:var(--ink);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:ui-rounded,SF Pro Rounded,-apple-system,Segoe UI,system-ui,sans-serif;overflow:hidden}#stage{position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block}#ui{pointer-events:none;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));position:fixed;inset:0}#ui button{pointer-events:auto;font:inherit;color:inherit}.hud{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex;position:absolute}.chip{background:var(--panel);border:3px solid var(--panel-edge);border-radius:var(--radius);box-shadow:var(--shadow);font-variant-numeric:tabular-nums;align-items:center;gap:8px;padding:8px 14px;font-size:19px;font-weight:700;transition:transform 90ms ease-out;display:flex}.chip--season{text-transform:capitalize;font-size:17px}.chip--full{border-color:var(--warn);color:var(--warn)}.chip__icon{flex:none;width:26px;height:26px;display:block}.chip__icon svg{width:100%;height:100%;display:block}.chip__bar{background:#2f3a2c24;border-radius:99px;width:42px;height:7px;display:block;overflow:hidden}.chip__bar>span{background:var(--kumara);border-radius:99px;height:100%;transition:width .22s ease-out;display:block}@media (max-width:820px){.hud{gap:6px}.chip{border-width:2px;padding:6px 10px;font-size:16px}.chip--season{font-size:14px}.chip__icon{width:20px;height:20px}.chip__bar{display:none}}.panel{pointer-events:auto;opacity:0;background:#1e281c59;place-items:center;padding:16px;transition:opacity .16s ease-out;display:grid;position:fixed;inset:0}.panel[hidden]{display:none}.panel--in{opacity:1}.card{background:var(--panel);border:4px solid var(--panel-edge);width:min(94vw,430px);max-height:86vh;box-shadow:var(--shadow-lift);border-radius:24px;padding:20px;transition:transform .2s cubic-bezier(.2,1.2,.4,1);position:relative;overflow-y:auto;transform:translateY(10px)}.panel--in .card{transform:translateY(0)}.card--anchored{width:min(88vw,340px);max-height:min(78vh,560px);padding:16px;position:absolute}@media (max-width:560px){.panel--plot{place-items:center}.card--anchored{width:min(94vw,430px);position:relative;top:auto!important;left:auto!important}}.card__title{margin:0 0 12px;font-size:23px}.card__sub{color:var(--ink-soft);margin:16px 0 8px;font-size:15px}.card__x{width:44px;height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:50%;font-size:27px;line-height:1;position:absolute;top:10px;right:10px}.soil{border:3px solid var(--panel-edge);background:#f4f1e5;border-radius:15px;padding:12px 14px}.soil__row{justify-content:space-between;align-items:baseline;font-size:17px;display:flex}.soil__pct{font-variant-numeric:tabular-nums;color:var(--ink-soft)}.soil__bar{background:#2f3a2c21;border-radius:99px;height:10px;margin:8px 0;display:block;overflow:hidden}.soil__bar>span{background:var(--good);border-radius:99px;height:100%;transition:width .3s ease-out;display:block}.soil--poor .soil__bar>span{background:var(--bad)}.soil--fair .soil__bar>span{background:var(--warn)}.soil__note{color:var(--ink-soft);margin:4px 0 0;font-size:13px}.crops{flex-direction:column;gap:8px;display:flex}.crop{text-align:left;border:3px solid var(--panel-edge);cursor:pointer;background:#fff;border-radius:15px;align-items:center;gap:12px;width:100%;min-height:58px;padding:9px 12px;display:flex}.crop--good{border-color:var(--good);background:#f2f9ef}.crop--warn{background:#fdf7ec;border-color:#eddcc2}.crop__icon{flex:none;width:38px;height:38px;display:block}.crop__icon svg{width:100%;height:100%;display:block}.crop__text{flex-direction:column;flex:1;min-width:0;display:flex}.crop__text strong{font-size:16px}.crop__text small{color:var(--ink-soft);font-size:12px;line-height:1.25}.crop__delta{font-variant-numeric:tabular-nums;flex:none;font-size:15px;font-weight:800}.crop__delta--up{color:var(--good)}.crop__delta--down{color:var(--ink-soft)}.lots{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.lot{background:#f7f5eb;border-radius:12px;align-items:center;gap:10px;padding:7px 10px;display:flex}.lot__icon{flex:none;width:30px;height:30px;display:block}.lot__icon svg{width:100%;height:100%;display:block}.lot__name{flex:1;font-size:15px;font-weight:700}.lot__sum{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:13px}.lot__total{text-align:right;font-variant-numeric:tabular-nums;min-width:62px}.total{border-top:3px dashed var(--panel-edge);justify-content:space-between;align-items:baseline;padding:10px 12px;font-size:19px;display:flex}.total strong{font-variant-numeric:tabular-nums;font-size:25px}.empty{color:var(--ink-soft);margin:6px 0 0}.btn{cursor:pointer;border:none;border-radius:15px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:54px;margin-top:12px;padding:12px;font-size:18px;font-weight:800;display:flex}.btn--go{background:var(--good);color:#fff;box-shadow:0 5px #3c7a38}.btn--go:active{transform:translateY(3px);box-shadow:0 2px #3c7a38}.btn--soft{color:var(--ink);border:3px solid var(--panel-edge);background:#eef1e8}.btn--soft:disabled{opacity:.45;cursor:default}.btn--link{min-height:40px;color:var(--ink-soft);background:0 0;margin-top:8px;font-size:14px;font-weight:700;text-decoration:underline}.btn__icon{width:26px;height:26px;display:block}.btn__icon svg{width:100%;height:100%;display:block}.toast{left:50%;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 108px);background:var(--ink);color:#fff;text-align:center;opacity:0;border-radius:99px;max-width:88vw;padding:11px 20px;font-size:16px;font-weight:700;transition:opacity .26s ease-out,transform .26s ease-out;position:absolute;transform:translate(-50%,10px)}.toast--in{opacity:1;transform:translate(-50%)}.toast--good{background:#3c7a38}.toast--warn{background:#a8682c}.hint{left:50%;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 108px);white-space:nowrap;background:#fffdf6eb;border-radius:99px;margin:0;padding:10px 20px;font-size:16px;font-weight:600;transition:opacity .5s ease-out;position:absolute;transform:translate(-50%)}.hint[hidden]{opacity:0;pointer-events:none;display:block}@media (prefers-reduced-motion:reduce){.chip,.toast,.hint,.card,.panel,.soil__bar>span,.chip__bar>span{transition:none}}