/* The uploaded sheet is clipped with CSS; its artwork is not regenerated or edited. */
#sidebar { padding:.75rem; overflow:hidden; top:var(--sidebar-top,4.4rem); height:calc(100dvh - var(--sidebar-top,4.4rem)); }
.sidebar-links { display:flex; flex-direction:column; gap:.3rem; min-height:0; flex:1; overflow-y:auto; scrollbar-width:thin; }
#sidebar .nav-button { display:flex; align-items:center; gap:.6rem; flex:none; min-height:46px; padding:.5rem; }
.nav-label { min-width:0; flex:1; }
.nav-icon { display:block; flex:none; width:2rem; height:calc(2rem * 240 / 272); background-image:url('/static/navigation-icons.png'); background-repeat:no-repeat; background-size:470.5882353% 533.3333333%; }
.sidebar-bottom { flex:none; border-top:1px solid var(--line); padding-top:.5rem; }
.sidebar-support { display:flex; align-items:center; gap:.6rem; min-height:44px; margin-top:.25rem; padding:.5rem; color:var(--muted); font-size:.75rem; text-decoration:none; border-radius:.4rem; }
.sidebar-support .support-cup { flex:none; width:2rem; height:1.25rem; }
.sidebar-support:hover,.sidebar-support:focus-visible { color:var(--yellow); background:#211e0c; }
#sidebar-collapse { display:flex; align-items:center; gap:.6rem; width:100%; min-height:44px; text-align:left; }
.sidebar-collapse-icon { flex:none; width:2rem; text-align:center; font-size:1.5rem; line-height:1; }
#sidebar .sidebar-foot { margin:0; padding:.4rem .5rem 0; font-size:.72rem; }
.sidebar-tooltip { position:fixed; z-index:150; max-width:18rem; padding:.5rem .75rem; border:1px solid var(--yellow); border-radius:.4rem; background:#111; color:var(--ink); box-shadow:var(--shadow); pointer-events:none; font-size:.85rem; }
@media(min-width:761px) {
  .messenger-open #sidebar { top:0; height:100%; }
  #app-shell.sidebar-collapsed > .workspace { grid-template-columns:4.75rem minmax(0,1fr); }
  .sidebar-collapsed #sidebar { padding:.5rem; }
  .sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-foot,.sidebar-collapsed .sidebar-collapse-label { display:none; }
  .sidebar-collapsed .support-label { display:none; }
  .sidebar-collapsed .sidebar-support { justify-content:center; padding:.5rem .25rem; }
  .sidebar-collapsed #sidebar .nav-button,.sidebar-collapsed #sidebar-collapse { justify-content:center; padding:.5rem .25rem; }
  .sidebar-collapsed .sidebar-collapse-icon { transform:rotate(180deg); }
  .sidebar-collapsed #sidebar .nav-pip { position:absolute; right:0; top:0; min-width:1rem; padding:.1rem .2rem; font-size:.65rem; line-height:1.1; }
}
@media(max-width:760px) {
  #app-shell > .topbar { height:auto; min-height:4.4rem; }
  .messenger-open #sidebar { top:calc(var(--messenger-top,0px) + var(--messenger-header,4.4rem)); height:calc(var(--messenger-height,100dvh) - var(--messenger-header,4.4rem)); }
  #sidebar-collapse { display:none; }
}
@media(prefers-reduced-motion:reduce) { #sidebar { transition:none; } }

.nav-icon--dashboard { background-position:3.968253968% 15.384615385%; }
.nav-icon--battlefield { background-position:33.730158730% 15.384615385%; }
.nav-icon--floors { background-position:63.888888889% 15.384615385%; }
.nav-icon--characters { background-position:94.246031746% 15.384615385%; }
.nav-icon--messaging { background-position:3.968253968% 48.076923077%; }
.nav-icon--campaign { background-position:33.730158730% 48.076923077%; }
.nav-icon--records { background-position:63.888888889% 48.076923077%; }
.nav-icon--rules { background-position:94.246031746% 48.076923077%; }
.nav-icon--media { background-position:3.968253968% 80.192307692%; }
.nav-icon--display { background-position:33.730158730% 80.192307692%; }
.nav-icon--members { background-position:63.492063492% 80.192307692%; }
.nav-icon--admin { background-position:94.246031746% 80.192307692%; }