/* Navigation owns its scrolling, including the browser's changing mobile viewport. */
.sidebar{height:100vh;height:100dvh;bottom:auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#596b70 transparent;-webkit-overflow-scrolling:touch;padding-bottom:max(23px,env(safe-area-inset-bottom));}
.sidebar>*{flex-shrink:0}
.sidebar .brand small{font:11px/1.5 "Microsoft YaHei UI","PingFang SC",sans-serif;letter-spacing:.7px;color:#a0adb1;white-space:nowrap}
.sidebar-credits{border-top:1px solid #303b40;margin:24px 8px 0;padding-top:17px}
.sidebar-credits h2{font-size:11px;font-weight:500;letter-spacing:1.5px;color:#9cabad;margin:0 0 12px}
.sidebar-credits a{display:flex;align-items:center;gap:8px;color:#aac9e5;font:11px/1.7 "Microsoft YaHei UI",sans-serif;border-radius:4px;min-height:30px}
.sidebar-credits a:hover{color:#e4c792}
.sidebar-credits svg{flex-shrink:0}
.sidebar-credits a>span:first-of-type{min-width:0;overflow-wrap:anywhere}
.credits-arrow{margin-left:auto;color:#7b939f}
.sidebar-bottom{padding-top:24px}
.sidebar-bottom small{color:#96a6ac}
.sidebar-close,.sidebar-backdrop{display:none}
@media(max-width:600px){
 .sidebar{width:min(280px,86vw);padding:26px 20px max(22px,env(safe-area-inset-bottom));}
 .sidebar .brand{padding-right:20px}
 .sidebar .brand small{font-size:11px}
 .sidebar .game-label{padding-top:21px;padding-bottom:22px}
 .sidebar .nav-label{margin-top:22px}
 .sidebar .nav-item{min-height:44px;padding:12px 11px;font-size:13px}
 .sidebar .sidebar-bottom{padding-top:22px}
 .sidebar .orbit-mark{font-size:34px}
 .sidebar .sidebar-bottom p{font-size:12px;line-height:1.9}
 .sidebar-close{display:block;position:absolute;top:10px;right:9px;color:#bdc5c5;font-size:25px;min-width:36px;min-height:36px}
 .sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:19;border:0;background:#17212966;cursor:pointer;}
 body.sidebar-open{overflow:hidden}
}