.header{width:100%;border-bottom:1px solid #333;padding:20px 0;position:relative}.header-wrapper{max-width:1400px;width:100%;margin:0 auto;display:flex;justify-content:space-between}.header__logo{width:5.238rem;height:auto;display:block}.header__menu-toggle{display:none;width:42px;height:38px;border:1px solid #464646;border-radius:4px;background:#1e1e1e;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:#f9be08;background:#2a2a2a}.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-left,.header-bottom-right{display:flex;gap:5px}.header-bottom__button{text-decoration:none;color:#b0b0b0;font-family:var(--font-roboto-condensed),sans-serif;font-weight:700;text-transform:uppercase;font-size:.762rem;line-height:1;padding:8px 14px;border:1px solid #464646;border-radius:4px;background-color:#1e1e1e;transition:.35s;justify-content:center;align-items:center;display:flex;cursor:pointer}.header-bottom__button-steam{transition:all .35s ease;width:16px;height:16px;fill:#b0b0b0;margin-right:6px}.header-bottom__button:hover{background-color:#2c2c2c;color:#fcf8f8;border-color:#f9be08}.header-bottom__button:hover .header-bottom__button-steam,.header-bottom__button:hover .header-bottom__icon{fill:#fcf8f8}.header-bottom__button--events{position:relative}.header-bottom__icon{width:.762rem;height:.762rem;fill:#b0b0b0;transition:.35s}.header-bottom__badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background-color:#f9be08;color:#111;font-size:10px;font-weight:700;line-height:16px;text-align:center}.header-bottom__dropdown{position:relative}.header-bottom__dropdown-trigger{gap:6px}.header-bottom__dropdown-trigger--open{border-color:#f9be08;color:#fcf8f8}.header-bottom__dropdown-chevron{flex-shrink:0;display:block;margin-top:1px;transform-origin:50% 55%;transition:transform .22s ease}.header-bottom__dropdown-trigger--open .header-bottom__dropdown-chevron{transform:rotate(180deg)}.header-bottom__dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:80;margin:0;padding:4px 0;min-width:160px;list-style:none;border:1px solid #464646;border-radius:4px;background-color:#1e1e1e;box-shadow:0 8px 24px rgba(0,0,0,.45);animation:header-bottom-dropdown-menu-in .24s 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:block;padding:10px 14px;font-family:var(--font-roboto-condensed),sans-serif;font-weight:700;font-size:.762rem;text-transform:uppercase;text-decoration:none;color:#b0b0b0;transition:background-color .2s ease,color .2s ease}.header-bottom__dropdown-link:hover{background-color:#2c2c2c;color:#fcf8f8}.header-mobile{display:none}@media(max-width:1024px){.header__logo{width:100px}.header-wrapper{max-width:100%;padding:0 20px}.header-bottom__button{font-size:14px}.header-bottom__icon{width:14px;height:14px}}@media(max-width:768px){.header{padding:12px 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}.header-mobile__content{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid #333;border-radius:8px;background:rgba(15,15,15,.95);padding:10px}.header-mobile__content .header-bottom__button{width:100%;min-height:38px;font-size:12px}}@media(min-width:2100px){.header-wrapper{max-width:80%}.header__logo{width:90px}.header-bottom__button-steam{width:20px;height:20px}}@media(min-width:3200px){.header-bottom__button-steam{width:24px;height:24px}}@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}}