.header{z-index:5000;background:var(--ch-bg-surface-hard);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #334155b3;position:sticky;top:0;box-shadow:0 10px 30px #00000059}.header a{color:var(--ch-text-main);text-decoration:none}.header-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1200px;height:72px;margin:0 auto;padding:0 14px;display:flex;position:relative}.brand{border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;min-width:0;padding:8px 10px;transition:background .16s,border-color .16s;display:inline-flex}.brand:hover{background:var(--ch-bg-surface-soft);border-color:#334155b3}.brand-text{flex-direction:column;gap:2px;min-width:0;display:flex}.brand-title{letter-spacing:.06em;background:linear-gradient(135deg,var(--vcrdb-green)0%,#f87171 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:900}.brand-subtitle{color:var(--ch-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:52vw;font-size:12px;overflow:hidden}.nav-desktop{align-items:center;gap:8px;display:none}.nav-link{height:40px;color:var(--ch-text-main);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:0 12px;transition:background .16s,border-color .16s,transform .16s,color .16s;display:inline-flex}.nav-link:hover{background:var(--ch-bg-surface-soft);border-color:#334155b3}.nav-link:active{transform:translateY(1px)}.nav-profile{background:#ef44441f;border-color:#ef444452}.nav-profile:hover{background:#ef44442e;border-color:#ef444473}.nav-profile .material-svg{font-size:18px;line-height:1;position:relative;top:1px}.menu-btn{display:none}.menu-icon{cursor:pointer;background:0 0;border:1px solid #334155bf;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .16s,border-color .16s;display:inline-flex}.menu-icon:hover{background:var(--ch-bg-surface-soft);border-color:#334155f2}.menu-icon:focus-visible{outline-offset:2px;outline:2px solid #ef4444d9}.burger{background:var(--ch-text-main);border-radius:2px;width:18px;height:2px;transition:background .16s;position:relative}.burger:before,.burger:after{content:"";background:var(--ch-text-main);border-radius:2px;width:18px;height:2px;transition:transform .18s,top .18s;position:absolute;left:0}.burger:before{top:-6px}.burger:after{top:6px}.nav-mobile-wrap{background:var(--ch-bg-surface-hard);border-top:1px solid #3341558c;width:100%;max-height:0;transition:max-height .22s;position:absolute;top:72px;left:0;right:0;overflow:hidden;box-shadow:0 18px 40px #00000073}.menu-btn:checked~.nav-mobile-wrap{max-height:520px}.menu-btn:checked~.menu-icon .burger{background:0 0}.menu-btn:checked~.menu-icon .burger:before{top:0;transform:rotate(45deg)}.menu-btn:checked~.menu-icon .burger:after{top:0;transform:rotate(-45deg)}.nav-mobile{flex-direction:column;gap:10px;margin:0;padding:12px 14px 16px;display:flex}.mobile-link{box-sizing:border-box;background:#1e293bb8;border:1px solid #334155a6;border-radius:14px;justify-content:flex-start;align-items:center;gap:10px;width:100%;padding:14px;transition:background .16s,border-color .16s,transform .16s;display:flex}.mobile-link:hover{background:#1e293bdb}.mobile-link:active{transform:translateY(1px)}.mobile-link .material-svg{font-size:20px;line-height:1}.mobile-profile{background:#ef444424;border-color:#ef444459}.mobile-profile:hover{background:#ef444433;border-color:#ef44447a}.mobile-link img{width:20px;height:20px}.nav-discord{color:#c7d2fe;background:#5865f21f;border:1px solid #5865f259;border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.nav-discord:hover{background:#5865f22e;border-color:#5865f28c}.nav-discord:active{transform:translateY(1px)}.nav-discord img{width:20px;height:20px}@media (min-width:944px){.menu-icon,.menu-btn,.nav-mobile-wrap{display:none}.nav-desktop{display:flex}.header-inner{height:76px}.brand-subtitle{max-width:420px}}@media (max-width:943px){.brand{position:absolute;left:50%;transform:translate(-50%)}.brand-subtitle{display:none}}@media (max-width:420px){.brand-text{display:none}}