.header{position:sticky;top:0;left:0;right:0;z-index:50;width:100%;border-bottom:1px solid hsla(0,0%,100%,.1);padding:10px 0;background:rgba(0,0,0,0);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header-wrapper{max-width:1400px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;box-sizing:border-box}.header__logo{width:5.238rem;height:auto;display:block}.header__menu-toggle{display:none;width:42px;height:38px;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;background:rgba(0,0,0,.4);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.header__menu-toggle span{display:block;width:18px;height:2px;background:#d4d4d4;transition:transform .2s ease,opacity .2s ease}.header__menu-toggle:hover{border-color:hsla(0,0%,100%,.35);background:hsla(0,0%,100%,.1)}.header__menu-toggle--open span:first-child{transform:translateY(7px) rotate(45deg)}.header__menu-toggle--open span:nth-child(2){opacity:0}.header__menu-toggle--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header-bottom{align-items:center}.header-bottom,.header-bottom-right{display:flex;gap:10px}.header-bottom-left{display:flex;align-items:center;flex-wrap:nowrap;justify-content:flex-end;gap:10px}.header-bottom__dropdowns{display:flex;align-items:center;align-self:center;gap:10px;height:34px}.header-bottom__dropdown{position:relative;display:flex;align-items:center;height:34px}.header-bottom__dropdown--right .header-bottom__dropdown-menu{left:auto;right:0}.header-bottom__button{text-decoration:none;color:#fff;font-family:var(--font-inter),Inter,sans-serif;font-weight:500;text-transform:none;font-size:14px;line-height:1;height:34px;min-height:34px;padding:0 12px;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;background-color:hsla(0,0%,100%,.08);transition:background-color .2s ease,border-color .2s ease,color .2s ease;justify-content:center;align-items:center;display:inline-flex;gap:6px;box-sizing:border-box;cursor:pointer;white-space:nowrap;flex-shrink:0;align-self:center}.header-bottom__button-steam{transition:all .2s ease;width:.95em;height:.95em;flex-shrink:0;fill:#b0b0b0;display:block}.header-bottom__button:hover{background-color:hsla(0,0%,100%,.1);color:#fff;border-color:hsla(0,0%,100%,.3)}.header-bottom__button:hover .header-bottom__button-steam{fill:#fcf8f8}.header-bottom__button--events{position:relative}.header-bottom__nav-icon{width:15px;height:15px;flex-shrink:0;display:block;object-fit:contain}.header-bottom__nav-icon--vip{color:#f9be08}.header-bottom__nav-icon--events{color:#4d82ff}.header-bottom__nav-icon--clans{color:#a78bfa}.header-bottom__nav-icon--clan{color:#c4b5fd}.header-bottom__nav-icon--more{color:#a3a3a3}.header-bottom__nav-icon--docs{color:#60a5fa}.header-bottom__nav-icon--rating{color:#facc15}.header-bottom__nav-icon--calc{color:#d4d4d4}.header-bottom__nav-icon--profile{color:#a3a3a3}.header-bottom__nav-icon--logout{color:#f87171}.header-bottom__icon{width:.762rem;height:.762rem;fill:#b0b0b0;transition:.2s}.header-bottom__badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background-color:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}.header-bottom__dropdown-trigger{gap:6px}.header-bottom__dropdown-trigger--open{border-color:hsla(0,0%,100%,.35);background:hsla(0,0%,100%,.1);color:#fff}.header-bottom__user{gap:8px;max-width:220px;padding:0 10px 0 6px;text-transform:none}.header-bottom__user--skeleton{display:inline-flex;align-items:center;height:34px;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;background:hsla(0,0%,100%,.08);pointer-events:none;padding:0 10px 0 6px;gap:6px}.header-bottom__user-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0;background-color:#2a2a2a}.header-bottom__user-avatar--skeleton{display:block;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;animation:header-user-skeleton-shimmer 1.2s ease-in-out infinite}.header-bottom__user-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;color:#fff;text-transform:none}.header-bottom__user-name--skeleton{display:block;width:5.5rem;height:.7rem;border-radius:2px;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;animation:header-user-skeleton-shimmer 1.2s ease-in-out infinite}@keyframes header-user-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.header-bottom__dropdown-chevron{flex-shrink:0;display:block;transform-origin:50% 55%;transition:transform .22s ease;opacity:.7}.header-bottom__dropdown-trigger--open .header-bottom__dropdown-chevron{transform:rotate(180deg)}.header-bottom__dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:80;margin:0;padding:4px 0;min-width:200px;list-style:none;border:1px solid hsla(0,0%,100%,.12);border-radius:8px;background-color:rgba(12,12,12,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 32px rgba(0,0,0,.5);animation:header-bottom-dropdown-menu-in .2s ease-out;transform-origin:top center}@keyframes header-bottom-dropdown-menu-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.header-bottom__dropdown-link{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:none;text-align:left;cursor:pointer;font-family:var(--font-inter),Inter,sans-serif;font-weight:500;font-size:14px;text-transform:none;text-decoration:none;color:hsla(0,0%,100%,.85);transition:background-color .2s ease,color .2s ease;box-sizing:border-box}.header-bottom__dropdown-link:hover{background-color:hsla(0,0%,100%,.08);color:#fff}.header-bottom__dropdown-link--action{border-top:1px solid hsla(0,0%,100%,.08)}.header-mobile{display:none}@media(max-width:1024px){.header__logo{width:100px}.header-wrapper{max-width:100%;padding:0 16px}}@media(max-width:768px){.header{padding:10px 0}.header-wrapper{align-items:center;padding:0 12px}.header__logo{width:78px}.header__menu-toggle{display:inline-flex}.header-bottom{display:none}.header-mobile{display:block;width:100%;max-width:1400px;margin:10px auto 0;padding:0 12px;box-sizing:border-box}.header-mobile__content{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);padding:10px}.header-mobile__content .header-bottom__button{width:100%;height:auto;min-height:38px;font-size:.8rem;padding:10px 12px;justify-content:flex-start}}@media(min-width:2100px){.header-wrapper{max-width:80%}.header__logo{width:90px}}@media(max-width:500px){.header-wrapper{padding:0 10px}.header__logo{width:70px}.header-mobile{padding:0 10px}.header-mobile__content{grid-template-columns:1fr}}