.docs-page{display:flex;min-height:100vh;padding-top:var(--nav-height)}.docs-sidebar{width:260px;flex-shrink:0;position:sticky;top:var(--nav-height);height:calc(100vh - var(--nav-height));overflow-y:auto;padding:2.5rem 1.5rem;border-right:1px solid rgba(255,255,255,.07);background:var(--color-surface);opacity:0;transform:translate(-30px)}.sidebar-title{font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-muted);margin-bottom:1rem}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.sidebar-nav a{display:block;padding:.5rem .75rem;border-radius:var(--radius-sm);color:var(--color-text);font-size:.9rem;font-weight:400;transition:color var(--transition-fast),background var(--transition-fast)}.sidebar-nav a:hover,.sidebar-nav a.active{color:var(--color-accent);background:#00b4d814}.docs-content{flex:1;padding:3rem 3.5rem;max-width:calc(var(--max-width) - 260px);opacity:0;transform:translate(30px)}.docs-section{margin-bottom:4rem}.docs-section h1{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:.5rem}.docs-section .doc-meta{color:var(--color-muted);font-size:.875rem;margin-bottom:2.5rem;max-width:none}.docs-section h2{font-size:1.5rem;margin:2.5rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08);color:var(--color-white)}.docs-section h3{font-size:1.1rem;margin:1.75rem 0 .75rem;color:var(--color-accent)}.docs-section p{color:var(--color-text);font-size:.9875rem;line-height:1.75;margin-bottom:1.25rem;max-width:72ch}.docs-section ul,.docs-section ol{list-style:disc;padding-left:1.5rem;margin-bottom:1.25rem;color:var(--color-text);font-size:.9875rem;line-height:1.75}.docs-section li{margin-bottom:.4rem}.docs-section code{font-family:Courier New,monospace;font-size:.875em;background:#00b4d81a;color:var(--color-accent);padding:.15em .4em;border-radius:3px}.docs-section pre{background:#0d1117;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem;overflow-x:auto}.docs-section pre code{background:none;padding:0;color:var(--color-text);font-size:.875rem;line-height:1.7}.info-box{background:#00b4d812;border:1px solid rgba(0,180,216,.25);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);padding:1.25rem 1.5rem;margin:1.5rem 0}.info-box p{color:var(--color-text);margin-bottom:0;max-width:none}@media (max-width: 768px){.docs-page{flex-direction:column}.docs-sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid rgba(255,255,255,.07)}.docs-content{padding:2rem 1.5rem;max-width:none}[data-theme=light] .docs-sidebar{border-bottom-color:#00000014}}[data-theme=light] .docs-sidebar{border-right-color:#00000014}[data-theme=light] .docs-section h2{border-bottom-color:#0000001a}[data-theme=light] .docs-section pre{background:#f1f5f9;border-color:#0000001a}[data-theme=light] .docs-section pre code{color:var(--color-text)}.animation-stage{position:relative;border-radius:var(--radius-lg);border:1px solid rgba(0,180,216,.15);background:#0d111e;margin:2rem 0;overflow:hidden}#terrain-cell-canvas,#face-xsec-canvas{width:100%;aspect-ratio:900 / 480;display:block}#water-transfer-canvas{width:100%;aspect-ratio:900 / 850;display:block}.backwater-stage{display:flex;align-items:stretch}#backwater-canvas{flex:1 1 0%;min-width:0;aspect-ratio:auto;display:block;height:auto;align-self:stretch}.backwater-panel{flex:0 0 320px;display:flex;flex-direction:column;gap:.4rem;padding:.75rem;font-family:Inter,sans-serif;font-size:.75rem;color:var(--color-text);border-left:1px solid rgba(0,180,216,.12);background:#0d111e59;overflow-y:auto;min-height:480px}.backwater-panel h3{margin:0;font-size:.8rem;font-weight:700;color:#e2e8f0;letter-spacing:.02em}.backwater-panel .bp-section-label{font-size:.7rem;font-weight:600;color:var(--color-accent);margin:.25rem 0 .1rem}.backwater-panel table{width:100%;border-collapse:collapse;font-size:.7rem;font-variant-numeric:tabular-nums}.backwater-panel th{color:var(--color-accent);font-weight:600;text-align:left;padding:.15rem .2rem;border-bottom:1px solid rgba(0,180,216,.15);font-size:.65rem;white-space:nowrap;cursor:help}.backwater-panel td{padding:.15rem .2rem;color:#e2e8f0b3;white-space:nowrap}.backwater-panel .bp-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.3rem}.backwater-panel .bp-input-group{display:flex;flex-direction:column;gap:.1rem}.backwater-panel .bp-input-group label{font-size:.6rem;color:#e2e8f080;white-space:nowrap}.backwater-panel .bp-input-group input{box-sizing:border-box;background:#001428d9;border:1px solid rgba(0,180,216,.4);border-radius:3px;color:var(--color-accent);font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;text-align:center;outline:none;padding:.2rem .25rem;width:100%;caret-color:var(--color-accent)}.backwater-panel span[title]{cursor:help;text-decoration:underline dotted rgba(226,232,240,.3);text-underline-offset:2px}.backwater-panel .bp-state-label{font-size:.6rem;color:#e2e8f066;margin:.15rem 0 0}.backwater-panel .bp-state-wrap{position:relative;flex:1 1 0%;display:flex;flex-direction:column}.backwater-panel .bp-copy-btn{position:absolute;top:4px;right:4px;background:#00b4d826;border:1px solid rgba(0,180,216,.35);border-radius:3px;color:var(--color-accent);font-family:Inter,sans-serif;font-size:.55rem;font-weight:600;padding:.15rem .4rem;cursor:pointer;line-height:1;transition:background .15s}.backwater-panel .bp-copy-btn:hover{background:#00b4d84d}.backwater-panel textarea{flex:1 1 0%;min-height:60px;box-sizing:border-box;background:#001428d9;border:1px solid rgba(0,180,216,.4);border-radius:3px;color:var(--color-accent);font-family:Courier New,monospace;font-size:.65rem;font-weight:400;outline:none;padding:.35rem .5rem;caret-color:var(--color-accent);resize:none;line-height:1.4;white-space:pre-wrap;word-break:break-all}[data-theme=light] .backwater-panel{background:#f1f5f999;border-left-color:#0077a826}[data-theme=light] .backwater-panel h3{color:var(--color-text)}[data-theme=light] .backwater-panel .bp-input-group input,[data-theme=light] .backwater-panel textarea{background:#fff;border-color:#0077a84d}.anim-replay-btn{position:absolute;top:1rem;left:1rem;background:#00b4d81f;border:1px solid rgba(0,180,216,.3);color:var(--color-accent);border-radius:var(--radius-sm);padding:.4rem .9rem;font-family:var(--font-display);font-size:.8rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.anim-replay-btn:hover{background:#00b4d838}.backwater-table{margin:-1.5rem 0 2rem;padding:.75rem 1rem;background:#0d111e59;border:1px solid rgba(0,180,216,.12);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow-x:auto;overflow-y:auto;max-height:220px}.backwater-table .bp-section-label{font-size:.7rem;font-weight:600;color:var(--color-accent);margin:0 0 .3rem}.backwater-table table{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;font-size:.75rem;font-variant-numeric:tabular-nums}.backwater-table th{color:var(--color-accent);font-weight:600;text-align:left;padding:.25rem .6rem;border-bottom:1px solid rgba(0,180,216,.15);font-size:.7rem;white-space:nowrap;cursor:help}.backwater-table td{padding:.25rem .6rem;color:#e2e8f0b3;white-space:nowrap}.backwater-table tr.critical td{color:#f97066;font-weight:600}[data-theme=light] .backwater-table{background:#f1f5f999;border-color:#0077a826}[data-theme=light] .backwater-table td{color:var(--color-text)}[data-theme=light] .backwater-table tr.critical td{color:#dc2626}[data-theme=light] .animation-stage{background:#e8f0fb;border-color:#0077a833}