:root{font-family:DM Sans,system-ui,sans-serif;color:#dce9ed;background:#07121b;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{font:inherit;cursor:pointer}button{border:1px solid #28404d;background:#10212c;color:#cbdde3;border-radius:7px;min-height:42px;padding:8px 15px;transition:background .15s,border-color .15s}button:hover{background:#193442;border-color:#5e96a7}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #83d2dd;outline-offset:3px}button[aria-pressed=true]{background:#294b5b;border-color:#78afbd;color:#f5feff}button:disabled{opacity:.45;cursor:default}#water-lab{height:100dvh;display:grid;grid-template-rows:82px minmax(0,1fr) 76px}.lab-header{display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #1d3441;gap:24px}.lab-brand{text-decoration:none;color:inherit;min-width:190px}.lab-brand>span{display:block;font-size:9px;letter-spacing:2.6px;color:#86a5b4}.lab-brand strong{display:flex;align-items:center;gap:11px;font-size:25px;letter-spacing:-.6px;font-weight:500;line-height:1.45}.live-dot{display:block;width:6px;height:6px;border-radius:50%;background:#77d2ca;box-shadow:0 0 12px #77d2ca55}.scenarios{display:flex;gap:6px}.scenarios button{background:transparent;border-color:transparent}.scenarios button[aria-pressed=true]{background:#162d39;border-color:#345464}#focus-view{min-width:85px;background:transparent;color:#91b0bd}#water-stage{position:relative;overflow:hidden;touch-action:none}#water-canvas{position:absolute;inset:0}#water-canvas canvas{display:block}#water-status{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);color:#b4d4dd;background:#0a1b27e8;border:1px solid #284553;border-radius:12px;padding:15px 22px;max-width:85%;text-align:center;pointer-events:none}#water-status:empty{display:none}.scale-note{position:absolute;bottom:8px;left:28px;font-size:8px;letter-spacing:2px;color:#486675;pointer-events:none}.lab-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 28px;border-top:1px solid #1d3441;background:#091720}.transport,.tools{display:flex;gap:6px}.flow-toggle{display:flex;align-items:center;gap:8px;color:#9bb8c5;font-size:12px;white-space:nowrap}input{accent-color:#72bfcb}details{position:relative;font-size:12px;color:#9bb8c5}summary{list-style:none;padding:14px 5px}summary::-webkit-details-marker{display:none}.diagnostic-panel{position:absolute;right:0;bottom:54px;width:320px;padding:12px 20px;border:1px solid #35525e;border-radius:12px;background:#0b1c28f5;box-shadow:0 15px 40px #0005;line-height:1.8;z-index:5}.diagnostic-panel p{white-space:pre-line}body.focus #water-lab{grid-template-rows:0 minmax(0,1fr) 0}body.focus .lab-header,body.focus .lab-controls{visibility:hidden}body.focus .scale-note{display:none}@media(max-width:800px){#water-lab{grid-template-rows:70px minmax(0,1fr) 112px}.lab-header{padding:0 14px;gap:10px}.lab-brand{min-width:125px}.lab-brand>span{font-size:7px;letter-spacing:1.5px}.lab-brand strong{font-size:20px}.scenarios{gap:1px}.scenarios button{padding:8px 9px;font-size:12px}#focus-view{display:none}.lab-controls{padding:10px 14px;gap:8px;flex-wrap:wrap}.flow-toggle{flex:1}.lab-controls button{padding:7px 11px;min-height:42px;font-size:12px}.scale-note{left:14px}.diagnostic-panel{width:min(320px,88vw)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.zoom-control{display:flex;align-items:center;gap:9px;color:#91b0bd;font-size:12px;white-space:nowrap}.zoom-control input{width:110px;cursor:pointer}.zoom-control output{width:72px}.lab-header{gap:16px}@media(max-width:1000px){#focus-view{display:none}.zoom-control input{width:72px}.zoom-control output{display:none}}@media(max-width:600px){#water-lab{grid-template-rows:104px minmax(0,1fr) 112px}.lab-header{flex-wrap:wrap;justify-content:center;gap:3px 18px;padding:8px 12px}.lab-brand{min-width:110px}.zoom-control{font-size:11px}.zoom-control input{width:95px}.scenarios{order:3;width:100%;justify-content:center}.scenarios button{min-height:36px;padding:4px 12px}}@media(max-width:600px){.lab-controls{display:grid;grid-template-columns:1fr auto;grid-template-rows:42px 42px;gap:8px}.transport{grid-column:1;grid-row:1}.tools{grid-column:1;grid-row:2}.flow-toggle{grid-column:2;grid-row:2;max-width:145px;white-space:normal;font-size:11px}.lab-controls>details{grid-column:2;grid-row:1;justify-self:end}}.physical-scale-control{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px;color:#91b0bd}.physical-scale-control select{font:inherit;color:#dce9ed;background:#10212c;border:1px solid #345464;border-radius:7px;padding:10px;min-height:42px;cursor:pointer}.physical-scale-control select:focus-visible{outline:2px solid #83d2dd;outline-offset:3px}.scale-note{color:#75929e;letter-spacing:1.2px;font-size:9px}@media(max-width:1250px){.physical-scale-control>span{display:none}}@media(max-width:1100px){#water-lab{grid-template-rows:104px minmax(0,1fr) 76px}.lab-header{display:grid;grid-template-columns:1fr auto auto;gap:4px 14px;padding:8px 16px}.scenarios{grid-row:2;grid-column:1/4;justify-content:center}.physical-scale-control,.zoom-control{justify-self:end}.lab-brand strong{font-size:20px}.lab-brand{min-width:110px}}@media(max-width:800px){#water-lab{grid-template-rows:104px minmax(0,1fr) 112px}}@media(max-width:600px){.lab-header{grid-template-columns:1fr auto;padding:8px 12px;gap:4px 8px}.physical-scale-control{grid-column:2;grid-row:1}.physical-scale-control select{padding:7px;min-height:36px}.scenarios{grid-row:2;grid-column:1;justify-content:start}.scenarios button{padding:4px 8px;font-size:11px}.zoom-control{grid-row:2;grid-column:2}.zoom-control input{width:68px}.scale-note{font-size:8px;letter-spacing:.5px}}.flow-controls{display:grid;gap:5px}.flow-controls .flow-toggle{grid-area:auto;min-height:20px;margin:0}@media(max-width:600px){.flow-controls{grid-column:2;grid-row:2;gap:0}}.body-controls{position:absolute;left:14px;top:12px;display:flex;align-items:center;gap:7px;max-width:calc(100% - 28px);flex-wrap:wrap}.body-controls button{background:#10212ce8;font-size:12px;padding:8px 12px}.body-controls span{color:#b3c6cc;font-size:11px;max-width:190px}body.focus .body-controls{display:none}@media(max-width:600px){.body-controls span{flex-basis:100%;max-width:none}}#water-lab{grid-template-rows:82px auto minmax(0,1fr) 76px}.appearance-bar{display:flex;align-items:center;gap:20px;padding:10px 28px;border-bottom:1px solid #263944;background:#0c1a23;min-height:62px}.style-picker{display:flex;align-items:center;gap:5px;flex-shrink:0}.style-label{font-size:11px;color:#91b0bd;margin-right:10px}.style-picker button{min-height:36px;padding:6px 12px;font-size:12px}#style-description{font-size:11px;color:#9aacb3;margin:0;line-height:1.5;flex:1}.terrain-toggle{display:flex;align-items:center;gap:6px;font-size:11px;color:#c0c8bc;white-space:nowrap;cursor:pointer;min-height:36px}body.focus #water-lab{grid-template-rows:0 0 minmax(0,1fr) 0}body.focus .appearance-bar{visibility:hidden;padding:0;min-height:0;overflow:hidden}@media(max-width:1100px){#water-lab{grid-template-rows:104px auto minmax(0,1fr) 76px}.appearance-bar{gap:12px;padding:8px 16px}.style-label{display:none}}@media(max-width:800px){#water-lab{grid-template-rows:104px auto minmax(0,1fr) 112px}.appearance-bar{display:grid;grid-template-columns:1fr auto;gap:3px 10px}.style-picker{grid-column:1/-1}.style-picker button{flex:1}#style-description{font-size:10px}.terrain-toggle{font-size:10px;min-height:28px}}@media(max-height:500px)and (min-width:601px){#water-lab{grid-template-rows:66px 46px minmax(0,1fr) 66px}.lab-header{display:flex;flex-wrap:nowrap}.scenarios{width:auto}.lab-brand>span,.zoom-control,.style-label,#style-description{display:none}.appearance-bar{display:flex;padding:5px 14px}.style-picker{flex:1}.style-picker button{flex:0}.terrain-toggle{margin-left:auto}.lab-controls{padding:6px 14px}.body-controls{top:5px}.body-controls button{min-height:32px;padding:4px 8px}}