.topbar{z-index:50;padding:.75rem .75rem 0}.topbar--sticky{position:sticky;top:0}.topbar--static{position:relative}.topbar-shell{width:min(1500px,100%);margin:0 auto}.topbar-grid{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;display:grid}.topbar-brand-zone{justify-content:flex-start;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.topbar-brand-zone .topbar-genre-trigger--desktop{display:none}.topbar-genre-trigger.topbar-genre-trigger--desktop{appearance:none;-webkit-tap-highlight-color:transparent;border-color:var(--color-yellow-hover);width:2.45rem;height:2.45rem;color:var(--color-yellow-hover);background:0 0;padding:0;transition:border-color .2s,color .2s}.topbar-genre-trigger.topbar-genre-trigger--desktop svg{color:currentColor;fill:currentColor;width:1.05rem;height:1.05rem;display:block}.topbar-genre-trigger.topbar-genre-trigger--desktop:hover,.topbar-genre-trigger.topbar-genre-trigger--desktop:focus-visible{border-color:var(--color-yellow-hover);color:var(--color-yellow-hover);background:0 0}.topbar-genre-trigger.topbar-genre-trigger--desktop:active{border-color:var(--color-yellow-active);color:var(--color-yellow-active);background:0 0}.topbar-brand-link{align-items:center;gap:.75rem;text-decoration:none;transition:transform .3s;display:flex}.topbar-brand-link:hover{transform:scale(1.01)}.topbar-logo{border-radius:var(--radius-gaming);object-fit:contain;filter:none;width:2.5rem;height:2.5rem}.topbar-brand-copy{display:none}.topbar-brand-title{font-family:var(--font-orbitron);text-transform:uppercase;letter-spacing:.2em;color:var(--color-yellow-primary);filter:none;font-size:.875rem;font-weight:700;display:block}.topbar-brand-tagline{text-transform:uppercase;letter-spacing:.32em;color:var(--color-blue-primary);font-size:.56rem;display:block}.topbar-search-desktop{display:none}.topbar-search-shell{width:100%;max-width:36rem;padding:.625rem 1rem}.topbar-actions-zone{justify-content:flex-end;align-items:center;gap:.5rem;min-width:fit-content;padding:.5rem;display:flex}.topbar-actions-desktop{display:none}.topbar-user-menu{position:relative}.topbar-user-toggle{cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;border-radius:var(--radius-gaming);background:var(--color-card-bg);color:var(--color-text-bright);font-family:var(--font-orbitron);letter-spacing:.13em;text-transform:uppercase;border:1px solid #3b82f640;align-items:center;gap:.5rem;padding:.38rem .8rem .38rem .45rem;font-size:.67rem;font-weight:700;transition:border-color .2s,color .2s;display:inline-flex}.topbar-user-menu.is-open .topbar-user-toggle{border-color:var(--color-yellow-hover)}.topbar-user-toggle:hover{border-color:var(--color-yellow-hover);background:var(--color-card-bg);color:var(--color-text-bright)}.topbar-user-toggle:active{border-color:var(--color-yellow-active);background:var(--color-card-bg);color:var(--color-text-bright)}.topbar-user-chevron{color:var(--color-text-dim);font-size:.72rem;transition:transform .2s,color .2s}.topbar-user-menu.is-open .topbar-user-chevron{transform:rotate(180deg)}.topbar-user-dropdown{border-radius:var(--radius-gaming);background:var(--color-card-bg);opacity:0;visibility:hidden;pointer-events:none;z-index:60;border:1px solid #94a3b838;gap:.35rem;min-width:13.5rem;padding:.52rem;transition:opacity .2s,transform .2s,visibility .2s;display:grid;position:absolute;top:calc(100% + .45rem);right:0;overflow:hidden;transform:translateY(-.35rem);box-shadow:0 16px 40px #0206178f}.topbar-user-menu.is-open .topbar-user-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.topbar-user-dropdown-link{cursor:pointer;border-radius:var(--radius-gaming);text-align:left;width:100%;color:var(--color-text-bright);font-family:var(--font-orbitron);letter-spacing:.12em;text-transform:uppercase;box-sizing:border-box;background:0 0;border:0;align-items:center;gap:.55rem;padding:.64rem .82rem;font-size:.62rem;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.topbar-user-dropdown-link:hover{color:var(--color-yellow-hover);background:#facc151a}.topbar-user-dropdown-link--danger{color:var(--color-yellow-hover)}.topbar-user-dropdown-link--danger:hover{color:var(--color-yellow-hover);background:#facc151a}.topbar-avatar{border-radius:var(--radius-gaming);object-fit:cover;width:1.75rem;height:1.75rem;box-shadow:none;border:1px solid #3b82f640}.topbar-avatar--mobile{width:2rem;height:2rem}.topbar-menu-toggle{border:1.5px solid var(--color-yellow-hover);width:2.3rem;height:2.3rem;color:var(--color-yellow-hover);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.topbar-menu-toggle svg{width:1.1rem;min-width:1.1rem;height:1.1rem;color:var(--color-yellow-hover);fill:var(--color-yellow-hover);flex-shrink:0;display:block}.topbar-mobile-wrap{max-height:0;transition:max-height .3s ease-in-out,padding-top .3s ease-in-out;overflow:hidden}.topbar-mobile-wrap.is-open{max-height:420px;padding-top:.75rem}.topbar-mobile-panel--content{width:100%;max-width:24rem;margin-left:auto;padding:1rem}.topbar-mobile-search{margin-bottom:.75rem;position:relative}.topbar-mobile-group{flex-direction:column;gap:.5rem;display:flex}.topbar-mobile-group+.topbar-mobile-group{margin-top:.5rem}.topbar-pill-link--filters{justify-content:center}.topbar-pill-link--block,.topbar-profile-chip--block{justify-content:center;width:100%}@media (width>=420px){.topbar-brand-copy{display:block}}@media (width>=640px){.topbar{padding:1rem 1.25rem 0}.topbar-brand-zone{padding-block:.625rem;padding-inline:1rem}.topbar-logo{width:2.75rem;height:2.75rem}.topbar-brand-title{font-size:1rem}.topbar-brand-tagline{font-size:.62rem}.topbar-actions-zone{padding-inline:.75rem}}@media (width<=768px){.topbar--mobile-hidden{display:none}}@media (width>=768px){.topbar-brand-zone .topbar-genre-trigger--desktop{display:inline-flex}.topbar-search-desktop{justify-content:center;display:flex}.topbar-actions-desktop{align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.topbar-actions-zone .topbar-menu-toggle,.topbar-mobile-wrap{display:none}}@media (width>=1024px){.topbar-search-shell{padding-inline:1.25rem}}