*{box-sizing:border-box;margin:0;padding:0}body{background:#03080e;color:#e2e8f0;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:20px 16px 40px;display:flex;flex-direction:column;gap:14px}header,main,footer{max-width:820px;margin:0 auto;width:100%}header{display:flex;flex-direction:column;gap:6px}.title-row,.panel-heading,.controls-header,.graph-header,.chronicle-header,.scope-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.title-row{flex-wrap:wrap}h1{font-size:24px;letter-spacing:-.5px;background:linear-gradient(135deg,#f8fafc,#38bdf8 50%,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:13px;color:#94a3b8;line-height:1.4}.live-pill,.seed-badge,.scope-badge,.epoch-badge,.focus-badge{font:700 10px 'JetBrains Mono',monospace;border-radius:999px;padding:4px 8px}.live-pill{display:inline-flex;align-items:center;gap:6px;color:#38bdf8;background:#0ea5e91f;border:1px solid #0ea5e959;letter-spacing:.8px}.pulse-dot{width:6px;height:6px;background:#38bdf8;border-radius:50%;animation:pulseDot 1.5s ease-in-out infinite}@keyframes pulseDot{0%,100%{opacity:1}50%{opacity:.35}}main{display:flex;flex-direction:column;gap:14px}.scenario-panel,.process-panel,.inspection-panel,.canvas-wrapper,.telemetry-bar,.controls-panel,.scope-panel,.graph-panel,.chronicle-panel,.model-notes{background:#060d1a;border:1px solid #1e293b;border-radius:8px}.scenario-panel,.process-panel,.inspection-panel,.controls-panel,.graph-panel,.chronicle-panel,.model-notes{padding:12px 16px}.scenario-panel{border-color:#14532d;box-shadow:0 0 16px #14532d33}.scenario-panel h2,.process-panel h2,.inspection-panel h2,.graph-header h2,.chronicle-header h2,.controls-header h2{font-size:12.5px;text-transform:uppercase;letter-spacing:.7px;color:#cbd5e1}.scenario-panel p,.process-panel p,.inspection-panel p{font-size:12px;color:#94a3b8;margin-top:4px}.seed-badge{color:#86efac;background:#14532d55;border:1px solid #166534}.scenario-controls,.playback-row{display:flex;align-items:end;gap:10px;margin-top:12px;flex-wrap:wrap}.scenario-controls label,.playback-row label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;display:flex;flex-direction:column;gap:4px}.scenario-controls select,.playback-row select{min-width:150px;background:#081326;border:1px solid #334155;color:#e2e8f0;border-radius:6px;padding:7px 9px;font:inherit;text-transform:none;letter-spacing:0}.scenario-btn,.scope-toggle-btn,.tool-btn,.focus-btn,.playback-btn{background:#081326;border:1px solid #334155;color:#cbd5e1;padding:7px 10px;border-radius:6px;font-size:11.5px;font-weight:600;cursor:pointer;transition:.15s}.scenario-btn:hover,.scope-toggle-btn:hover,.scope-toggle-btn.active,.tool-btn:hover,.focus-btn:hover,.playback-btn:hover{border-color:#38bdf8;color:#fff;background:#0e2246}.scenario-note{font-size:10.5px;color:#64748b;margin-top:9px}.focus-badge{color:#7dd3fc;background:#0284c733;border:1px solid #0284c7}.focus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:7px;margin-top:11px}.focus-btn.active{background:#0369a1;border-color:#38bdf8;color:#fff}.tick-readout{font:11px 'JetBrains Mono',monospace;color:#38bdf8;margin-left:auto}.canvas-wrapper{overflow:hidden;display:flex;justify-content:center;background:#010408;cursor:crosshair;touch-action:none;position:relative}.canvas-hint{position:absolute;right:10px;bottom:8px;color:#94a3b8;background:#020610cc;border:1px solid #1e293b;border-radius:4px;padding:4px 7px;font:10px 'JetBrains Mono',monospace;pointer-events:none}#sim{display:block;max-width:100%;height:auto;image-rendering:pixelated}.inspection-panel{display:flex;flex-direction:column;gap:10px}.inspection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px}.inspection-grid span{background:#030814;border:1px solid #1e293b;border-radius:5px;padding:8px;color:#64748b;font-size:11px}.inspection-grid b{display:block;color:#38bdf8;font:600 13px 'JetBrains Mono',monospace;margin-top:3px}.telemetry-bar{padding:10px 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.telemetry-item{display:flex;align-items:center;gap:10px}.telemetry-icon{font-size:20px}.telemetry-meta{display:flex;flex-direction:column}.telemetry-label,.metric-label{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#64748b;font-weight:600}.telemetry-val{font-size:13px;color:#38bdf8}.stats-item{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#94a3b8}.stats-item b{color:#f1f5f9}.controls-panel{display:flex;flex-direction:column;gap:10px}.controls-header h2 span{color:#38bdf8}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.tool-btn{display:flex;align-items:center;justify-content:center;gap:6px}.tool-btn.active{background:#0369a1;border-color:#38bdf8;color:#fff;box-shadow:0 0 10px #38bdf859}.scope-panel{display:none;padding:14px 16px;flex-direction:column;gap:12px;border-color:#0284c7;box-shadow:0 0 16px #0284c72e}.scope-panel.open{display:flex}.scope-header h3{font-size:13px;color:#e0f2fe}.scope-badge{font-size:9.5px;color:#7dd3fc;background:#0284c733;border:1px solid #0284c7;border-radius:4px}.scope-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.metric-card{background:#030814;border:1px solid #1e293b;border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.metric-value{font-size:14px;font-family:'JetBrains Mono',monospace;color:#38bdf8;font-weight:700}.metric-bar-bg{height:4px;background:#0f172a;border-radius:2px;overflow:hidden}.metric-bar-fill{height:100%;border-radius:2px;transition:width .3s}.blue{background:#0284c7}.cyan{background:#38bdf8}.purple{background:#a855f7}.green{background:#22c55e}.graph-panel{display:flex;flex-direction:column;gap:8px}.graph-header{flex-wrap:wrap}.legend{display:flex;gap:12px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:#94a3b8}.legend-item b{font:10px 'JetBrains Mono',monospace;color:#cbd5e1}.legend-dot{width:7px;height:7px;border-radius:50%}.dot-moisture{background:#38bdf8}.dot-biomass{background:#22c55e}.dot-table{background:#0284c7}#graphCanvas{width:100%;height:60px;display:block}.chronicle-panel{display:flex;flex-direction:column;gap:8px}.budget-strip{display:flex;gap:14px;flex-wrap:wrap;color:#64748b;font:10px 'JetBrains Mono',monospace}.budget-strip b{color:#cbd5e1}.epoch-badge{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf840;border-radius:4px}.log-terminal{background:#020610;border:1px solid #111827;border-radius:6px;padding:10px 12px;font:11.5px/1.6 'JetBrains Mono',monospace;max-height:160px;overflow-y:auto}.log-line{color:#9ca3af}.log-line.day{color:#38bdf8;font-weight:600}.log-line.event{color:#4ade80}.log-line.alert{color:#f59e0b}.model-notes{color:#94a3b8;font-size:12px;line-height:1.5}.model-notes summary{cursor:pointer;color:#cbd5e1;font-weight:600}.model-notes p{margin-top:8px}footer{text-align:center;font-size:11px;color:#475569}