:root{--ink:#0f172a;--muted:#64748b;--line:#cbd5e1;--panel:#f8fafc;--warn:#b91c1c;--ok:#15803d}*{box-sizing:border-box}body{color:var(--ink);background:#e2e8f0;margin:0;font-family:ui-sans-serif,system-ui,sans-serif}h1{margin:0;font-size:1.25rem}h2{margin:1em 0 .3em;font-size:.95rem}code{background:#e2e8f0;border-radius:3px;padding:0 .25em}.start-screen{max-width:760px;margin:2rem auto;padding:0 1rem}.lede{color:var(--muted)}button.start{margin-top:1rem;padding:.6em 1.4em;font-size:1.1rem}.sim-header{background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.controls{align-items:center;gap:.5rem;display:flex}.sim-grid{grid-template-columns:320px minmax(360px,1fr) 340px;align-items:start;gap:.75rem;padding:.75rem;display:grid}@media (width<=1100px){.sim-grid{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.75rem}.badge{text-transform:uppercase;border:1px solid var(--line);border-radius:4px;padding:.2em .6em;font-size:.75rem;font-weight:700}.badge-pumping{color:#fff;background:var(--ok);border-color:var(--ok)}.badge-stalled,.badge-invalid{color:#fff;background:var(--warn);border-color:var(--warn)}.badge-overloaded{color:#fff;background:#b45309;border-color:#b45309}.badge-off{color:var(--muted)}.badge-date{color:var(--ink);text-transform:none;font-variant-numeric:tabular-nums}.controls select.timescale{font:inherit;font-size:.75rem}.params fieldset{border:1px solid var(--line);border-radius:6px;margin:0 0 .6rem;padding:.4rem .6rem .6rem}.params legend{color:var(--muted);padding:0 .3em;font-size:.8rem;font-weight:700}.field{grid-template-columns:110px 1fr 72px 72px;align-items:center;gap:.4rem;margin:.25rem 0;font-size:.8rem;display:grid}.field-label{color:var(--ink)}.field input[type=range]{width:100%}.field input.num{width:72px;font:inherit;appearance:textfield}.field input.num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field input.num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field select{font:inherit;grid-column:2/5}.unit{color:var(--muted);font-size:.72rem}.field.disabled{opacity:.55}.supply-card{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:6px;margin:.3rem 0 .5rem;padding:.4rem .6rem;font-size:.75rem}.supply-card a{color:var(--c-water);font-weight:600}.supply-card p{margin:.3em 0 0}.supply-card .supply-facts{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.site-legend{color:var(--c-site)}.locmap{margin:.3rem 0}.locmap-svg{border:1px solid var(--line);cursor:crosshair;touch-action:none;border-radius:6px;width:100%;height:auto;display:block}.locmap-ocean{fill:var(--c-waterSoft)}.locmap-grid{stroke:#fff;stroke-width:.5px;opacity:.7}.locmap-land{fill:var(--panel);stroke:var(--muted);stroke-width:.5px}.locmap-pin{fill:var(--c-site);stroke:#fff;stroke-width:1.2px}.locmap-pin-dot{fill:#fff}.locmap-pin-label{fill:var(--ink);stroke:#fff;stroke-width:2px;paint-order:stroke;font-size:9px;font-weight:600}.home-btn{width:100%;font:inherit;color:var(--c-site);border:1px solid var(--c-site);cursor:pointer;background:#fff;border-radius:4px;margin-top:.3rem;padding:.25em .6em;font-size:.75rem;font-weight:600}.diagram svg{width:100%;height:auto;display:block}.diagram figcaption{color:var(--muted);margin-top:.4rem;font-size:.72rem}.stream{fill:var(--c-waterSoft)}.waterline{stroke:var(--c-water);stroke-width:1.5px;stroke-dasharray:6 4}.pipe{stroke:#475569;stroke-width:3px}.plug{stroke:var(--c-water);stroke-width:7px;stroke-linecap:round}.scoop{fill:#f8fafc;stroke:#334155;stroke-width:2px}.coupling{fill:#94a3b8;stroke:#334155;stroke-width:2px}.deliver{stroke:#475569;stroke-width:3px}.deliver-stalled{stroke:var(--warn);stroke-dasharray:5 4}.deliver-overloaded{stroke:#b45309;stroke-dasharray:5 4}.tank{fill:var(--c-waterSoft);stroke:#475569;stroke-width:2px}.tank-stalled{fill:#fecaca;stroke:var(--warn)}.tank-overloaded{fill:#fef3c7;stroke:#b45309}.lbl{fill:var(--ink);font-size:11px}.readout h2{border-left:3px solid var(--line);padding-left:.4em}.readout h2.sec-water{border-left-color:var(--c-water)}.readout h2.sec-motor{border-left-color:var(--c-motor)}.readout h2.sec-battery{border-left-color:var(--c-battery)}.readout table{border-collapse:collapse;width:100%;font-size:.8rem}.readout td{border-bottom:1px solid var(--line);padding:.2rem .3rem}.readout td.val{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.problems{color:var(--warn);margin:.6rem 0 0;padding-left:1.2rem;font-size:.8rem}.power-chain{flex-wrap:wrap;align-items:stretch;gap:.3rem;margin-top:1rem;display:flex}.block{border:1px solid var(--line);background:#fff;border-top:3px solid #0000;border-radius:6px;flex:1;min-width:92px;padding:.35rem .5rem}.block-solar{border-top-color:var(--c-solar)}.block-battery{border-top-color:var(--c-battery)}.block-motor{border-top-color:var(--c-motor)}.block-pump{border-top-color:var(--c-pump)}.block-water{border-top-color:var(--c-water)}.block-title{text-transform:uppercase;color:var(--muted);margin-bottom:.15rem;font-size:.68rem;font-weight:700}.block-line{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem}.batt-line{font-weight:600}.batt-gauge{border:1px solid var(--line);background:#fff;border-radius:4px;height:8px;margin-top:4px;position:relative;overflow:hidden}.batt-floor{background:repeating-linear-gradient(45deg,#cbd5e1 0 2px,#0000 2px 5px);position:absolute;top:0;bottom:0;left:0}.batt-fill{background:var(--c-battery);position:absolute;top:0;bottom:0}.arrow{color:var(--muted);align-self:center}.sankey-panel{grid-column:1/-1}.sankey-panel h2{margin-top:0}.overall-eta{color:var(--ok);margin-left:.6rem;font-size:.78rem;font-weight:600}.sankey svg{width:100%;height:auto;display:block}.sankey-canvas-wrap{width:100%;height:340px;position:relative}.caption{color:var(--muted);margin:.4rem 0 0;font-size:.72rem}