:root{--sidebar-width:252px}
.site-sidebar{padding:24px 18px;background:#101b29}
.sidebar-brand{display:flex;flex-direction:column;justify-content:center;gap:12px;text-align:center;margin:0 0 29px;padding:3px 0 24px;border-bottom:1px solid #8bc6ff16}
.sidebar-brand img{display:block;width:114px;height:114px;object-fit:contain;filter:drop-shadow(0 5px 16px #398bea22)}
.sidebar-brand .sidebar-name{font-family:'Segoe UI',Arial,sans-serif;font-weight:750;font-size:18px;letter-spacing:.1px;color:#f2f7ff;line-height:1.3}
.sidebar-brand .sidebar-name span{color:#86cfff}
.sidebar-heading{font-size:10px!important;font-weight:650;color:#7c98b1!important;text-transform:uppercase;letter-spacing:1.2px;margin:22px 12px 10px}
.sidebar-tree>li+li{margin-top:5px}
.site-sidebar nav a{display:flex;align-items:center;gap:11px;min-height:44px;font-size:14px;padding:11px 12px;border-radius:10px;line-height:1.4;color:#b8c9da}
.menu-icon{width:18px;height:18px;flex:0 0 18px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.site-sidebar nav a:hover{color:#edf8ff;background:#7ccaff0b}
.site-sidebar nav a[aria-current="page"]{background:#244560a6;border:1px solid #80caff39;color:#e7f6ff;box-shadow:inset 3px 0 #85cfff;font-weight:600}
.sidebar-games{border-top:1px solid #8bc6ff16;margin-top:17px!important;padding-top:17px}
.site-sidebar nav a.sidebar-group{min-height:30px;font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:1.2px;color:#7c98b1;padding-top:3px;padding-bottom:6px}
.sidebar-children{margin:3px 0 0;padding:0;border-left:0}.sidebar-children li+li{margin-top:4px}
.site-sidebar nav[aria-label="Inhaltsverzeichnis"]{gap:1px;counter-reset:contents}
.site-sidebar nav[aria-label="Inhaltsverzeichnis"] a{min-height:36px;font-size:12px;padding:8px 11px;color:#93abc0;border:1px solid transparent;border-radius:8px;gap:10px}
.site-sidebar nav[aria-label="Inhaltsverzeichnis"] a:before{counter-increment:contents;content:counter(contents,decimal-leading-zero);font-size:10px;font-variant-numeric:tabular-nums;color:#5b7b95;width:16px;flex-shrink:0}
.site-sidebar nav[aria-label="Inhaltsverzeichnis"] a[aria-current="location"]{background:#7ccaff0c;color:#bce7ff;border-color:#7ccaff15}
.site-sidebar nav[aria-label="Inhaltsverzeichnis"] a[aria-current="location"]:before{color:#8ed5ff}
.sidebar-panel>.sidebar-heading{padding-top:19px;margin-top:19px;border-top:1px solid #8bc6ff16}
.sound-toggle{margin-top:23px;padding:10px 12px;font-size:12px;background:#0d1824;border-color:#81b8ec18}
.sidebar-server{margin-top:12px;padding:12px;font-size:10px;background:transparent;border:0;line-height:1.8;color:#7893a9}
.sidebar-server strong{font-size:12px;font-weight:600;color:#afcde2}
@media(max-width:1050px) and (min-width:761px){:root{--sidebar-width:230px}.sidebar-brand img{width:100px;height:100px}.sidebar-brand .sidebar-name{font-size:17px}}
@media(max-width:760px){.site-sidebar{padding:0 16px;display:flex;flex-direction:column}.sidebar-toggle{order:-1}.sidebar-brand{display:none}.site-sidebar[data-open="true"] .sidebar-brand{display:flex;padding:8px 0 19px;margin-bottom:8px}.sidebar-brand img{width:84px;height:84px}.sidebar-brand .sidebar-name{font-size:17px}.sidebar-panel{padding-bottom:20px}.sidebar-server{display:none}.sidebar-games{margin-top:12px!important;padding-top:12px}.site-sidebar{max-height:90dvh}.sound-toggle{margin-top:18px}}