:root{color-scheme:dark;--bg:#0c2028;--panel:#112b34;--panel2:#0f2630;--line:#2e444a;--muted:#91a9ab;--dim:#718b8d;--white:#f1eee3;--amber:#e5b96f;--aqua:#76c6c3;--side:#142e36;--alert:#e8bd84;}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:#08191f;color:var(--white);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;font-size:13px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.38}b,strong{font-weight:650}.app-shell{display:flex;flex-direction:column;min-height:100vh;height:100vh;overflow:hidden}.topbar{height:77px;min-height:77px;background:#0b1c22;display:flex;align-items:center;padding:0 33px;gap:17px;border-bottom:1px solid #294048}.brandmark{width:42px;height:42px;border:1px solid #cda66e;color:var(--amber);display:grid;place-items:center;font-size:31px;line-height:1}.brand{display:flex;flex-direction:column;gap:3px;min-width:153px}.brand strong{font-size:15px;letter-spacing:2.9px}.brand small{font-size:7px;letter-spacing:2px;color:#8a9ea0}.top-divider{width:1px;height:32px;background:#32444a;margin:0 8px}.top-descriptor{font-size:10px;color:#a0afb0;letter-spacing:1.6px}.top-descriptor span{color:var(--amber);padding:0 8px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:27px}.online-status{font-size:9px;letter-spacing:1.5px;color:#b1c7bd;white-space:nowrap}.online-status i{display:inline-block;width:6px;height:6px;background:#83cdae;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #67b89d}.bare-icon{width:30px;height:30px;color:#dae1d9;border:1px solid #678084;border-radius:50%;background:transparent;font-size:15px}.workspace{display:grid;grid-template-columns:minmax(210px,255px) minmax(480px,1fr) minmax(315px,355px);flex:1;min-height:0}.context-panel{background:var(--side);border-right:1px solid #2b444b;display:flex;flex-direction:column;min-height:0}.aside-top{padding:28px 27px 0;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--amber);font-weight:700}.cross-icon{color:#819f9b;font-size:26px;font-weight:200}.side-content{padding:67px 27px 20px;overflow:auto}.edition{font-size:9px;color:#d0c7b4;letter-spacing:2px}.side-content h1{font-family:Georgia,"Times New Roman",serif;font-size:43px;line-height:1.08;letter-spacing:-1.4px;font-weight:400;margin:15px 0 24px}.side-content h1 em{color:var(--amber);font-style:italic}.intro-copy{font-size:12px;line-height:1.9;color:#d3d7ca}.intro-copy b{color:var(--white);font-weight:700}.side-separator{height:1px;background:#3b5053;margin:31px 0 25px}.side-heading{letter-spacing:2.3px;font-size:10px;font-weight:700;margin-bottom:15px}.text-muted{color:#93aaa7;font-size:12px;line-height:1.85;margin:0}.side-facts{margin-top:40px}.side-facts>div{display:flex;flex-direction:column;gap:5px;border-top:1px solid #31494d;padding:13px 0}.side-facts span{font-size:9px;color:#829c9c;letter-spacing:1.5px}.side-facts strong{font-size:12px;font-weight:600}.aside-bottom{padding:22px 27px 27px;border-top:1px solid #30454b;margin-top:auto}.aside-bottom>div{display:flex;flex-direction:column;gap:5px;margin-top:11px}.aside-bottom strong{font-size:11px}.aside-bottom span:last-child{font-size:10px;line-height:1.6;color:#8fa3a0}.stage{position:relative;min-width:0;min-height:0;background:#a9c3bd;overflow:hidden;isolation:isolate}.stage canvas#viewport{height:100%;width:100%;display:block;touch-action:none;cursor:grab;outline:none}.stage canvas#viewport:active{cursor:grabbing}.view-top{position:absolute;left:32px;right:30px;top:30px;display:flex;justify-content:space-between;gap:20px;pointer-events:none;text-shadow:0 1px 11px #10262933}.view-title{display:flex;flex-direction:column;gap:7px;color:#153138}.view-kicker{font-size:9px;letter-spacing:1.9px;color:#1b5152;font-weight:800}.amber-dot{display:inline-block;width:7px;height:7px;background:#ce9054;border-radius:50%;margin-right:7px}.view-title strong{font-size:24px;font-family:Georgia,serif;font-weight:500;letter-spacing:-.5px}.view-subtitle{font-size:9px;letter-spacing:1.65px;font-weight:700;color:#466667}.view-seed{font-size:10px;letter-spacing:1px;background:#0e2832c4;color:#ecede6;border:1px solid #ffffff36;padding:10px 12px;white-space:nowrap}.view-seed span{padding:0 5px;color:var(--amber)}.water-label{position:absolute;display:flex;gap:9px;align-items:flex-start;pointer-events:none;color:#f7f5eb;font-size:10px;font-weight:800;letter-spacing:1.35px;text-shadow:0 2px 6px #072e34d1;white-space:nowrap;transform:translate(-50%,-50%);opacity:0;transition:opacity .25s}.water-label-dot{height:8px;width:8px;border:2px solid #f4dfaa;background:#498f93;border-radius:50%;box-shadow:0 0 0 5px #102e343b;margin-top:3px}.water-label small{display:block;font-size:15px;font-family:Georgia,serif;letter-spacing:0;margin-top:2px;color:#f3e2b8}.stage-bottom{position:absolute;bottom:27px;left:30px;right:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.view-hint{font-size:9px;font-weight:800;letter-spacing:1.3px;color:#15363c;background:#dbe3d8bf;padding:9px 11px;backdrop-filter:blur(6px)}.cursor-mark{font-size:17px;margin-right:8px}.small-rule{display:inline-block;width:13px;height:1px;background:#6a8889;vertical-align:middle;margin:0 7px}.camera-tools{background:#0c2a34e8;display:flex;gap:2px;padding:5px;backdrop-filter:blur(10px)}.camera-tools button{border:0;background:transparent;color:#eef1e8;min-height:35px;padding:0 10px;font-size:17px;display:flex;align-items:center;gap:7px;white-space:nowrap}.camera-tools button span{font-size:9px;letter-spacing:.2px}.camera-tools button:hover{background:#426067}.render-counter{position:absolute;bottom:79px;right:26px;color:#153f42;font-size:9px;letter-spacing:1.3px;font-weight:750}.webgl-error{position:absolute;z-index:10;inset:25%;background:#152e34;padding:28px;color:#fff;line-height:1.8}.control-panel{background:#10262e;border-left:1px solid #2a4045;min-height:0;display:flex;flex-direction:column}.control-head{height:105px;min-height:105px;display:flex;align-items:center;justify-content:space-between;padding:21px 25px 16px}.control-head h2{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:7px 0 0}.control-sub{font-size:13px;color:#9cabaa;font-style:italic}.operator-badge{font-size:10px;border:1px solid #718380;padding:11px 8px;color:#e7d8c1}.tabs{display:flex;border-bottom:1px solid #314850;padding:0 24px;gap:28px}.tab{border:0;border-bottom:2px solid transparent;padding:13px 2px;background:transparent;color:#849e9f;font-size:10px;letter-spacing:1.25px;font-weight:800}.tab.active{color:var(--white);border-color:var(--amber)}.tab-pane{min-height:0;flex:1;overflow:hidden}.control-scroll,.learn-scroll{height:100%;overflow-y:auto;padding:24px 24px 25px;scrollbar-width:thin;scrollbar-color:#577078 transparent}.section-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:13px}.section-title{font-size:9px;letter-spacing:1.6px;font-weight:800;color:#d7ded5}.mini-label{font-size:8px;letter-spacing:1.1px;color:#819b99;text-align:right}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px}.segmented button{background:#182f37;color:#b9ceca;border:1px solid #385058;padding:12px 4px;font-size:11px;font-weight:600}.segmented button.selected{border-color:var(--amber);background:#263a3c;color:#f5e3c1}.segmented button span{font-size:16px;vertical-align:middle;margin-right:6px;color:var(--amber)}.metrics-grid{display:grid;grid-template-columns:1.23fr 1fr;gap:9px;margin-top:20px}.metric{border:1px solid #345057;padding:15px 13px 13px;min-height:99px;background:#17313b}.metric>span{display:block;font-size:8px;color:#9db2ad;letter-spacing:1.05px;font-weight:750;white-space:nowrap}.metric strong{font-size:29px;font-weight:500;line-height:1.8;font-variant-numeric:tabular-nums;letter-spacing:-.6px}.metric small{color:var(--amber);font-family:Georgia,serif;font-size:15px;margin-left:5px}.level-track{height:4px;background:#41535c;overflow:hidden}.level-fill{background:var(--aqua);height:100%;width:0;transition:width .16s}.secondary-metric strong{font-size:23px}.metric-note{font-size:9px;color:#aabbb9;margin-top:1px}.status-message{padding:12px;display:flex;gap:10px;background:#1d373c;color:#c9d2c5;align-items:flex-start;line-height:1.5;font-size:10px;min-height:51px;margin-top:11px;border-left:2px solid #77beb0}.status-message.warning{background:#3a302e;border-color:var(--amber);color:#f5d5aa}.status-symbol{display:grid;place-items:center;flex:none;border:1px solid currentColor;border-radius:50%;height:18px;width:18px;font-family:Georgia;font-weight:700}.controls-section{margin-top:26px}.gate-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gate-control{background:#1c333c;border:1px solid #38515a;display:flex;align-items:center;gap:7px;text-align:left;padding:12px 8px;color:#f5f1e6;min-width:0}.gate-control:hover{background:#27444d}.gate-control.open{border-color:#72b8a6}.gate-icon{font-size:20px;color:var(--amber)}.gate-body{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.gate-body strong{font-size:11px;white-space:nowrap}.gate-body small{font-size:8px;color:#95afb0;letter-spacing:1px}.gate-command{font-size:8px;color:var(--amber);white-space:nowrap;align-self:flex-end}.slider-row{margin:16px 0 18px}.slider-head{display:flex;justify-content:space-between;margin-bottom:11px}.slider-head label{font-size:11px;color:#d3dfd7}.slider-head strong{font-size:11px;color:var(--amber);font-variant-numeric:tabular-nums}.slider-row input{display:block;width:100%;height:4px;accent-color:#e5bb78;cursor:pointer}.range-caps{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:#728e90;margin-top:8px}.flow-readouts{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#91a5a5;font-size:9px;letter-spacing:.3px;padding:10px 0;border-top:1px solid #304850;border-bottom:1px solid #304850}.flow-readouts b{font-variant-numeric:tabular-nums;color:#fff;font-weight:600}.flow-readouts span:last-child{font-variant-numeric:tabular-nums;color:var(--amber)}.boat-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.secondary-cta{color:var(--white);background:#2b4449;border:1px solid #4a6267;padding:13px 9px;display:flex;gap:7px;justify-content:space-between;font-size:10px;white-space:nowrap}.secondary-cta:not(:disabled):hover{background:#45666c}.secondary-cta span{color:var(--amber)}.chart-heading{display:flex;justify-content:space-between;color:#9ab0b0;font-size:8px;letter-spacing:1.15px;margin:25px 0 7px}.chart-heading span:last-child{color:#d6e4d7}#historyChart{width:100%;height:76px;display:block}.footer-stat{font-size:9px;letter-spacing:.8px;color:#839c9b;margin-top:8px}.footer-stat b{color:#d9e2dc;margin-left:5px;font-variant-numeric:tabular-nums}.footer-stat span{color:var(--amber);margin:0 6px}.control-bottom{padding:15px 24px 20px;border-top:1px solid #345058;background:#122d34}.speed-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.speed-row label{font-size:9px;color:#9eb2ae;letter-spacing:1.25px;font-weight:700}.speed-row select{appearance:none;color:#e9d7b5;background:#203c45;border:1px solid #3f5961;border-radius:0;padding:6px 10px;font-size:9px;letter-spacing:.7px}.primary-cta{width:100%;background:#d9b177;border:0;color:#1c3035;padding:16px 13px;text-align:left;font-size:11px;font-weight:850;letter-spacing:1px;display:flex;gap:12px;align-items:center}.primary-cta span{font-size:12px}.primary-cta small{margin-left:auto;font-size:8px;color:#475850;letter-spacing:1px}.primary-cta:hover{background:#edcb94}.primary-cta.running{background:#8fc7ba}.bottom-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.bottom-actions button{border:1px solid #4b6267;background:#18343c;color:#d7e0d9;font-size:9px;letter-spacing:.9px;padding:12px 7px}.bottom-actions button:hover{background:#294851}.bottom-bar{height:31px;min-height:31px;background:#0a1b22;border-top:1px solid #283c41;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 25px;color:#7e9294;font-size:8px;letter-spacing:1.2px}.learn-scroll{padding-top:28px;color:#b8c9c5}.learn-banner{font-size:10px;color:var(--amber);letter-spacing:2px}.learn-banner span{color:#617d80}.learn-scroll h3{font-family:Georgia,serif;font-weight:400;font-size:32px;color:#f4efdf;line-height:1.25;margin:20px 0}.learn-scroll h3 em{color:var(--amber)}.learn-scroll p{font-size:12px;line-height:1.8}.learn-scroll h4{margin:26px 0 13px;font-size:10px;color:#e9e7dd;letter-spacing:1.35px}.formula{font-family:Georgia,serif;text-align:center;font-size:24px;padding:21px 7px;background:#1b3b43;color:#ead6b6}.learn-scroll table{width:100%;border-collapse:collapse;font-size:11px}.learn-scroll td,.learn-scroll th{padding:10px;border-bottom:1px solid #3a5358;text-align:left}.learn-scroll th{text-align:right;font-weight:600;color:#e1d4bd}.learn-scroll ol{padding-left:19px;font-size:12px;line-height:2}.model-disclaimer{font-size:11px!important;color:#92a9a9;border-left:2px solid var(--amber);padding-left:12px}.learn-pane[hidden],.tab-pane[hidden]{display:none}dialog{background:#142d35;color:#f0e9da;border:1px solid #81948b;box-shadow:0 30px 100px #0009;max-width:520px;width:calc(100% - 30px);padding:25px 30px;line-height:1.8}dialog::backdrop{background:#001013b9;backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{font:normal 30px Georgia,serif;margin:8px 0 14px}.dialog-head button{font-size:25px;border:0;background:transparent;color:#e4dfd2}.dialog-actions{text-align:right;margin-top:24px}.dialog-actions button{padding:13px 17px;background:var(--amber);border:0;color:#142d35;font-weight:800;letter-spacing:.6px}@media (max-width:1300px){.workspace{grid-template-columns:205px minmax(420px,1fr) 340px}.side-content{padding:54px 20px 20px}.aside-top,.aside-bottom{padding-left:20px;padding-right:20px}.side-content h1{font-size:36px}.topbar{padding:0 18px}}@media (max-width:1100px){.workspace{grid-template-columns:minmax(400px,1fr) 340px}.context-panel{display:none}.topbar{height:67px;min-height:67px}.top-descriptor{display:none}.top-divider{display:none}.bottom-bar span:nth-child(2){display:none}}@media (max-width:730px){.app-shell{height:auto;overflow:visible;min-height:100vh}.workspace{display:flex;flex-direction:column;min-height:auto}.topbar{padding:0 12px;height:65px;min-height:65px}.brand strong{font-size:13px}.brand small{font-size:7px}.brandmark{height:36px;width:36px}.online-status{display:none}.top-actions{gap:4px}.stage{height:57vh;min-height:420px;max-height:600px}.view-top{left:17px;top:18px;right:15px}.view-title strong{font-size:21px}.view-kicker,.view-subtitle{font-size:7px}.view-seed{font-size:8px;padding:8px}.stage-bottom{left:10px;right:10px;bottom:13px;flex-direction:column;align-items:flex-end}.view-hint{align-self:flex-start;font-size:8px}.camera-tools{width:100%;justify-content:space-between}.camera-tools button{padding:0 6px}.camera-tools button span{font-size:9px}.render-counter{bottom:118px;right:14px}.water-label{font-size:7px}.water-label small{font-size:10px}.control-panel{min-height:790px}.control-scroll{max-height:650px}.control-bottom{position:relative}.bottom-bar{min-height:36px;height:auto;line-height:1.5;flex-wrap:wrap;padding:8px 12px;font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}