.rockstar-header,
.rockstar-header * { box-sizing: border-box; font-family: "SF Pro Display", sans-serif; }
.rockstar-header { position: fixed; z-index: 200; top: 16px; left: var(--rockstar-page-padding, 23%); right: var(--rockstar-page-padding, 23%); display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 24px; color: #fff; background: rgba(12,12,15,.7); border-radius: 28px; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); }
.rockstar-header button,.rockstar-header a { -webkit-tap-highlight-color: transparent; }
.rockstar-header svg { flex-shrink: 0; fill: currentColor; }
.rockstar-header__logo { display: flex; align-items: center; flex-shrink: 0; }
.rockstar-header__logo>a { display: block; width: 60px; height: 38px; color: #71717b; }
.rockstar-header__logo img { display: flex; width: 38px; height: 38px; margin-right: 22px; object-fit: contain; }
.rockstar-header ul { display: flex; align-items: center; gap: 32px; margin: 0; padding: 0; list-style: none; }
.rockstar-header a { color: #71717b; white-space: nowrap; font-size: 18px; font-weight: 500; text-decoration: none; transition: color .15s ease-in-out; }
.rockstar-header a:hover,.rockstar-header a.is-active { color: #e7e7fd; }
.rockstar-header__right { display: flex; align-items: center; gap: 14px; min-width: 0; }
.rockstar-language { position: relative; display: flex; }
.rockstar-language__trigger { display: flex; align-items: center; gap: 6px; height: 36px; padding: 0 10px; color: #71717b; cursor: pointer; background: transparent; border: 1px solid rgba(113,113,123,.25); border-radius: 12px; font-size: 14px; font-weight: 500; transition: color .15s ease-in-out; }
.rockstar-language__trigger:hover,.rockstar-language__trigger[aria-expanded=true] { color: #e7e7fd; }
.rockstar-language__trigger span { letter-spacing: .04em; }
.rockstar-header__profile { display: inline-flex; align-items: center; gap: 8px; min-width: 0; padding: 10px 14px 10px 12px; cursor: pointer; background: transparent; border: 1px solid rgba(113,113,123,.1); border-radius: 24px; }
.rockstar-header__profile span { min-width: 0; overflow: hidden; color: #71717b; font-size: 18px; line-height: 1; text-overflow: ellipsis; white-space: nowrap; transition: color .15s ease-in-out; }
.rockstar-header__profile:hover span,.rockstar-header__profile:hover svg { color: #e7e7fd; }
.rockstar-menu { position: absolute; z-index: 230; top: calc(100% + 8px); display: flex; flex-direction: column; gap: 2px; min-width: 190px; padding: 6px; background: #0c0c0f; border: 1px solid rgba(113,113,123,.25); border-radius: 18px; box-shadow: 0 16px 40px -12px rgba(0,0,0,.7); transform-origin: center top; animation: rockstar-menu-open .16s ease-out; }
.rockstar-menu[hidden] { display: none; }
.rockstar-menu button,.rockstar-menu>a { display: flex; align-items: center; gap: 10px; padding: 11px 12px; color: #71717b; text-align: left; white-space: nowrap; cursor: pointer; background: transparent; border: 0; border-radius: 10px; font-size: 15px; transition: color .12s ease-in-out; }
.rockstar-menu button:hover,.rockstar-menu>a:hover,.rockstar-menu button.is-active,.rockstar-menu>a.is-active { color: #e7e7fd; }
.rockstar-menu button svg { margin-left: auto; color: #d4d4da; }
.rockstar-language__menu { right: 0; min-width: 150px; }
.rockstar-header__burger-wrap { display: none; flex-shrink: 0; }
.rockstar-header__burger { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; color: #71717b; cursor: pointer; background: transparent; border: 0; transition: color .15s ease-in-out; }
.rockstar-header__burger:hover,.rockstar-header__burger[aria-expanded=true] { color: #e7e7fd; }
.rockstar-header__mobile-menu { top: calc(100% + 8px); left: 0; right: 0; width: auto; max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;transform-origin: center top; }
.rockstar-header__mobile-menu>a { font-size: 18px; }
.rockstar-header__separator { height: 1px; margin: 4px 6px; background: rgba(113,113,123,.1); }
.rockstar-account-links { display:flex;flex-direction:column;gap:2px }
.rockstar-account-links>span { padding:9px 12px 3px;color:#71717b;font-size:12px }
.rockstar-account-links>a { padding:9px 12px;font-size:15px }
.rockstar-account-links>a.is-active { background:rgba(210,210,220,.12);border-radius:10px }
@media(max-width:920px){.rockstar-header__right{min-width:0}.rockstar-header__profile-wrap{min-width:0}.rockstar-header__profile-text{max-width:clamp(0px,26vw,130px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rockstar-header__burger-wrap{position:relative}.rockstar-header__burger{width:44px;height:44px}.rockstar-header__mobile-menu{left:auto;right:0;width:min(320px,calc(100vw - 32px));z-index:30}}
@keyframes rockstar-menu-open { from { opacity: 0; transform: translateY(-6px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (max-width:1750px) { .rockstar-header { --rockstar-page-padding:14%; } .rockstar-header ul { gap:22px; } .rockstar-header__logo img { margin-right:22px; } }
@media (min-width:1501px) and (max-width:1700px) { .rockstar-header { padding:14px 20px; } .rockstar-header ul { gap:18px; } .rockstar-header__logo img { margin-right:18px; } .rockstar-header__right { gap:10px; } }
@media (max-width:1500px) { .rockstar-header { --rockstar-page-padding:14%; } }
@media (max-width:1300px) { .rockstar-header { --rockstar-page-padding:9%; } }
@media (max-width:1150px) { .rockstar-header { --rockstar-page-padding:6%; } }
@media (max-width:1000px) { .rockstar-header { --rockstar-page-padding:3.5%; padding:14px 20px; } .rockstar-header ul { gap:18px; } .rockstar-header__logo img { margin-right:18px; } .rockstar-header__right { gap:10px; } }
@media (max-width:920px) { .rockstar-header__logo img { margin-right:0; } .rockstar-header nav { display:none; } .rockstar-header__right { gap:10px; margin-left:auto; } .rockstar-header__burger-wrap { display:block; } }
@media (max-width:760px) { .rockstar-header { --rockstar-page-padding:18px; } }
@media (max-width:480px) { .rockstar-header__profile { gap:6px; padding:7px 12px 7px 8px; } .rockstar-header__profile span { font-size:15px; } }
@media (max-width:380px) { .rockstar-header { padding:14px 18px; } .rockstar-header__profile { padding:7px; } .rockstar-header__profile span { display:none; } }
@media (prefers-reduced-motion:reduce) { .rockstar-menu { animation:none; } }
.rockstar-header__profile-wrap,.rockstar-header__notification-wrap{position:relative;display:flex;align-items:center}
.rockstar-header__profile{height:44px}
.rockstar-header__profile>img{width:22px;height:22px;border-radius:50%;object-fit:cover}
.rockstar-header__profile-text{display:flex;align-items:center;gap:6px}
.rockstar-header__profile .rockstar-header__profile-text span{font-size:16px;line-height:1.1}
.rockstar-header__profile .rockstar-header__dot{color:#71717b}
.rockstar-header__notification{display:grid;place-items:center;width:34px;height:40px;padding:0;background:transparent;border:0;color:#71717b;cursor:pointer;transition:color .15s ease-in-out}
.rockstar-header__notification:hover,.rockstar-header__notification[aria-expanded=true]{color:#e7e7fd}
.rockstar-header__profile-menu{right:0;width:240px;min-width:240px;gap:2px}
.rockstar-header__profile-menu .rockstar-header__menu-head{display:flex;align-items:center;gap:10px;margin:0 0 4px;padding:10px 12px 12px;border-bottom:1px solid rgba(113,113,123,.1)}
.rockstar-header__menu-head img{width:34px;height:34px;object-fit:cover;border-radius:50%}
.rockstar-header__menu-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e7e7fd;font-size:19px;font-weight:600}
.rockstar-header__menu-head>span{margin-left:auto;color:#71717b;font-size:16px;white-space:nowrap}
.rockstar-header__profile-menu>a,.rockstar-header__profile-menu>button{width:100%;min-height:43px;padding:11px 12px;color:#71717b;font-size:18px;font-weight:500;line-height:21px}
.rockstar-header__profile-menu>button{font-weight:400}
.rockstar-header__profile-menu>a svg,.rockstar-header__profile-menu>button svg{width:18px;height:18px;margin:0;fill:currentColor}
.rockstar-header__profile-menu>a:hover,.rockstar-header__profile-menu>button:hover{color:#e7e7fd;background:rgba(113,113,123,.1)}
.rockstar-header__notification-menu{right:0;width:220px;min-width:220px;padding:16px;color:#71717b;font-size:14px}
.rockstar-header nav a{display:flex;align-items:center;gap:7px}
.rockstar-header nav a svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:480px){.rockstar-header__profile .rockstar-header__profile-text span{font-size:14px}.rockstar-header__right{gap:6px}}
@media(max-width:380px){.rockstar-header__profile-text{display:none}.rockstar-header__profile-menu{right:-45px}}
body:not([data-page="account"]) .rockstar-header__profile-wrap:not(.is-verified) { visibility: hidden; }