.page-main{flex:1;display:flex;flex-direction:column;min-height:100vh;padding:2rem;max-width:100%;margin:0;width:100%;box-sizing:border-box;overflow-y:auto;background-image:url("/img/bg.png");background-repeat:repeat;box-shadow:var(--shadow-inset);align-self:stretch}.container.with-sidebar{display:flex;min-height:100vh;align-items:flex-start}#sidebar{background-size:auto 100%!important;background-position:center!important;background-repeat:no-repeat!important}.container.with-sidebar #sidebar{background-size:auto 100%!important;background-position:center!important;background-repeat:no-repeat!important}.container.with-sidebar .sidebar{position:sticky;top:0;flex:0 0 var(--sidebar-width);height:100vh;padding:4rem var(--container-padding) 4rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;overflow:hidden;box-shadow:var(--shadow-inset);align-self:flex-start}.container.with-sidebar .sidebar::before{content:"";position:absolute;inset:0;min-height:100%;background:rgba(0,0,0,.6);z-index:0}.container.with-sidebar .sidebar>*{position:relative;z-index:1}#char-name{font-size:2.5rem;margin-bottom:.5rem;width:100%;margin-top:2rem}#char-title{font-size:1.2rem;margin-bottom:1rem;opacity:.9;width:100%}#char-description{font-size:1rem;line-height:1.5;opacity:.8;width:100%;padding-bottom:8rem}.page-nav-bottom,.page-nav-top{margin-bottom:1rem}.back-link{display:inline-block;background:var(--color-card-bg);color:var(--color-text-main);padding:.75rem 1.5rem;border-radius:var(--radius-card);text-decoration:none;transition:transform var(--transition-fast),background var(--transition-fast);border:1px solid #fff;cursor:pointer;font-size:1rem}.back-link:hover{transform:scale(1.02);background:rgba(255,255,255,.1)}.page-content{flex:1;line-height:1.6}.page-content h1{font-size:2.5rem;margin-bottom:1rem}.page-content h2{font-size:1.8rem;margin-top:2rem;margin-bottom:1rem}.page-content h3{font-size:1.4rem;margin-top:1.5rem;margin-bottom:.75rem}.page-content p{margin-bottom:1rem}.page-content ol,.page-content ul{margin-bottom:1rem;padding-left:1.5rem}.page-content li{margin-bottom:.5rem}.page-content pre{background:rgba(255,255,255,.05);padding:1rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1rem;border-width:1px;border-style:dashed}.page-content code{font-family:Onest,monospace;font-size:.9rem}.page-content blockquote{border-left:4px solid #666;padding-left:1rem;margin:1rem 0;color:var(--color-text-muted,#ccc);font-style:italic}.page-content table{width:100%;border-collapse:collapse;margin-bottom:1rem}.page-content td,.page-content th{border:1px solid #444;padding:.5rem;text-align:left}.page-content img{max-width:100%;height:auto;border-radius:.5rem;margin:1rem 0}.page-content img.center{display:block;margin:1rem auto}.page-content img.stretch{width:100%;height:auto;max-width:none}.page-content th{background:rgba(255,255,255,.05)}.page-content hr{border:none;border-top:1px solid #444;margin:2rem 0}.page-content a{color:#6eb5ff;text-decoration:none}.page-content a:hover{text-decoration:underline}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:1rem 0;border-radius:.5rem}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.footer{margin-top:auto;padding-top:2rem;text-align:center}.footer-copy{font-size:.875rem;color:var(--color-text-muted,#ccc)}