:root{--bg:#f5f5f0;--surface:#fff;--border:#ccc;--text:#222;--text-muted:#666;--accent:#4a7c59;--accent-light:#e8f0e9;--danger:#c0392b;--warn:#e67e22;--grid-bg:#e0e8df;--inspector-bg:#1a1a1ad9;--sky:#87ceeb;--soil-loam:#8b7355;--soil-sand:#c2b280;--soil-black:#2d1b0e}@media (prefers-color-scheme:dark){:root{--bg:#1a1a1a;--surface:#2a2a2a;--border:#444;--text:#eee;--text-muted:#aaa;--accent:#6aaa7a;--accent-light:#1e2e20;--danger:#e74c3c;--warn:#f39c12;--grid-bg:#1e2e20;--inspector-bg:#2a2a2ad9;--sky:#4a6585;--soil-loam:#6b5544;--soil-sand:#a09060;--soil-black:#1a0d06}}.field-overlay{background:var(--surface);border-left:2px solid var(--accent);z-index:100;pointer-events:auto;width:320px;padding:1rem;transition:transform .25s ease-out;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-4px 0 12px #0000001a}.field-overlay[aria-hidden=false]{transform:translate(0)}.field-overlay .overlay-close{float:right;cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0;font-size:1.2rem;line-height:1}.field-overlay .overlay-close:hover{color:var(--text)}.field-overlay h3{color:var(--text);margin:0 0 .75rem;padding-right:1.5rem;font-size:.9rem;font-weight:600}.field-stat-box .label{color:var(--text-muted);font-size:.65rem;display:block}.field-stat-box .value{color:var(--accent);font-weight:700;display:block}.field-stat-box .value.danger{color:var(--danger)}.topbar{background:var(--surface);border-bottom:2px solid var(--accent);flex-wrap:wrap;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.topbar-item{align-items:center;gap:.3rem;display:flex}.topbar-item strong{color:var(--accent)}.speed-group{gap:2px;display:flex}.speed-btn{background:var(--accent-light);color:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:3px;padding:2px 8px;font-size:.75rem}.speed-btn.active{background:var(--accent);color:#fff}.speed-btn.premium{color:#b8860b;background:#fffbe6;border-color:#b8860b}.speed-btn.premium:after{content:"PRO";vertical-align:super;margin-left:2px;font-size:.45rem}.main{flex:1;display:flex;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:1rem;width:200px;padding:1rem;display:flex;overflow-y:auto}.sidebar-section h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:.4rem;padding-bottom:.25rem;font-size:.7rem}.resource-row{justify-content:space-between;padding:2px 0;font-size:.8rem;display:flex}.resource-row span{color:var(--text-muted)}.mini-chart{background:var(--accent-light);border-radius:3px;align-items:flex-end;gap:1px;height:40px;margin-top:4px;padding:2px;display:flex}.mini-chart-bar{background:var(--accent);border-radius:1px 1px 0 0;flex:1;min-height:4px}.field-area{background:var(--bg);flex:1;padding:1rem;overflow:auto}.field-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.field-cell{background:var(--surface);border:1px solid var(--border);border-radius:4px;flex-direction:column;justify-content:space-between;min-height:90px;padding:8px;display:flex;position:relative}.field-cell.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.field-id{color:var(--text-muted);font-size:.65rem}.field-crop{color:var(--accent);font-size:.85rem;font-weight:600}.field-progress{background:var(--border);border-radius:2px;height:4px;margin-top:4px}.field-progress-bar{background:var(--accent);border-radius:2px;height:100%}.field-nutrients{gap:3px;margin-top:3px;display:flex}.nutrient-bar{background:var(--border);border-radius:2px;flex:1;height:3px;overflow:hidden}.nutrient-fill{background:var(--accent);height:100%}.field-status{color:var(--text-muted);margin-top:2px;font-size:.65rem}.machine-badge{background:var(--warn);color:#fff;border-radius:2px;padding:1px 4px;font-size:.6rem;position:absolute;top:4px;right:4px}.worker-dot{background:#3498db;border-radius:50%;width:8px;height:8px;position:absolute;bottom:4px;right:4px}.actionbar{background:var(--surface);border-top:2px solid var(--accent);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.tab-btn{background:var(--accent-light);color:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;display:flex}.tab-btn.active{background:var(--accent);color:#fff}.action-sep{background:var(--border);width:1px;height:24px}.context-panel{background:var(--accent-light);border:1px solid var(--accent);border-radius:4px;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding:.75rem 1rem;font-size:.8rem;display:none}.context-panel.visible{display:flex}.ctx-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:3px;padding:4px 10px;font-size:.75rem}.overlay{background:var(--surface);border-left:2px solid var(--accent);z-index:100;width:320px;padding:1rem;display:none;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-4px 0 12px #0000001a}.overlay.open{display:block}.overlay h3{color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:.75rem;padding-bottom:.5rem;font-size:1rem}.overlay-close{float:right;cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:1.2rem}.overlay-section{margin-bottom:1.25rem}.overlay-section h4{text-transform:uppercase;color:var(--text-muted);letter-spacing:.08em;margin-bottom:.5rem;font-size:.7rem}.info-row{border-bottom:1px dashed var(--border);justify-content:space-between;padding:3px 0;font-size:.8rem;display:flex}.info-row:last-child{border-bottom:none}.field-inspector-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.field-stat-box{background:var(--accent-light);border-radius:4px;padding:6px;font-size:.75rem}.field-stat-box .label{color:var(--text-muted);font-size:.65rem}.field-stat-box .value{color:var(--accent);font-weight:700}@media (max-width:600px){.sidebar{width:140px;padding:.5rem}.field-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.overlay,.field-overlay{width:100%}}