/* Shared navigation: preserve main site handlers and page content. */
body.fhSidebarLayout{padding-left:180px;padding-top:80px}html body.fhSidebarLayout .topbar.approvedTopbar{position:fixed;inset:0 0 auto 0;width:100%;max-width:none;margin:0;height:80px;min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 26px;background:linear-gradient(180deg,#1b292f,#0c171b);border-bottom:1px solid #314348;box-shadow:0 3px 18px #0002;z-index:1000;box-sizing:border-box;color:#dbe2e3;font-family:Arial,sans-serif}.loadoutStandaloneV2 .approvedBrand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#e3e9e9;flex-shrink:0}.loadoutStandaloneV2 .approvedBrandLogo{width:34px;height:40px;object-fit:contain}.loadoutStandaloneV2 .rhBrandStackV408{display:flex;flex-direction:column}.loadoutStandaloneV2 .brandWord{font-size:23px;font-weight:800;letter-spacing:-.5px}.loadoutStandaloneV2 .brandWord>span{color:#a4d51b}.loadoutStandaloneV2 .rhBrandStackV408>small{font-size:7px;letter-spacing:1px;color:#7e939b;margin-top:3px}.fhSidebarLayout .approvedHeaderActions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;flex:1;flex-wrap:nowrap}.fhSidebarLayout .approvedSearchBox{position:relative;display:flex;align-items:center;width:clamp(240px,35vw,520px);height:42px;border:1px solid #3b4d54;border-radius:22px;background:#0b151a;padding:0 12px;min-width:0;box-sizing:border-box}.fhSidebarLayout .approvedSearchBox input{min-width:0;width:100%;background:none!important;border:0!important;color:#e7efef;font:inherit;font-size:12px;outline:0;box-shadow:none;padding:0}.fhSidebarLayout .approvedSearchBox button{border:0;background:none;color:#afc0c7;padding:4px;cursor:pointer}.loadoutStandaloneV2 .uiMaskIcon{display:block;width:18px;height:18px;background:#a0b1b7;mask:var(--ui-icon) center/contain no-repeat}.fhSidebarLayout .approvedLivePill{flex:none;border:1px solid #2d4248;border-radius:18px;background:#111d21;color:#b4c5c8;font-size:10px;white-space:nowrap;padding:10px 12px}.fhSidebarLayout .approvedLivePill:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#a6d829;margin-right:7px}.fhSidebarLayout .approvedAuthSlot{display:flex;align-items:center;gap:6px;flex:none}.loadoutStandaloneV2 .approvedSignIn,.loadoutStandaloneV2 .approvedAdminEntry,.loadoutStandaloneV2 .approvedAuthLogout{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:700;text-decoration:none;border:1px solid #394e29;border-radius:5px;padding:10px 12px;white-space:nowrap;background:#172719;color:#b5df48;cursor:pointer}.loadoutStandaloneV2 .approvedAccountButton{background:#111d1a;color:#d4dfd5}.loadoutStandaloneV2 .approvedAccountWG{font-size:9px;padding:4px;background:#36531a;border-radius:3px;color:#d4e998}.loadoutStandaloneV2 .approvedAuthLogout{background:#112024;border-color:#2b3a3f;font-size:9px;color:#889c9e;padding:9px}.loadoutStandaloneV2 .rhLanguageSwitcher{position:relative}.loadoutStandaloneV2 .rhLanguageToggle{display:flex;align-items:center;gap:7px;border-radius:20px;padding:10px 12px;border:1px solid #354a50;background:#0b181d;color:#dce7e8;cursor:pointer;font-size:11px;white-space:nowrap}.loadoutStandaloneV2 .rhLanguageToggle img,.loadoutStandaloneV2 .rhLanguageOption img{width:20px;height:14px;object-fit:cover}.loadoutStandaloneV2 .rhLanguageMenu{position:absolute;right:0;top:calc(100% + 10px);min-width:175px;background:#152328;border:1px solid #3c5157;border-radius:10px;box-shadow:0 8px 25px #0004;padding:7px;display:none}.loadoutStandaloneV2 .rhLanguageSwitcher.is-open .rhLanguageMenu{display:block}.loadoutStandaloneV2 .rhLanguageOption{width:100%;display:flex;align-items:center;gap:10px;background:none;border:0;padding:10px;color:#d4e2e5;text-align:left;cursor:pointer}.loadoutStandaloneV2 .rhLanguageOption:hover{background:#273f2d;border-radius:5px}
html body.fhSidebarLayout .approvedTopbar .approvedNav{position:fixed;left:12px;top:96px;bottom:22px;width:156px;max-width:156px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:14px 8px;margin:0;border:1px solid #2d4045;border-radius:14px;background:linear-gradient(160deg,#192b30,#0d171b);box-shadow:0 10px 28px #0002;overflow-y:auto;box-sizing:border-box;flex-wrap:nowrap}.fhSidebarLayout .approvedTopbar .approvedNav>a{display:flex!important;align-items:center;gap:10px;padding:13px 9px!important;min-height:54px;flex-shrink:0;color:#c1ced1;font-size:11px!important;font-weight:700;text-decoration:none;line-height:1.35;white-space:normal!important;overflow-wrap:anywhere;border:1px solid transparent!important;border-radius:9px;background:none!important;box-shadow:none!important;margin:0!important;letter-spacing:0!important;position:relative}.fhSidebarLayout .approvedNav>a:after{display:none!important}.fhSidebarLayout .approvedNav>a:hover{background:#273c35!important;color:#eff5e7}.fhSidebarLayout .approvedNav>a.fhNavSelected{border-color:#5e7526!important;background:linear-gradient(110deg,#354b22,#1d3127)!important;color:#cde78a}.fhSidebarLayout .fhNavIcon{width:30px;height:30px;flex:none;object-fit:contain;filter:none}.fhSidebarLayout [data-nav=marks] .fhNavIcon{width:34px;height:34px}.fhSidebarLayout [data-nav=live]>i{display:none!important}.fhSidebarLayout [data-nav=live].isBroadcasting .fhNavIcon{animation:fhLiveGlow 1.8s ease-in-out infinite}.fhMenuToggle{display:none}.fhNavBackdrop{display:none}.fhSidebarLayout .fhSearchResults{position:absolute;top:calc(100% + 10px);right:0;width:min(500px,calc(100vw - 24px));max-height:65vh;overflow:auto;border:1px solid #354c54;border-radius:12px;padding:7px;background:#122126;box-shadow:0 12px 30px #0005;z-index:1005}.fhSearchResults a{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:7px;color:#dce8e9;text-decoration:none;font-size:12px}.fhSearchResults a small{font-size:10px;color:#93acb1}.fhSearchResults a:hover,.fhSearchResults .is-active{background:#2a3d29;color:#cbea9c}.loadoutStandaloneV2 main{max-width:1280px;padding-top:22px}.loadoutStandaloneV2 .site-header{display:none}.loadoutStandaloneV2 footer{max-width:1280px;margin:auto}.fhSidebarLayout :focus-visible{outline:2px solid #b5d766;outline-offset:3px}.fhSidebarLayout .approvedAccountButton>span:last-child{max-width:180px;overflow:hidden;text-overflow:ellipsis}.fhSidebarLayout .approvedHeaderActions .approvedLanguageSlot{flex:none}
@keyframes fhLiveGlow{50%{filter:drop-shadow(0 0 8px #f43f42);opacity:.55}}
@media(max-width:1150px){.fhSidebarLayout .approvedLivePill{display:none!important}.fhSidebarLayout .approvedSearchBox{width:clamp(180px,30vw,400px)}.fhSidebarLayout .approvedAccountButton>span:last-child{max-width:110px}.fhSidebarLayout .approvedTopbar .rhBrandStackV408>small{display:none}}
@media(max-width:900px){body.fhSidebarLayout{padding-left:0;padding-top:112px}.fhSidebarLayout .topbar.approvedTopbar{height:112px!important;min-height:112px!important;padding:10px 14px!important;gap:10px!important;flex-wrap:wrap!important}.fhSidebarLayout .approvedBrand{flex:1}.fhSidebarLayout .approvedBrandLogo{width:28px;height:32px}.fhSidebarLayout .brandWord{font-size:18px}.fhSidebarLayout .approvedHeaderActions{display:contents}.fhSidebarLayout .approvedSearchBox{order:10;flex:0 0 100%;width:100%;height:36px}.fhSidebarLayout .approvedAuthSlot{margin-left:auto}.fhSidebarLayout .approvedAuthLogout,.fhSidebarLayout .approvedAdminEntry{display:none!important}.fhSidebarLayout .approvedAccountWG{display:none!important}.fhSidebarLayout .approvedAccountButton>span:last-child{max-width:80px}.fhSidebarLayout .approvedSignIn{font-size:10px;padding:8px!important}.fhSidebarLayout .rhLanguageToggle{font-size:10px;padding:8px!important}.fhSidebarLayout .rhLanguageToggle img{width:17px;height:12px}.fhMenuToggle{display:block;border:1px solid #3a5055;border-radius:7px;background:#203239;color:#d9e9e7;width:32px;height:32px;cursor:pointer;font-size:18px}.fhSidebarLayout .approvedTopbar .approvedNav{top:124px!important;left:12px!important;width:200px!important;max-width:200px!important;bottom:14px!important;transform:translateX(-230px);transition:transform .18s ease;z-index:1002}.fhSidebarLayout.fhMenuOpen .approvedNav{transform:translateX(0)}.fhSidebarLayout .fhNavBackdrop:not([hidden]){display:block;position:fixed;inset:112px 0 0;border:0;background:#0007;z-index:999}.fhSidebarLayout .approvedNav>a{font-size:13px!important}.loadoutStandaloneV2 main{padding-top:16px}.loadoutStandaloneV2 .rhBrandStackV408>small{display:none}}
@media(max-width:420px){.fhSidebarLayout .approvedTopbar .approvedBrand{gap:5px}.fhSidebarLayout .approvedBrandLogo{width:24px}.fhSidebarLayout .brandWord{font-size:15px}.fhSidebarLayout .rhLanguageToggle{max-width:70px;overflow:hidden}.fhSidebarLayout .approvedAuthSlot{max-width:82px}.fhSidebarLayout .approvedAccountButton>span:last-child{max-width:64px}.fhSidebarLayout .approvedTopbar{column-gap:6px!important}.fhSidebarLayout .approvedSignIn{padding:8px 5px!important}.fhSidebarLayout .rhLanguageToggle .rhLanguageToggleLabel{display:none}}
@media(prefers-reduced-motion:reduce){.fhSidebarLayout [data-nav=live].isBroadcasting .fhNavIcon{animation:none}.fhSidebarLayout .approvedNav{transition:none}}

.loadoutStandaloneV2 .rhLanguageMenu button{display:flex;align-items:center;gap:9px;width:100%;padding:10px;border:0;border-radius:6px;background:none;color:#cfddde;text-align:left;cursor:pointer;font-size:11px}.loadoutStandaloneV2 .rhLanguageMenu button:hover{background:#2c412b}.loadoutStandaloneV2 .rhLanguageMenu button em{margin-left:auto;font-style:normal}.loadoutStandaloneV2 .rhLanguageFlag{display:inline-block;width:19px;height:13px;background-position:center;background-size:cover;border-radius:2px;flex:none}.loadoutStandaloneV2 .rhLanguageFlag-en{background-image:url('/assets/ui/flags/en.svg')}.loadoutStandaloneV2 .rhLanguageFlag-ru{background-image:url('/assets/ui/flags/ru.svg')}.loadoutStandaloneV2 .rhLanguageFlag-uk{background-image:url('/assets/ui/flags/uk.svg')}.loadoutStandaloneV2 .rhLanguageFlag-pl{background-image:url('/assets/ui/flags/pl.svg')}.loadoutStandaloneV2 .rhLanguageFlag-de{background-image:url('/assets/ui/flags/de.svg')}.loadoutStandaloneV2 .rhLanguageFlag-cs{background-image:url('/assets/ui/flags/cs.svg')}
@media(max-width:420px){.loadoutStandaloneV2 .rhLanguageToggle b,.loadoutStandaloneV2 .rhLanguageToggle>span{display:none}}
.fhSidebarLayout .approvedNav .fhNavAdminMobile{display:none!important}@media(max-width:900px){.fhSidebarLayout .approvedNav .fhNavAdminMobile{display:flex!important}}

body.fhSidebarLayout #app{width:100%;min-width:0;box-sizing:border-box}.fhSidebarLayout #app > *{max-width:calc(100% - 32px)!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important}.fhSidebarLayout #app > .pageShell,.fhSidebarLayout #app > .wrap{width:calc(100% - 32px)!important}

.fhSidebarLayout #app .pageShell .replaysHeroBanner{width:100%!important;max-width:100%!important;min-width:0!important}.fhSidebarLayout #app .replayCard .art{width:100%!important;max-width:100%!important;min-width:0!important}

.fhSidebarLayout [data-nav=loadouts] .fhNavIcon{transform:scale(1.25)}

/* NAV ALIGNMENT 20261008: unboxed desktop links on the shared content grid. */
@media(min-width:1101px){
 html body.fhSidebarLayout{--fhGutter:max(20px,calc((100vw - 1536px)/2));--fhRail:164px;--fhGap:24px;padding:80px var(--fhGutter) 0 calc(var(--fhGutter) + var(--fhRail) + var(--fhGap))!important;box-sizing:border-box}
 html body.fhSidebarLayout .topbar.approvedTopbar{display:grid!important;grid-template-columns:var(--fhRail) minmax(0,1fr)!important;column-gap:var(--fhGap)!important;height:80px!important;min-height:80px!important;max-height:none!important;padding:12px var(--fhGutter)!important;overflow:visible!important;align-items:center!important}
 html body.fhSidebarLayout .approvedTopbar .approvedBrand{display:flex!important;align-items:center;gap:8px!important;width:164px!important;min-width:0!important;max-width:164px!important;margin:0!important;grid-column:1;grid-row:1;justify-self:start}
 html body.fhSidebarLayout .approvedBrandLogo{width:30px!important;height:38px!important;flex:none}
 html body.fhSidebarLayout .approvedTopbar .brandWord{font-size:20px!important;letter-spacing:-.5px!important;white-space:nowrap}
 html body.fhSidebarLayout .rhBrandStackV408{display:flex;flex-direction:column;min-width:0}
 html body.fhSidebarLayout .approvedTopbar .rhBrandStackV408>small{font-size:6px!important;letter-spacing:.7px!important;white-space:nowrap}
 html body.fhSidebarLayout .approvedTopbar .approvedHeaderActions{grid-column:2;grid-row:1;display:flex!important;justify-content:flex-end!important;gap:10px!important;width:100%!important;min-width:0!important;margin:0!important}
 html body.fhSidebarLayout .approvedSearchBox{display:flex!important;flex:0 1 400px!important;width:400px!important;min-width:160px!important;height:40px!important;margin:0!important}
 html body.fhSidebarLayout .approvedAuthSlot{flex:none!important;max-width:none!important}
 html body.fhSidebarLayout .approvedTopbar .approvedNav{position:fixed!important;left:var(--fhGutter)!important;right:auto!important;top:98px!important;bottom:auto!important;width:164px!important;max-width:164px!important;height:auto!important;min-height:0!important;max-height:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:5px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;transform:none!important}
 html body.fhSidebarLayout .approvedTopbar .approvedNav>a{display:flex!important;gap:12px!important;min-height:46px!important;height:auto!important;padding:8px 8px 8px 14px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#c8d3d5!important;font-size:13px!important;white-space:nowrap!important;overflow:visible!important;overflow-wrap:normal!important}
 html body.fhSidebarLayout .approvedTopbar .approvedNav>a.fhNavSelected{color:#b1e52b!important;background:none!important;border:0!important;box-shadow:inset 2px 0 #a9df20!important}
 html body.fhSidebarLayout .approvedTopbar .approvedNav>a:hover{color:#eff5e7!important;background:none!important}
 html body.fhSidebarLayout .approvedTopbar .approvedNav .fhNavAdminMobile{display:none!important}
 html body.fhSidebarLayout .fhNavIcon{width:26px!important;height:26px!important}
 html body.fhSidebarLayout #app{margin:0!important;width:100%!important;max-width:1348px!important}
 html body.fhSidebarLayout #app > *{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
 html body.loadoutStandaloneV2 main,html body.loadoutStandaloneV2 footer{width:100%!important;max-width:1348px!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
 html body.fhSidebarLayout .siteFooterV400{max-width:1348px!important;margin-left:0!important;margin-right:0!important}
}
html body.fhSidebarLayout .approvedSignIn:not(.approvedAccountButton){display:inline-flex!important;align-items:center;justify-content:center;gap:8px!important;padding:9px 12px!important;height:auto!important;min-height:38px!important;white-space:nowrap!important;text-decoration:none;font-size:11px!important;line-height:1.2!important;box-sizing:border-box}
.fhWgBadge{display:inline-flex;align-items:center;justify-content:center;flex:none;width:25px;height:23px;border:1px solid #91b541;border-radius:4px;background:#344724;color:#e7efcd;font:bold 10px Arial,sans-serif;letter-spacing:-.4px}
@media(min-width:1101px) and (max-width:1350px){html body.fhSidebarLayout .approvedLivePill{display:none!important}html body.fhSidebarLayout .approvedAccountButton>span:last-child{max-width:110px!important}}
@media(max-width:1100px){
 html body.fhSidebarLayout{padding:112px 0 0!important}
 html body.fhSidebarLayout .topbar.approvedTopbar{height:112px!important;min-height:112px!important;display:flex!important;flex-wrap:wrap!important;padding:10px 14px!important;gap:10px!important}
 html body.fhSidebarLayout .approvedBrand{flex:1!important;min-width:0}
 html body.fhSidebarLayout .approvedHeaderActions{display:contents!important}
 html body.fhSidebarLayout .approvedSearchBox{display:flex!important;order:10!important;flex:0 0 100%!important;width:100%!important;height:36px!important}
 html body.fhSidebarLayout .approvedLivePill,html body.fhSidebarLayout .approvedAuthLogout,html body.fhSidebarLayout .approvedAdminEntry{display:none!important}
 html body.fhSidebarLayout .approvedAuthSlot{margin-left:auto;max-width:none!important}
 html body.fhSidebarLayout .approvedSignIn:not(.approvedAccountButton){font-size:10px!important;padding:7px!important;min-height:32px!important}
 html body.fhSidebarLayout .fhMenuToggle{display:block!important;flex:none}
 html body.fhSidebarLayout .approvedTopbar .approvedNav{top:124px!important;left:12px!important;bottom:auto!important;width:210px!important;max-width:210px!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 140px)!important;gap:5px!important;align-items:stretch!important;overflow-y:auto!important;transform:translateX(-240px);z-index:1002}
 html body.fhSidebarLayout.fhMenuOpen .approvedNav{transform:translateX(0)!important}
 html body.fhSidebarLayout .approvedNav>a{min-height:44px!important;display:flex!important;flex-shrink:0}
 html body.fhSidebarLayout .approvedNav .fhNavAdminMobile{display:flex!important}
 html body.fhSidebarLayout .fhNavBackdrop:not([hidden]){display:block;position:fixed;inset:112px 0 0;background:#0007;z-index:999}
}
@media(max-width:600px){html body.fhSidebarLayout .approvedSignIn:not(.approvedAccountButton) .fhWgLoginText{max-width:94px;white-space:normal;text-align:left;font-size:9px;line-height:1.2}html body.fhSidebarLayout .approvedBrandLogo{width:24px!important}html body.fhSidebarLayout .brandWord{font-size:15px!important}html body.fhSidebarLayout .rhBrandStackV408>small{display:none!important}html body.fhSidebarLayout .rhLanguageToggle{max-width:44px!important;padding:7px!important}html body.fhSidebarLayout .rhLanguageToggle b,html body.fhSidebarLayout .rhLanguageToggleLabel{display:none!important}html body.fhSidebarLayout .approvedTopbar{gap:6px!important}html body.fhSidebarLayout .approvedSignIn:not(.approvedAccountButton){gap:5px!important;padding:5px!important}.fhWgBadge{width:21px;height:21px}}
@media(min-width:1101px){html body.fhSidebarLayout .approvedTopbar .brandWord{font-size:17px!important}}
@media(max-width:600px){
 html body.fhSidebarLayout .topbar.approvedTopbar{display:grid!important;grid-template-columns:32px minmax(0,1fr) auto!important;grid-template-rows:36px 36px!important;column-gap:7px!important;row-gap:12px!important;align-content:center!important;height:112px!important;padding:10px 14px!important}
 html body.fhSidebarLayout .fhMenuToggle{grid-column:1!important;grid-row:1!important;width:32px!important;height:32px!important;margin:0!important}
 html body.fhSidebarLayout .approvedBrand{grid-column:2!important;grid-row:1!important;gap:4px!important;margin:0!important;min-width:0!important}
 html body.fhSidebarLayout .approvedBrandLogo{width:22px!important;height:30px!important}
 html body.fhSidebarLayout .approvedTopbar .brandWord{font-size:13px!important;letter-spacing:-.5px!important;white-space:nowrap!important}
 html body.fhSidebarLayout .approvedAuthSlot{grid-column:3!important;grid-row:1!important;margin:0!important}
 html body.fhSidebarLayout .approvedLanguageSlot{grid-column:1!important;grid-row:2!important;margin:0!important}
 html body.fhSidebarLayout .approvedSearchBox{grid-column:2 / 4!important;grid-row:2!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;order:0!important}
 html body.fhSidebarLayout .rhLanguageToggle{width:32px!important;height:32px!important;max-width:32px!important;min-width:0!important;padding:5px!important;gap:0!important;justify-content:center!important;overflow:hidden}
 html body.fhSidebarLayout .rhLanguageToggle>.rhLanguageCaret,html body.fhSidebarLayout .rhLanguageToggle>em{display:none!important}
 html body.fhSidebarLayout .approvedSignIn:not(.approvedAccountButton){max-width:128px!important}
 html body.fhSidebarLayout .rhLanguageMenu{left:0!important;right:auto!important}
}

/* SHARED FRAME 20261008: page-local replay styles cannot alter navigation. */
html{scrollbar-gutter:stable}
html body.fhSidebarLayout{width:100%!important;max-width:none!important;margin:0!important;min-width:0!important}
#fhSharedHeader,#fhSharedHeader *{box-sizing:border-box}
#fhSharedHeader{font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important;line-height:1.3!important;letter-spacing:0!important;background:linear-gradient(180deg,#182428,#10191c)!important;color:#e8eeeb!important}
#fhSharedHeader .approvedHeaderActions{align-items:center!important;gap:10px!important}
#fhSharedHeader .approvedBrand{display:flex!important;align-items:center!important;gap:10px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;color:#f4f5ec!important;text-decoration:none!important}
#fhSharedHeader .approvedBrandLogo{display:block!important;width:42px!important;height:48px!important;object-fit:contain!important;flex:none!important;margin:0!important}
#fhSharedHeader .rhBrandStackV408{display:flex!important;flex-direction:column!important;min-width:0!important}
#fhSharedHeader .brandWord{font:800 22px/1.15 Arial,Helvetica,sans-serif!important;letter-spacing:-.7px!important;white-space:nowrap!important;color:#f4f5ec!important}
#fhSharedHeader .brandWord>span{color:#b1da24!important}
#fhSharedHeader .rhBrandStackV408>small{font:600 7px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:1px!important;color:#a7b5ad!important;margin-top:4px!important}
#fhSharedHeader .approvedSearchBox{display:flex!important;align-items:center!important;border:1px solid #3b4b4b!important;background:#0c1516!important;padding:0 13px!important;border-radius:22px!important;height:40px!important;margin:0!important}
#fhSharedHeader .approvedSearchBox input{font:400 12px/20px Arial,Helvetica,sans-serif!important;letter-spacing:0!important;text-transform:none!important;padding:0!important;color:#e8eeeb!important}
#fhSharedHeader .approvedSignIn,#fhSharedHeader .approvedAdminEntry,#fhSharedHeader .approvedAuthLogout{font:700 11px/16px Arial,Helvetica,sans-serif!important;letter-spacing:0!important;margin:0!important;min-height:38px!important;height:38px!important;padding:8px 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:6px!important;white-space:nowrap!important}
#fhSharedHeader .approvedSignIn{border:1px solid #627f3d!important;background:linear-gradient(#35432b,#202f20)!important;color:#e4eddb!important}
#fhSharedHeader .approvedSignIn:hover{background:#405638!important;color:#fff!important;border-color:#9ab45b!important}
#fhSharedHeader .approvedAuthLogout{border:1px solid #344345!important;background:#142025!important;color:#adbbba!important}
#fhSharedHeader .approvedAdminEntry{background:#20351a!important;color:#b3e342!important;border:1px solid #475f2b!important}
#fhSharedHeader .rhLanguageToggle{font:700 11px/16px Arial,Helvetica,sans-serif!important;letter-spacing:0!important;height:38px!important;margin:0!important;border-radius:20px!important;background:#111c1e!important;border:1px solid #344745!important;color:#dae2df!important}
#fhSharedHeader .approvedLivePill{font:700 10px/16px Arial,Helvetica,sans-serif!important;letter-spacing:0!important;height:38px!important;padding:10px 12px!important}
#fhSharedHeader .fhWgBadge{display:flex!important;align-items:center!important;gap:4px!important;width:auto!important;height:24px!important;border:0!important;background:none!important;border-radius:0!important;color:#fff!important;font:800 12px/20px Arial,sans-serif!important;flex:none!important}
#fhSharedHeader .fhWgBadge img{width:24px!important;height:24px!important;object-fit:contain!important;display:block!important}
#fhSharedHeader .fhWgLoginText{font:700 11px/16px Arial,sans-serif!important;max-width:none!important;white-space:nowrap!important}
#fhSiteNav{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
#fhSiteNav>a[data-nav]{font:700 14px/20px Arial,Helvetica,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#d8e2df!important;opacity:1!important;visibility:visible!important;padding:12px 14px!important;min-height:52px!important;gap:14px!important;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:7px!important;margin:0!important;white-space:normal!important;text-decoration:none!important}
#fhSiteNav>a[data-nav]:hover,#fhSiteNav>a[data-nav]:focus-visible{color:#fff!important;background:#30443e!important;opacity:1!important}
#fhSiteNav>a[data-nav].fhNavSelected{color:#c0e866!important;background:linear-gradient(90deg,#354b29,#233630)!important;box-shadow:inset 3px 0 #b4de39!important}
#fhSiteNav>a[data-nav]::before,#fhSiteNav>a[data-nav]::after{display:none!important}
#fhSiteNav .fhNavIcon{width:30px!important;height:30px!important;object-fit:contain!important;flex:none!important;margin:0!important;opacity:1!important}
@media(min-width:1101px){
 html body.fhSidebarLayout{--fhRail:220px;--fhGap:24px;--fhGutter:max(20px,calc((100vw - 1600px)/2));padding:86px var(--fhGutter) 0 calc(var(--fhGutter) + var(--fhRail) + var(--fhGap))!important}
 html body.fhSidebarLayout::before{content:'';position:fixed;left:0;top:0;bottom:0;width:calc(var(--fhGutter) + var(--fhRail) + 12px);background:linear-gradient(110deg,#18282b,#101b1e);border-right:1px solid #324446;z-index:990;pointer-events:none}
 html body.fhSidebarLayout #fhSharedHeader{height:86px!important;min-height:86px!important;padding:14px var(--fhGutter)!important;grid-template-columns:var(--fhRail) minmax(0,1fr)!important;gap:var(--fhGap)!important}
 html body.fhSidebarLayout #fhSiteNav{position:fixed!important;top:110px!important;left:var(--fhGutter)!important;bottom:auto!important;width:var(--fhRail)!important;max-width:var(--fhRail)!important;height:auto!important;max-height:none!important;padding:0!important;gap:8px!important;overflow:visible!important}
 #fhSharedHeader .approvedHeaderActions{width:100%!important;min-width:0!important}
 #fhSharedHeader .approvedSearchBox{flex:1!important;width:auto!important;max-width:540px!important;min-width:100px!important;margin-right:auto!important}
}
@media(min-width:1101px) and (max-width:1400px){#fhSharedHeader .approvedLivePill{display:none!important}}
@media(max-width:1100px){
 html body.fhSidebarLayout #fhSiteNav{background:linear-gradient(110deg,#18282b,#101b1e)!important;border:1px solid #38514d!important;border-radius:12px!important;padding:10px!important;box-shadow:0 12px 30px #0005!important;width:240px!important;max-width:240px!important;transform:translateX(-270px)}
 #fhSharedHeader .approvedBrandLogo{width:34px!important;height:38px!important}
 #fhSharedHeader .brandWord{font-size:20px!important}
 #fhSharedHeader .approvedLivePill,#fhSharedHeader .approvedAuthLogout,#fhSharedHeader .approvedAdminEntry{display:none!important}
}
@media(max-width:600px){
 #fhSharedHeader .approvedBrandLogo{width:25px!important;height:30px!important}
 #fhSharedHeader .brandWord{font-size:15px!important;letter-spacing:-.5px!important}
 #fhSharedHeader .approvedBrand{gap:5px!important}
 #fhSharedHeader .approvedSignIn{min-height:32px!important;height:32px!important;padding:5px 7px!important;gap:5px!important}
 #fhSharedHeader .fhWgBadge img{width:20px!important;height:20px!important}
 #fhSharedHeader .fhWgBadge{font-size:10px!important}
 #fhSharedHeader .fhWgLoginText{font-size:10px!important}
 #fhSharedHeader .rhLanguageToggle{width:32px!important;height:32px!important;padding:5px!important}
 #fhSharedHeader .approvedSearchBox{height:36px!important}
}
@media(max-width:350px){#fhSharedHeader .brandWord{font-size:12px!important}#fhSharedHeader .approvedBrandLogo{width:20px!important}#fhSharedHeader .approvedSignIn{padding:5px!important}}
#fhSharedHeader .approvedBrand{font:800 22px/28px Arial,Helvetica,sans-serif!important;letter-spacing:0!important}
@media(min-width:1101px){#fhSharedHeader .approvedBrand{width:var(--fhRail)!important;max-width:var(--fhRail)!important;min-width:0!important}}
#fhSiteNav>a[data-nav]{align-self:stretch!important;justify-content:flex-start!important;width:100%!important;max-width:none!important;min-width:0!important;height:54px!important;flex:none!important;box-sizing:border-box!important;text-align:left!important}
/* FERMANI_UNIFIED_SURFACE_20261008: the home palette belongs to the viewport,
   never to a route-height background or a separate navigation rail. */
html:has(#fhSharedHeader){background:#081116!important;min-height:100%!important}
html:has(#fhSharedHeader) body.fhSidebarLayout{
  background-color:#081116!important;
  background-image:linear-gradient(90deg,rgba(2,6,8,.64),rgba(2,7,9,.16) 26%,transparent 42%,transparent 58%,rgba(2,7,9,.17) 74%,rgba(2,6,8,.68)),radial-gradient(1080px 560px at 50% 340px,rgba(128,156,165,.12),rgba(59,92,104,.047) 57%,transparent 84%),radial-gradient(920px 520px at 50% 790px,rgba(78,107,117,.035),transparent 80%),radial-gradient(760px 360px at 84% 350px,rgba(169,135,62,.043),transparent 77%),linear-gradient(#071015 0,#0a151a 145px,#102028 420px,#122229 790px,#0d191f 1240px,#081116 1840px,#071015 100%)!important;
  background-attachment:fixed!important;background-size:100% 100vh!important;
  background-position:center top!important;background-repeat:no-repeat!important;
  min-height:100vh!important;
}
html:has(#fhSharedHeader) body.fhSidebarLayout::before,
html:has(#fhSharedHeader) body.fhSidebarLayout::after{
  content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important;
}
/* The old watch-page ambience paints the whole viewport and ends at 720px.
   It must not sit on top of the shared canvas, including behind the sidebar. */
html:has(#fhSharedHeader) .videoDetailPageApproved::before,
html:has(#fhSharedHeader) .videoDetailPageApproved::after{
  content:none!important;display:none!important;background:none!important;
}
html:has(#fhSharedHeader) #fhSiteNav>a[data-nav],
html:has(#fhSharedHeader) #fhSiteNav>a[data-nav]:hover,
html:has(#fhSharedHeader) #fhSiteNav>a[data-nav]:focus-visible{
  background:none!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;color:#d8e2df!important;
}
html:has(#fhSharedHeader) #fhSiteNav>a[data-nav]:hover{color:#fff!important}
html:has(#fhSharedHeader) #fhSiteNav>a[data-nav]:focus-visible{
  outline:2px solid #a9c45e!important;outline-offset:2px!important;
}
html:has(#fhSharedHeader) #fhSiteNav>a[data-nav].fhNavSelected{
  color:#f0f3e9!important;box-shadow:inset 3px 0 #b4de39!important;
}
/* A bounded paper surface, with the original dark media/payment panels inside. */
html:has(#fhSharedHeader) .marksPageV363.marksRedesignR2{
  background:radial-gradient(ellipse at 80% 0,#fffcf5,transparent 65%),linear-gradient(110deg,#ede4d1,#f7f1e5 48%,#e8decb)!important;
  border:1px solid #d9cdb7!important;border-radius:12px!important;
  padding:18px!important;box-sizing:border-box!important;min-width:0!important;
}
html:has(#fhSharedHeader) .marksRedesignR2 .marksTourOct8>header h2,
html:has(#fhSharedHeader) .marksRedesignR2 .marksEditionsSectionR2>h2{color:#302e28!important}
html:has(#fhSharedHeader) .marksRedesignR2 .marksTourOct8>header>span,
html:has(#fhSharedHeader) .marksRedesignR2 .marksFooterOct8{color:#655c49!important}
html:has(#fhSharedHeader) .marksRedesignR2 .marksTourTabsOct8 button{color:#655c49!important}
html:has(#fhSharedHeader) .marksRedesignR2 .marksTourTabsOct8 button[aria-selected=true]{color:#43551f!important;border-color:#708a39!important}
@media(max-width:760px){html:has(#fhSharedHeader) .marksPageV363.marksRedesignR2{padding:12px!important}}

/* Live status is supplied by the existing 30-second poll on every page type. */
html body.fhSidebarLayout #fhSharedHeader #fhSiteNav>a[data-nav="live"].isBroadcasting{
 position:relative;isolation:isolate;overflow:hidden;border:1px solid #ed626b88!important;
 border-radius:9px!important;background:linear-gradient(110deg,#81313940,#1a292dcc)!important;
 box-shadow:inset 0 0 15px #ed455c18,0 0 12px #ed455c20!important;color:#ffe5e5!important;
}
html body.fhSidebarLayout #fhSharedHeader #fhSiteNav>a[data-nav="live"].isBroadcasting::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(ellipse at 18% 50%,#ff405c42,transparent 78%);
 animation:fh-live-link-pulse 3.2s ease-in-out infinite;
}
html body.fhSidebarLayout #fhSharedHeader #fhSiteNav>a[data-nav="live"].isBroadcasting::after{
 content:"";display:block!important;position:absolute;right:8px;top:8px;width:6px;height:6px;
 border-radius:50%;background:#ff6978;box-shadow:0 0 7px #ff405c;pointer-events:none;
}
html body.fhSidebarLayout #fhSharedHeader #fhSiteNav>a[data-nav="live"].isBroadcasting .fhNavTitle{
 color:#fff0ee;text-shadow:0 0 10px #fa435e80;
}
html body.fhSidebarLayout #fhSharedHeader #fhSiteNav>a[data-nav="live"].isBroadcasting .fhNavIcon{
 animation:none;filter:drop-shadow(0 0 5px #f43f4270);
}
@keyframes fh-live-link-pulse{0%,100%{opacity:.3}50%{opacity:.95}}
@media(prefers-reduced-motion:reduce){
 html body.fhSidebarLayout #fhSharedHeader #fhSiteNav>a[data-nav="live"].isBroadcasting::before{animation:none;opacity:.6}
}