.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{width:100%;aspect-ratio:900 / 480;display:block}.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}[data-theme=light] .animation-stage{background:#e8f0fb;border-color:#0077a833}