/* Compact astral navigation with an optional icon rail. */
@media(min-width:851px){.layout{grid-template-columns:224px minmax(0,1fr)}.sidebar-compact .layout{grid-template-columns:76px minmax(0,1fr)}.navigation{padding:0!important;background:#17232f!important;border:1px solid #334454!important;border-image:none!important;border-radius:6px;box-shadow:0 6px 20px #0004;overflow:auto;scrollbar-width:thin;scrollbar-color:#425566 transparent}.navigation:before,.navigation:after{display:none!important}.navigation nav{padding:8px;display:flex;flex-direction:column;gap:4px}.navigation nav button{display:flex;align-items:center;gap:12px;min-height:48px;margin:0;padding:9px 10px;border:0!important;border-image:none!important;border-radius:4px;background:transparent!important;box-shadow:none!important;font:15px 'Segoe UI',sans-serif;text-align:left;color:#bacbd7;white-space:nowrap}.navigation nav button:hover{background:#243848!important;color:#ecf6fc}.navigation nav button.selected{background:#243b49!important;color:#ecfaf6;box-shadow:inset 3px 0 #77d7c4!important}.navigation nav button>span:last-child{overflow:hidden;text-overflow:ellipsis}.navigation .nav-label{display:flex;align-items:center;gap:9px;padding:14px 10px;border-bottom:1px solid #334454;letter-spacing:.04em;color:#dce9ec}.nav-label strong{font:600 15px 'Segoe UI',sans-serif;flex:1}.nav-label small{display:block;font:10px 'Segoe UI',sans-serif;color:#86b7c6;margin-top:4px}.sidebar-emblem{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid #78cadc;border-radius:50%;color:#8be3ed;font-size:27px;background:#09131d;box-shadow:0 3px 7px #0008}#sidebar-toggle{min-height:32px;width:24px;padding:0;border:0;border-radius:3px;background:#243b49;color:#b7e0e8;font:24px 'Segoe UI',sans-serif}.skill-sidebar{padding:12px;border-top:1px solid #334454}.navigation .nav-bottom{position:static;padding:12px;border-top:1px solid #334454;background:transparent}.nav-bottom .seal,.nav-bottom>strong,.nav-bottom>small{display:none}.sidebar-compact .nav-label{padding:12px 8px;flex-wrap:wrap;justify-content:center;gap:6px}.sidebar-compact .nav-label strong,.sidebar-compact nav button>span:last-child,.sidebar-compact .skill-sidebar,.sidebar-compact .nav-bottom .level,.sidebar-compact #xp{display:none}.sidebar-compact #sidebar-toggle{width:40px;min-height:24px}.sidebar-compact nav button{justify-content:center;padding:10px 0}.sidebar-compact .nav-bottom{padding:8px}.sidebar-compact #skills-open{font-size:0;min-width:0;width:100%;padding:8px}.sidebar-compact #skills-open:after{content:'XP';font:12px 'Segoe UI',sans-serif}.navigation nav button:focus-visible{outline:2px solid #8adfcc;outline-offset:0}}
.nav-pictogram{width:30px;height:30px;flex:0 0 30px;display:block;filter:drop-shadow(0 3px 2px #0008)}.nav-pictogram svg{width:100%;height:100%;fill:color-mix(in srgb,var(--nav-color) 25%,#14202b);stroke:var(--nav-color);stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
@media(min-width:1500px){.layout{grid-template-columns:224px minmax(0,1fr) 260px}.sidebar-compact .layout{grid-template-columns:76px minmax(0,1fr) 260px}}
@media(max-width:850px){.nav-label strong,.sidebar-emblem,#sidebar-toggle{display:none}.navigation nav button{display:flex;align-items:center;gap:8px}.navigation nav .nav-pictogram{width:24px;height:24px;flex-basis:24px}}

/* Sidebar scrolls as one document: sections must not shrink over their contents. */
@media(min-width:851px){.navigation>.nav-label,.navigation>nav,.navigation>.skill-sidebar,.navigation>.nav-bottom{flex:0 0 auto}.navigation .nav-bottom{height:auto;min-height:0!important;margin-top:0;justify-content:flex-start}.navigation .skill-sidebar{height:auto;min-height:min-content}}