/* One site navigation skin for React pages and plain HTML. Dots belong to tools, not chrome. */
:root{--fs-site-header-height:64px;--fs-nav-panel:#f5f7f9;--fs-nav-raised:#e9eef4;--fs-nav-ink:#273447;--fs-nav-muted:#657384;--fs-nav-line:#c8d0d9;--fs-nav-blue:#2a5ba9;--fs-nav-purple:#756d83;--fs-nav-pink:#9a666a;--fs-nav-green:#0f8a4d;--fs-nav-gold:#a56a09}
body:has([data-player-mode="dark"],.saved-league-setup[data-dots-mode="dark"],.nfl-setup,.vqs[data-vqs-theme="dark"]),[data-fs-theme="dark"],body.design-editorial,body.design-directory{
  --fs-nav-panel:#192430;--fs-nav-raised:#223142;--fs-nav-ink:#e7edf4;--fs-nav-muted:#afbdcc;--fs-nav-line:#344455;--fs-nav-blue:#a5c9ec;--fs-nav-purple:#b7b0e4;--fs-nav-pink:#d5a8bc;--fs-nav-green:#9bcbb4;--fs-nav-gold:#dfc48c;
}
/* Simulator tool menus can live outside the brand header. */
[data-simulator-route]{--fs-nav-panel:#192430;--fs-nav-raised:#223142;--fs-nav-ink:#e7edf4;--fs-nav-muted:#afbdcc;--fs-nav-line:#344455;--fs-nav-blue:#a5c9ec;--fs-nav-purple:#b7b0e4;--fs-nav-pink:#d5a8bc;--fs-nav-green:#9bcbb4;--fs-nav-gold:#dfc48c}
.fs-tool-links{display:contents}
.fs-mobile-header,.fs-header-tools{display:none}
.season-mobile-chrome{display:none}
.fs-tools{gap:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 14px;min-height:44px}
.fs-tools::-webkit-scrollbar{display:none}
.fs-tools .fs-tool,.fs-navigation-drawer .fs-tool{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:44px;padding:0 15px;color:var(--fs-nav-ink);font:400 14px/1.2 var(--font-actor,Arial),sans-serif;text-decoration:none;white-space:nowrap}
.fs-tools .fs-tool:first-child{padding-left:0}
.fs-tool-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:0 0 16px;color:var(--fs-nav-muted)}
.fs-tool-icon svg{display:block;width:13px;height:13px;filter:none}
.ps-tool-compare .fs-tool-icon svg{height:9px;width:16px}
.ps-tool-mtc .fs-tool-icon svg{width:8px}
.ps-tool-otc .fs-tool-icon{color:var(--fs-nav-blue)}
.ps-tool-auth .fs-tool-icon,.ps-tool-boards .fs-tool-icon{color:var(--fs-nav-purple)}
.ps-tool-compare .fs-tool-icon{color:var(--fs-nav-pink)}
.ps-tool-mtc .fs-tool-icon{color:var(--fs-nav-green)}
.ps-tool-premium .fs-tool-icon{color:var(--fs-nav-gold)}
.ps-tool-premium .fs-tool-icon path{fill:currentColor}
.fs-tool:hover>span:last-child{text-decoration:underline;text-underline-offset:3px}
.fs-site-menu{position:relative;flex:none;color:var(--fs-nav-ink)}
.fs-site-menu .fs-menu-trigger,.fs-navigation-drawer .fs-drawer-close{display:grid;place-items:center;width:44px;height:44px;flex:none;padding:0;margin:0;border:0;border-radius:6px;background:transparent;color:var(--fs-nav-ink);cursor:pointer}
.fs-menu-trigger>svg,.fs-drawer-close>svg{width:22px;height:22px}
/* Existing desktop header remains purple on tablets. Only its trigger needs white ink. */
@media(min-width:768px){[data-fs-site-header] .fs-menu-trigger{color:white}}
dialog.fs-navigation-drawer,[data-simulator-route] dialog.fs-navigation-drawer{
  box-sizing:border-box;position:fixed;inset:0 auto 0 0;margin:0;width:min(320px,calc(100vw - 40px));height:100dvh;max-width:none;max-height:none;padding:0 0 env(safe-area-inset-bottom);border:0!important;border-right:1px solid var(--fs-nav-line)!important;border-radius:0;background:var(--fs-nav-panel)!important;color:var(--fs-nav-ink)!important;box-shadow:12px 0 32px #0005;overflow-y:auto;overscroll-behavior:contain;scroll-padding-top:88px;font:400 14px/1.5 var(--font-actor,Arial),sans-serif;
}
.fs-navigation-drawer:not([open]){display:none}
.fs-navigation-drawer[open]{animation:fs-drawer-enter 180ms ease-out}
.fs-navigation-drawer::backdrop{background:#0009}
.fs-drawer-heading{position:sticky;top:0;z-index:1;background:var(--fs-nav-panel);display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid var(--fs-nav-line)}
.fs-drawer-heading>a{display:flex;align-items:center;min-height:44px}
.fs-logo,.fs-drawer-heading img{width:120px;height:36px;object-fit:contain;filter:none}
body:has([data-player-mode="dark"],.saved-league-setup[data-dots-mode="dark"],.nfl-setup,.vqs[data-vqs-theme="dark"]) .fs-logo,[data-fs-theme="dark"] .fs-logo,[data-simulator-route] .fs-logo,body.design-editorial .fs-logo,body.design-directory .fs-logo{content:url('/mtc-assets/fanspeak-logo-dark.svg')}
.fs-navigation-drawer nav{display:block;margin:0;padding:0}
.fs-navigation-drawer nav a{box-sizing:border-box;display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;border-radius:6px;color:var(--fs-nav-ink);font:400 15px/1.5 var(--font-actor,Arial),sans-serif;text-decoration:none;white-space:normal}
.fs-navigation-drawer nav a:hover,.fs-navigation-drawer nav a[aria-current="page"]{background:var(--fs-nav-raised)}
.fs-navigation-drawer .fs-drawer-account{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--fs-nav-line);min-height:73px}
.fs-navigation-drawer .fs-drawer-account a{min-width:0;min-height:44px;flex:1;justify-content:center;padding:8px 12px;border:1px solid var(--fs-nav-line);border-radius:22px;font:600 14px/1.3 var(--font-actor,Arial),sans-serif}
.fs-navigation-drawer .fs-drawer-account .fs-account-premium{background:#ffb71a;border-color:#ffb71a;color:#192430;white-space:nowrap}
.fs-navigation-drawer .fs-account-user:only-child{flex:0 1 auto;border:0;justify-content:flex-start;padding-left:0}
.fs-account-user>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fs-account-crown{display:flex;flex:none;color:#facc15;width:16px;height:16px}
.fs-account-crown svg{width:16px;height:16px}
.fs-account-crown path{fill:currentColor}
.fs-drawer-dropdown{border-bottom:1px solid var(--fs-nav-line)}
.fs-drawer-dropdown summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:14px 20px;color:var(--fs-nav-ink);font:600 14px/1.4 var(--font-exo,Arial),sans-serif;cursor:pointer;list-style:none}
.fs-drawer-dropdown summary::-webkit-details-marker{display:none}
.fs-drawer-dropdown summary svg{flex:none;width:16px;height:16px;color:var(--fs-nav-muted)}
.fs-drawer-dropdown[open] summary{background:var(--fs-nav-raised)}
.fs-drawer-dropdown[open] summary svg{transform:rotate(180deg)}
.fs-drawer-dropdown>div{padding:4px 12px 12px}
.fs-drawer-quick-links{padding:20px 12px}
.fs-navigation-drawer .fs-drawer-quick-links .fs-tool{display:flex;width:100%;padding:10px 12px}
.fs-drawer-quick-links h2{margin:0 12px 8px;color:var(--fs-nav-muted);font:600 12px/1.5 var(--font-exo,Arial),sans-serif;letter-spacing:.06em;text-transform:uppercase}
.fs-navigation :is(a,button,summary):focus-visible,.fs-site-menu :is(a,button,summary):focus-visible,.fs-tools a:focus-visible{outline:2px solid var(--fs-nav-blue);outline-offset:-2px}
@media(max-width:767px){
  :root{--fs-site-header-height:120px}
  .fs-mobile-header{display:block;background:var(--fs-nav-panel);color:var(--fs-nav-ink)}
  .fs-brand{position:relative;display:flex;align-items:center;justify-content:center;height:76px}
  .fs-brand>.fs-site-menu{position:absolute;left:12px;top:16px}
  .fs-brand>a{display:flex;align-items:center;justify-content:center;height:44px}
  .fs-tools,.fs-header-tools{display:flex}
  body [data-fs-site-header]{height:120px;position:relative;background:var(--fs-nav-panel);box-shadow:none}
  body [data-fs-site-header]>div:not([aria-hidden]){height:76px}
  body [data-fs-site-header]>[aria-hidden]{display:none}
  body [data-fs-site-header] [data-site-logo-block]{position:absolute;left:50%;transform:translateX(-50%);padding:0;background:transparent}
  body [data-fs-site-header] [data-site-logo-block]>div{display:none}
  body [data-fs-site-header] [data-site-logo-block] img{height:36px;width:120px;object-fit:contain}
  body [data-fs-site-header] [data-site-header-controls]{margin:0;padding:0;position:absolute;left:12px}
  body [data-fs-site-header] [data-site-mobile-search]{display:none}
  body [data-fs-site-header]>.fs-tools{height:44px}
  .ps-navigation>.fs-college-tools{display:none!important}
  body:is(.design-editorial,.design-magazine,.design-directory)>.site-header{display:none}
  [data-mtc-header-band][data-collapsed="false"]:has(>div>[data-fs-site-header]){height:120px}
  .season-mobile-chrome{display:block}
  .quick-sim-root:has(.season-mobile-chrome){--season-site-strip-h:120px}
  .quick-sim-root .season-site-strip,.quick-sim-root .season-site-scrim,.qs-native-panel{display:none!important}
}
@keyframes fs-drawer-enter{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.fs-navigation-drawer[open]{animation:none}}
@media print{.fs-mobile-header,.fs-site-menu,.fs-header-tools{display:none}}