.brand-settings{display:flex;align-items:center;gap:14px;min-width:0}.settings-gear{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:9px;border:1px solid #ffffff2d;background:linear-gradient(150deg,#303039,#1b1b22);box-shadow:0 3px 9px #0004,inset 0 1px 0 #ffffff12;color:#c8c8d0}.settings-gear:hover{color:#fff;background:#34343e;border-color:#ffffff65}.settings-gear svg{display:block;pointer-events:none}.topbar.topbar:has(.stream-link) .brand-settings{grid-column:1;grid-row:1}.brand-settings .original-brand{min-width:0}.settings-gear:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:600px){.brand-settings{gap:7px}.settings-gear{flex-basis:40px;width:40px;height:40px}.settings-gear svg{width:21px;height:21px}.topbar.topbar:has(.stream-link) .brand-settings .original-brand{flex:1 1 auto;min-width:0;width:auto}.brand-settings .original-logo{max-width:100%}}
.topbar > nav[aria-label="Hlavní navigace"]{gap:8px;flex-wrap:wrap}
.topbar > nav[aria-label="Hlavní navigace"] > :is(button,a:not(.online-count):not(.membership-alert)){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #ffffff24;border-radius:8px;background:#17151c;box-shadow:0 3px 9px #0003,inset 0 1px 0 #ffffff08;color:#b9b9c4;font-size:13px;font-weight:600;line-height:1.3;text-decoration:none;white-space:nowrap}
.topbar > nav[aria-label="Hlavní navigace"] > :is(button,a:not(.online-count):not(.membership-alert)):hover{background:#28222e;color:#fff;border-color:#ffffff50}
.topbar > nav[aria-label="Hlavní navigace"] > :is(button,a):is(.active,[aria-current="page"]){background:#302b36;color:#fff;border-color:#ffffff50}
.topbar > nav[aria-label="Hlavní navigace"] > :is(button,a):focus-visible{outline:2px solid #fff;outline-offset:3px}