:root{--sidebar-width:240px;--sidebar-width-tablet:220px;--sidebar-bg:hsla(0,0%,100%,.08);--sidebar-border:hsla(0,0%,100%,.15);--sidebar-blur:20px;--sidebar-item-hover:hsla(0,0%,100%,.12);--sidebar-item-active:hsla(0,0%,100%,.2)}body.has-sidebar{margin-left:var(--sidebar-width)}body.has-sidebar .app-container,body.has-sidebar .container,body.has-sidebar .content-container,body.has-sidebar .guide-container,body.has-sidebar .guide-content,body.has-sidebar .lfu-awesome,body.has-sidebar .markdown-body,body.has-sidebar .outer-container{margin-left:0!important;max-width:calc(100vw - var(--sidebar-width))!important}body.has-sidebar .index-section{max-width:100%!important}body.has-sidebar .page-heroes .outer-container,body.has-sidebar .page-relics .outer-container{max-width:calc(100vw - var(--sidebar-width))!important}@media (max-width:1024px){body.has-sidebar{margin-left:var(--sidebar-width-tablet)}body.has-sidebar .app-container,body.has-sidebar .container,body.has-sidebar .content-container,body.has-sidebar .guide-container,body.has-sidebar .guide-content,body.has-sidebar .lfu-awesome,body.has-sidebar .markdown-body,body.has-sidebar .outer-container,body.has-sidebar .page-heroes .outer-container,body.has-sidebar .page-relics .outer-container{max-width:calc(100vw - var(--sidebar-width-tablet))!important}}@media (max-width:820px){body.has-sidebar{margin-left:0}body.has-sidebar .app-container,body.has-sidebar .container,body.has-sidebar .content-container,body.has-sidebar .guide-container,body.has-sidebar .guide-content,body.has-sidebar .lfu-awesome,body.has-sidebar .markdown-body,body.has-sidebar .outer-container,body.has-sidebar .page-heroes .outer-container,body.has-sidebar .page-relics .outer-container{max-width:100vw!important}}.sidebar-nav{backdrop-filter:blur(var(--sidebar-blur));-webkit-backdrop-filter:blur(var(--sidebar-blur));background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease;width:var(--sidebar-width);z-index:1000}@media (max-width:1024px){.sidebar-nav{width:var(--sidebar-width-tablet)}}@media (max-width:820px){.sidebar-nav{display:none;transform:translateX(-100%)}}.sidebar-header{background:hsla(0,0%,100%,.03);border-bottom:1px solid var(--sidebar-border);padding:var(--space-xl) var(--space-md)}.sidebar-logo{color:var(--text);display:block;text-decoration:none}.sidebar-logo-img{display:block;height:auto;margin:0 auto;width:100%}.sidebar-nav-list{flex:1;list-style:none;margin:0;padding:var(--space-lg) 0}.sidebar-nav-item{margin:0}.sidebar-nav-link{align-items:center;border-left:3px solid transparent;color:var(--text);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);padding:var(--space-md) var(--space-lg);text-decoration:none;transition:all var(--transition-fast)}.sidebar-nav-link:hover{background:var(--sidebar-item-hover);border-left-color:var(--accent);color:var(--accent-hover)}.sidebar-nav-link.active{background:var(--sidebar-item-active);border-left-color:var(--accent-hover);color:var(--accent-hover);font-weight:var(--font-weight-medium)}.sidebar-section{margin:var(--space-sm) 0}.sidebar-section-header{align-items:center;color:var(--muted);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);justify-content:space-between;letter-spacing:.05em;padding:var(--space-md) var(--space-lg);text-transform:uppercase;transition:all var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar-section-header:hover{background:hsla(0,0%,100%,.05);color:var(--text)}.sidebar-section-arrow{font-size:var(--font-size-xs);transition:transform var(--transition-normal)}.sidebar-section.collapsed .sidebar-section-arrow{transform:rotate(-90deg)}.sidebar-section-content{max-height:1000px;overflow:hidden;transition:max-height var(--transition-normal)}.sidebar-section.collapsed .sidebar-section-content{max-height:0}.sidebar-section-content .sidebar-nav-link{font-size:var(--font-size-sm);padding-left:var(--space-3xl)}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.main-content{min-height:100vh;transition:margin-left var(--transition-normal)}@media (max-width:820px){.mobile-menu-toggle{-webkit-backdrop-filter:blur(var(--sidebar-blur));backdrop-filter:blur(var(--sidebar-blur));background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:var(--radius-md);color:var(--text);cursor:pointer;display:block;left:var(--space-lg);padding:var(--space-md);position:fixed;top:var(--space-lg);z-index:1001}}.skip-link{background:var(--accent-primary,gold);border-radius:0 0 var(--radius-sm,4px) 0;color:#000;font-size:1rem;font-weight:700;left:0;padding:.75rem 1.5rem;position:absolute;text-decoration:none;top:-100%;transition:top .1s;z-index:9999}.skip-link:focus{top:0}