: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}.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;display:block}.field-stat-box .value{color:var(--accent);font-weight:700;display:block}.field-stat-box .value.danger{color:var(--danger)}