/* v0.15.1 Navigation refresh */
.nav-v0151{min-height:72px;padding:0 clamp(22px,3.2vw,58px);gap:28px;background:rgba(6,8,11,.97);border-bottom:1px solid rgba(255,255,255,.065);box-shadow:0 10px 35px rgba(0,0,0,.16)}
.nav-v0151 .brand{flex:0 0 auto;min-width:max-content}
.site-nav-clean{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-left:auto;min-width:0}
.site-nav-clean>a,.nav-dropdown>summary{display:flex;align-items:center;gap:6px;min-height:40px;padding:0 10px;border-radius:8px;color:#c7ced5;font-size:.78rem;font-weight:750;white-space:nowrap;text-decoration:none;transition:background .16s ease,color .16s ease}
.site-nav-clean>a:hover,.nav-dropdown>summary:hover,.nav-dropdown[open]>summary{background:#121820;color:#fff}
.nav-dropdown{position:relative;margin:0}
.nav-dropdown>summary{list-style:none;cursor:pointer;user-select:none}
.nav-dropdown>summary::-webkit-details-marker{display:none}
.nav-chevron{display:inline-block;color:#697681;font-size:.9rem;line-height:1;transition:transform .16s ease}
.nav-dropdown[open] .nav-chevron{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;z-index:1000;top:calc(100% + 11px);left:0;width:320px;padding:9px;background:#0d1217;border:1px solid #27303a;border-radius:12px;box-shadow:0 22px 55px rgba(0,0,0,.48);animation:navMenuIn .13s ease-out}
.nav-dropdown-menu-right{left:auto;right:0}
.nav-dropdown-menu:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.nav-menu-label{display:block;padding:8px 10px 7px;color:#697681;font-size:.61rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.nav-dropdown-menu a{display:block;padding:10px 11px;border-radius:8px;color:#d7dde2;text-decoration:none;transition:background .14s ease}
.nav-dropdown-menu a:hover{background:#151c23}
.nav-dropdown-menu a b{display:block;color:#f4f7f9;font-size:.78rem;line-height:1.25}
.nav-dropdown-menu a small{display:block;margin-top:3px;color:#7f8b96;font-size:.67rem;font-weight:500;line-height:1.35;white-space:normal}
.nav-divider{width:1px;height:24px;margin:0 5px;background:#252c34}
.site-nav-clean .nav-live-link{color:#e4e8eb}
.live-dot{width:7px;height:7px;border-radius:50%;background:#e23a3a;box-shadow:0 0 0 4px rgba(226,58,58,.11)}
.site-nav-clean .nav-account-link{color:#e4e8eb}
.site-nav-clean .nav-admin-link{color:#f0c0bd}
.site-nav-clean .nav-signout{margin-left:4px;padding:0 14px;border-color:#28313b}
.site-nav-clean .nav-join{margin-left:5px;padding:0 14px}
@keyframes navMenuIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:1180px){
 .nav-v0151{min-height:68px;padding:0 22px}
 .nav-v0151 .site-nav-toggle{display:flex;align-items:center;gap:8px;margin-left:auto}
 .site-nav-clean{display:none;position:absolute;top:68px;left:0;right:0;z-index:999;max-height:calc(100vh - 68px);overflow:auto;margin:0;padding:12px 18px 20px;background:#090d11;border-top:1px solid #202831;border-bottom:1px solid #27303a;box-shadow:0 24px 50px rgba(0,0,0,.48)}
 .site-nav-clean.open{display:block}
 .site-nav-clean>a,.nav-dropdown>summary{width:100%;min-height:44px;padding:0 12px;justify-content:space-between}
 .nav-dropdown{width:100%;border-bottom:1px solid #171d23}
 .nav-dropdown-menu,.nav-dropdown-menu-right{position:static;width:auto;margin:0 0 9px;padding:5px;background:#0c1116;border:1px solid #1f2831;border-radius:9px;box-shadow:none;animation:none}
 .nav-dropdown-menu:before{display:none}
 .nav-dropdown-menu a{padding:10px 12px}
 .nav-divider{display:none}
 .site-nav-clean>.nav-live-link,.site-nav-clean>.nav-account-link,.site-nav-clean>.nav-admin-link{border-bottom:1px solid #171d23}
 .site-nav-clean .nav-signout,.site-nav-clean .nav-join{justify-content:center;margin:10px 0 0}
}
@media(max-width:520px){
 .nav-v0151{padding:0 14px}
 .nav-v0151 .brand span:last-child{font-size:.78rem}
 .nav-v0151 .brand-mark{width:34px;height:34px}
 .site-nav-clean{padding-left:12px;padding-right:12px}
}