:root{--ink:#10222b;--muted:#65737a;--paper:#f4f7f5;--surface:#fff;--line:#cad5d1;--green:#176b55;--amber:#d29b2e;--blue:#247493;--danger:#a33b34;--shadow:0 12px 35px rgba(16,34,43,.08)}
.model-card{margin:15px;padding:13px 14px;border:1px solid var(--line);background:#fff}.model-card>small{font:800 8px monospace;color:var(--blue);letter-spacing:1px}.model-card dl{margin:9px 0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.model-card dl div{background:#f8faf9;padding:7px}.model-card dt{font:8px monospace;color:var(--muted)}.model-card dd{margin:3px 0 0;font:700 10px monospace}.model-card p{margin:8px 0 0;color:var(--muted);font-size:9px;line-height:1.45}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif;letter-spacing:0}button,select,input{font:inherit}button{cursor:pointer}.topbar{height:72px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;gap:28px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;min-width:205px}.brand b{font-size:20px;letter-spacing:3px}.brand small{display:block;font-size:9px;color:var(--green);font-weight:800;letter-spacing:2px;margin-top:2px}.orbit{width:37px;height:37px;border:2px solid var(--ink);border-radius:50%;position:relative;display:block}.orbit:before,.orbit:after{content:"";position:absolute;width:52px;height:15px;border-top:2px solid var(--green);border-radius:50%;left:-9px;top:16px;transform:rotate(-11deg)}.orbit:after{border-color:var(--amber);top:24px;transform:rotate(-15deg)}.orbit i{position:absolute;width:13px;height:13px;background:#ffbc43;border-radius:50%;top:5px;left:6px}.topbar nav{display:flex;gap:5px;flex:1}.nav-btn{border:0;background:transparent;color:var(--muted);padding:10px 12px;font-size:13px;font-weight:700;border-bottom:2px solid transparent}.nav-btn.active{color:var(--ink);border-color:var(--green)}.status{font:800 10px/1 monospace;letter-spacing:1px;color:var(--danger);border:1px solid #e1b6b3;padding:9px 11px;background:#fff8f7}.status span{display:inline-block;width:7px;height:7px;background:var(--danger);border-radius:50%;margin-right:6px;animation:pulse 1.3s infinite}@keyframes pulse{50%{opacity:.35}}
main{max-width:1500px;margin:auto;padding:clamp(24px,4vw,52px)}.view{display:none}.view.active{display:block}.mission-head,.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-head{display:block;max-width:900px}.eyebrow{font:800 11px/1.3 monospace;color:var(--green);letter-spacing:1.5px;margin:0 0 10px}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;margin:0;letter-spacing:0;line-height:1.02}h1{font-size:clamp(36px,5vw,70px);max-width:850px}h2{font-size:clamp(34px,4vw,58px)}.lede,.section-head>p:last-child{font-size:16px;line-height:1.6;color:var(--muted);max-width:700px;margin:14px 0 0}.clock-block{text-align:right;min-width:190px}.clock-block small{display:block;font:700 9px monospace;color:var(--muted);letter-spacing:1px}.clock-block strong{display:block;font:700 15px monospace;margin:6px 0 10px}.clock-block button{border:1px solid var(--ink);background:transparent;padding:7px 10px;font-size:11px;font-weight:700}.control-strip{background:var(--ink);color:white;padding:12px 14px;display:flex;align-items:center;gap:18px;margin-bottom:12px}.control-strip label{display:flex;align-items:center;gap:9px;font:700 10px monospace;letter-spacing:.5px}.control-strip select{background:#20353d;color:#fff;border:1px solid #56676d;padding:8px 28px 8px 8px}.slider{flex:1}.slider input{min-width:100px;max-width:220px;width:100%}.slider output{width:24px}.segmented{display:flex;border:1px solid #56676d}.segmented button{border:0;border-right:1px solid #56676d;background:transparent;color:#c8d1d3;padding:8px 10px;font-size:10px}.segmented button:last-child{border:0}.segmented button.active{background:#fff;color:var(--ink)}
.mission-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.twin-stage{min-width:0;border-right:1px solid var(--line);position:relative}.stage-label,.panel-title{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line);font:700 10px monospace;letter-spacing:1px}.stage-label b{color:var(--green)}
#fieldStage{display:block;width:100%;height:590px;background:#b8d0d4;position:relative;overflow:hidden;touch-action:none}#fieldStage>canvas{display:block;width:100%;height:100%;outline:0}.scene-tools{position:absolute;z-index:3;left:14px;top:14px;display:flex;background:rgba(255,255,255,.93);border:1px solid rgba(16,34,43,.25)}.scene-tools button{border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 10px;font:700 9px monospace}.scene-tools button:last-child{border:0}.scene-tools button.active{background:var(--ink);color:#fff}.scene-readout{position:absolute;z-index:3;right:14px;top:14px;max-width:320px;background:rgba(16,34,43,.88);color:#fff;padding:9px 11px;text-align:right}.scene-readout span,.scene-readout b{display:block}.scene-readout span{font:700 10px monospace}.scene-readout b{font:700 7px monospace;color:#a9c3c7;margin-top:4px}.object-inspector{position:absolute;z-index:3;right:14px;bottom:14px;width:min(330px,calc(100% - 28px));background:rgba(255,255,255,.94);border-left:3px solid var(--amber);padding:12px 14px;pointer-events:none}.object-inspector small,.object-inspector b{display:block}.object-inspector small{font:800 8px monospace;color:var(--green)}.object-inspector b{font:600 16px Georgia;margin:4px 0}.object-inspector p{font-size:10px;line-height:1.45;color:var(--muted);margin:0}
.science-controls{display:flex;align-items:center;gap:15px;padding:11px 14px;background:#eef3f0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:50px}.science-controls label{display:flex;align-items:center;gap:7px;font:700 9px monospace;color:var(--muted)}.science-controls label:first-child{flex:1}.science-controls label:first-child input{width:min(220px,45%)}.science-controls .check input{accent-color:var(--green)}.science-controls button{border:1px solid var(--ink);background:#fff;padding:7px 9px;font:700 9px monospace}.science-controls button:hover{background:var(--ink);color:#fff}.canvas-legend{padding:9px 14px;background:#fff;display:flex;gap:15px;font:700 8px monospace}.canvas-legend i{display:inline-block;width:10px;height:3px;margin-right:4px;vertical-align:middle}.rain-key{background:var(--blue)}.sensor-key{background:var(--amber)}.root-key{background:#79543e}.model-key{background:var(--danger)}.telemetry{background:#fbfcfb}.panel-title small{color:var(--muted);letter-spacing:0}.metrics{margin:0}.metrics>div{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid var(--line)}.metrics dt{font-size:12px;color:var(--muted)}.metrics dd{margin:0;text-align:right}.metrics dd strong{font:700 22px monospace}.metrics dd span{font:700 8px monospace;color:var(--muted);display:block}.decision{margin:15px;background:#edf5ef;border-left:3px solid var(--green);padding:14px}.decision small{font:800 8px monospace;color:var(--green)}.decision p{font:600 13px/1.45 Georgia,serif}.decision>div{display:flex;justify-content:space-between;font:10px monospace;color:var(--muted)}
.lower-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-top:12px}.water-panel,.instrument-panel{background:var(--surface);border:1px solid var(--line)}.equation{min-height:110px;padding:20px;display:flex;align-items:center;justify-content:center;gap:11px;flex-wrap:wrap}.equation span{border-bottom:2px solid var(--blue);padding:6px;font-size:11px}.equation strong{font-family:monospace;font-size:17px}.equation i{font-style:normal;color:var(--muted)}.instrument-list{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.inst{border:0;border-right:1px solid var(--line);background:white;padding:12px 8px;text-align:left}.inst:last-child{border:0}.inst b,.inst span{display:block}.inst b{font:800 10px monospace}.inst span{font-size:9px;color:var(--muted);margin-top:3px}.inst.active{background:#edf5ef;color:var(--green)}.instrument-detail{padding:12px 15px;min-height:62px;font:11px/1.5 monospace;color:var(--muted)}
.architecture-flow{display:grid;grid-template-columns:repeat(11,auto);align-items:center;gap:8px;margin:40px 0 14px}.architecture-flow button{height:120px;min-width:125px;border:1px solid var(--line);background:var(--surface);padding:14px;text-align:left}.architecture-flow button:hover,.architecture-flow button.active{border-color:var(--green);box-shadow:var(--shadow)}.architecture-flow b,.architecture-flow span,.architecture-flow small{display:block}.architecture-flow b{font:10px monospace;color:var(--green)}.architecture-flow span{font:600 18px Georgia,serif;margin:17px 0 7px}.architecture-flow small{color:var(--muted)}.architecture-flow i{font-style:normal;color:var(--green);font-size:22px}.arch-detail{background:var(--ink);color:white;min-height:100px;padding:20px 24px;display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:center}.arch-detail b{font:700 10px monospace;color:#79cfb2;letter-spacing:1px}.arch-detail p{margin:0;color:#d7e0e1;line-height:1.6}.boundary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.boundary-grid article{background:white;border-top:3px solid var(--green);padding:20px}.boundary-grid span{font:800 9px monospace;color:var(--green)}.boundary-grid h3{font:500 22px Georgia;margin:12px 0}.boundary-grid p{font-size:12px;line-height:1.6;color:var(--muted)}
.tier-tabs{display:flex;border-bottom:1px solid var(--line);margin-top:36px}.tier{border:0;background:transparent;padding:13px 17px;font-weight:700;color:var(--muted);border-bottom:3px solid transparent}.tier.active{color:var(--green);border-color:var(--green)}.bom-table{background:white;border:1px solid var(--line);border-top:0}.bom-row{display:grid;grid-template-columns:1.4fr 2fr 150px 120px;gap:18px;padding:14px 18px;border-bottom:1px solid var(--line);align-items:center}.bom-row.head{background:#e9efec;font:800 9px monospace;color:var(--muted)}.bom-row b{font-size:13px}.bom-row span{font-size:11px;color:var(--muted);line-height:1.4}.bom-row strong{font:700 12px monospace;text-align:right}.bom-row em{font:800 9px monospace;color:var(--green);font-style:normal}.warning-band{margin-top:14px;background:#fff4e0;border-left:4px solid var(--amber);padding:16px;display:flex;gap:24px}.warning-band b{font:800 11px monospace}.warning-band span{font-size:12px;line-height:1.5}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:36px 0}.timeline article{background:white;padding:20px;min-height:220px}.timeline article>b{font:800 9px monospace;color:var(--green)}.timeline h3{font:500 22px/1.1 Georgia;margin:28px 0 12px}.timeline p{font-size:12px;line-height:1.6;color:var(--muted)}.timeline span{font:800 9px monospace;background:#edf5ef;color:var(--green);padding:6px 8px}.crop-matrix{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.crop-card{background:white;border:1px solid var(--line);padding:18px;min-height:180px}.crop-card b{font:500 22px Georgia}.crop-card small{display:block;font:800 9px monospace;color:var(--green);margin:8px 0 20px}.crop-card dl{font-size:11px;margin:0}.crop-card dl div{display:flex;justify-content:space-between;padding:5px 0;border-top:1px solid var(--line)}.crop-card dd{margin:0;font-family:monospace}.repo-table{border:1px solid var(--line);background:white;margin-top:35px}.repo-row{display:grid;grid-template-columns:180px 190px 1fr 1fr;gap:20px;padding:17px;border-bottom:1px solid var(--line);font-size:12px;align-items:center}.repo-row.head{font:800 9px monospace;background:#e9efec;color:var(--muted)}.repo-row em{font-style:normal;color:var(--danger)}.evidence-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.evidence-rules article{padding:20px;background:white;border-top:4px solid var(--amber)}.evidence-rules article:nth-child(2){border-color:var(--blue)}.evidence-rules article:nth-child(3){border-color:var(--green)}.evidence-rules b{font:800 11px monospace}.evidence-rules p{font-size:12px;color:var(--muted);line-height:1.5}footer{border-top:1px solid var(--line);padding:20px clamp(18px,4vw,64px);display:flex;justify-content:space-between;gap:20px;font:700 9px monospace;color:var(--muted);letter-spacing:.7px}
@media(max-width:1200px){.control-strip{flex-wrap:wrap}.slider{min-width:180px}.scene-readout{top:auto;bottom:14px;left:14px;right:auto;text-align:left}.object-inspector{display:none}}
@media(max-width:1050px){.topbar nav{overflow:auto}.status{display:none}.mission-grid{grid-template-columns:1fr}.twin-stage{border-right:0;border-bottom:1px solid var(--line)}.architecture-flow{grid-template-columns:repeat(3,1fr)}.architecture-flow i{display:none}.boundary-grid,.timeline,.crop-matrix{grid-template-columns:repeat(2,1fr)}.bom-row{grid-template-columns:1fr 1.4fr 110px}.bom-row em{display:none}}
@media(max-width:700px){.topbar{height:auto;min-height:68px;padding:10px 14px;flex-wrap:wrap}.topbar nav{order:3;width:100%}.brand{min-width:0;flex:1}main{padding:24px 14px}.mission-head{display:block}.clock-block{text-align:left;margin-top:18px}.control-strip{align-items:stretch;flex-direction:column}.mission-grid,.lower-grid{display:block}.lower-grid>*{margin-top:12px}#fieldStage{height:500px}.scene-tools{left:8px;top:8px;max-width:calc(100% - 16px);overflow:auto}.scene-tools button{padding:7px}.scene-readout{left:8px;bottom:8px;max-width:calc(100% - 16px)}.science-controls{align-items:stretch;flex-wrap:wrap}.science-controls label:first-child{width:100%;flex-basis:100%}.science-controls label:first-child input{flex:1;width:auto}.science-controls button{flex:1}.canvas-legend{flex-wrap:wrap}.instrument-list{grid-template-columns:repeat(2,1fr)}.architecture-flow,.boundary-grid,.timeline,.crop-matrix,.evidence-rules{grid-template-columns:1fr}.arch-detail{grid-template-columns:1fr}.bom-row{grid-template-columns:1fr 110px}.bom-row span{display:none}.repo-row{grid-template-columns:1fr}.repo-row.head{display:none}footer{flex-direction:column}.section-head h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}