
@media (min-width:1024px){
}
.fs-header-v2{--b:#fff;--s:#f1f4f8;--s2:#e8edf3;--l:#e1e7ee;--search-line:#d8dfe8;--t:#0f1a2a;--m:#5b6878;--a:#1652f0;--a2:#0f44d0;--rl:#3a4757;--hot:#7c3aed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.fs-header-v2[data-tone="dark"],html:is([data-fs-page-theme="dark"],[data-fs-theme="dark"]) .fs-header-v2{--b:#121a24;--s:#1c2633;--s2:#243142;--l:#223042;--search-line:#324153;--t:#eef2f7;--m:#8d9bad;--a:#2f6bff;--a2:#4a80ff;--rl:#b7c3d1;--hot:#b07cff}
.fsp{display:none}
.fsp{position:sticky;top:0;z-index:60;background:var(--b);color:var(--t);border-bottom:1px solid var(--l)}
.fsp *{box-sizing:border-box}
.fsp a{color:inherit;text-decoration:none}
.fsp-w{max-width:1300px;margin:0 auto;padding:0 24px}
.fsp-r1{display:flex;align-items:center;gap:24px;height:64px}
.fsp-logo{display:flex;align-items:center;flex:none}
.fsp-logo img{height:32px;width:auto;display:block}
.fsp-search{flex:1;max-width:600px;display:flex;align-items:center;gap:10px;height:40px;padding:0 10px 0 14px;background:var(--s);border:1px solid transparent;border-radius:10px;transition:border-color .15s,background .15s}
.fsp-search:focus-within{border-color:var(--a);background:var(--b)}
.fsp-search svg{width:16px;height:16px;color:var(--m);flex:none}
.fsp-search input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--t);font:500 14px/1 inherit;font-family:inherit}
.fsp-search input::placeholder{color:var(--m)}
.fsp-search kbd{font:600 11px/1 ui-monospace,monospace;color:var(--m);border:1px solid var(--l);border-radius:5px;padding:4px 6px;background:var(--b)}
.fsp-act{margin-left:auto;display:flex;align-items:center;gap:10px}
.fsp-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:9px;font:600 14px/1 inherit;font-family:inherit;border:0;cursor:pointer;white-space:nowrap}
.fsp-pill{border-radius:999px;padding:0 16px}
.fsp-pill svg{width:16px;height:16px}
.fsp-cta{background:var(--a);color:#fff!important}.fsp-cta:hover{background:var(--a2)}
.fsp-ghost{background:none;color:var(--a)!important}.fsp-ghost:hover{background:var(--s)}
.fsp-user{background:var(--s);color:var(--t)!important}.fsp-user:hover{background:var(--s2)}
.fsp-user i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--hot));display:grid;place-items:center;font:700 11px/1 inherit;font-style:normal;color:#fff}
.fsp-ico{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:none;border:0;color:var(--t);cursor:pointer}
.fsp-ico:hover,.fsp-ico[aria-expanded="true"]{background:var(--s)}
.fsp-ico svg,.fsp-btn svg{width:18px;height:18px}
.fsp-acct,.fsp-themeslot{display:flex;align-items:center;gap:10px}
.fsp-ico[aria-disabled="true"]{opacity:.4;cursor:not-allowed;background:none}
.fsp-prem{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:999px;background:#f5821f;color:#fff!important;font:800 12px/1 'Fanspeak Header Saira',Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.fsp-prem:hover{background:#e8730f}
.fsp-prem svg{width:15px;height:15px}
html:is([data-fs-page-theme="dark"],[data-fs-theme="dark"]) .fsp .fsp-prem{background:rgba(246,164,99,.16);color:#f6a463!important;box-shadow:inset 0 0 0 1px rgba(246,164,99,.28)}
html:is([data-fs-page-theme="dark"],[data-fs-theme="dark"]) .fsp .fsp-prem:hover{background:rgba(246,164,99,.26)}
.fsp-pfp{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--s);color:var(--m);border:1px solid var(--l)}
.fsp-pfp:hover{color:var(--t);background:var(--s2)}
.fsp-pfp svg{width:20px;height:20px}
.fsp-r2{position:relative;display:flex;align-items:center;height:48px}
.fsp-rail{display:flex;align-items:center;gap:18px;overflow-x:auto;scrollbar-width:none;height:100%;padding-right:48px;--fl:0px;--fr:72px;mask-image:linear-gradient(90deg,transparent,#000 var(--fl),#000 calc(100% - var(--fr)),transparent)}
.fsp-rail.at-start{--fl:0px}.fsp-rail.scrolled{--fl:72px}
.fsp-rail.at-end{--fr:0px}
.fsp-rail::-webkit-scrollbar{display:none}
.fsp-rail a{position:relative;display:inline-flex;align-items:center;gap:5px;height:100%;font:600 15px/1 'Fanspeak Header Saira',Arial,sans-serif;letter-spacing:.02em;color:var(--rl);white-space:nowrap;transition:color .12s}
.fsp-rail a:hover,.fsp-rail a[aria-current="page"]{color:var(--t)}
html:is([data-fs-page-theme="light"],[data-fs-theme="light"]) .fsp .fsp-rail a{color:#3f4b5b;font-weight:700}
html:is([data-fs-page-theme="light"],[data-fs-theme="light"]) .fsp .fsp-rail svg{color:#2a3646}
.fsp-rail a.feat svg{color:oklch(.84 .2 var(--h));filter:drop-shadow(0 0 3px oklch(.84 .2 var(--h) / .5))}
html:is([data-fs-page-theme="light"],[data-fs-theme="light"]) .fsp .fsp-rail a.feat svg{color:oklch(.5 .24 var(--h));filter:none}
.fsp-rail a[aria-current="page"]{isolation:isolate;--gc:rgb(255 255 255)}
.fsp-rail a.feat[aria-current="page"]{--gc:oklch(.84 .2 var(--h))}
html:is([data-fs-page-theme="light"],[data-fs-theme="light"]) .fsp .fsp-rail a[aria-current="page"]{color:#000;--gc:rgb(15 26 42)}
html:is([data-fs-page-theme="light"],[data-fs-theme="light"]) .fsp .fsp-rail a.feat[aria-current="page"]{--gc:oklch(.5 .24 var(--h))}
.fsp-rail a[aria-current="page"]::after{content:"";position:absolute;z-index:-1;pointer-events:none}
/* 1 flat pill */
.fsp[data-sel="1"] .fsp-rail a[aria-current="page"]::after{inset:12px -9px;border-radius:999px;background:color-mix(in oklch,var(--gc) 12%,transparent)}
/* 2 text only */
.fsp[data-sel="2"] .fsp-rail a[aria-current="page"]{font-weight:800}
/* 3 dot */
.fsp[data-sel="3"] .fsp-rail a[aria-current="page"]::after{left:50%;bottom:7px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--gc)}
/* 4 outline */
.fsp[data-sel="4"] .fsp-rail a[aria-current="page"]::after{inset:12px -9px;border-radius:999px;border:1px solid color-mix(in oklch,var(--gc) 55%,transparent)}
/* 5 solid */
.fsp[data-sel="5"] .fsp-rail a[aria-current="page"]{color:#0b1220}
.fsp[data-sel="5"] .fsp-rail a.feat[aria-current="page"] svg:not(.fsp-ball){color:#0b1220;filter:none}
.fsp[data-sel="5"] .fsp-rail a[aria-current="page"]::after{inset:12px -9px;border-radius:6px;background:var(--gc)}
html:is([data-fs-page-theme="light"],[data-fs-theme="light"]) .fsp[data-sel="5"] .fsp-rail a[aria-current="page"],html:is([data-fs-page-theme="light"],[data-fs-theme="light"]) .fsp[data-sel="5"] .fsp-rail a.feat[aria-current="page"] svg:not(.fsp-ball){color:#fff}
.fsp-rail svg{width:16px;height:16px;flex:none}
.fsp-rail svg.fsp-ball{width:auto;height:14px;aspect-ratio:244/148}
.fsp-rail svg.fsp-vs{width:20px;height:20px;margin:-2px -1px}
.fsp-rail svg[viewBox="0 0 24 24"],.fsp-rail svg[viewBox="0 0 24 24"] *{stroke-width:2.7}
.fsp-rail .sep{flex:none;width:1px;height:16px;background:var(--l)}
.fsp-more{position:absolute;right:16px;z-index:1;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:0;background:var(--b);color:var(--m);display:grid;place-items:center;cursor:pointer}
.fsp-back{right:auto;left:16px}
.fsp-railwrap{position:relative;flex:1;min-width:0;height:100%}
.fsp-railwrap .fsp-rail{overflow:hidden;padding-right:0;mask-image:none}
.fsp-rail a[hidden],.fsp-rail .sep[hidden]{display:none}
.fsp-rail .sep.g{height:12px;margin:0 -4px}
.fsp-rdiv{display:block;height:1px;margin:6px 4px;background:var(--l)}
.fsp-railwrap .fsp-next{right:0}.fsp-railwrap .fsp-back{left:0}
.fsp-rmore{position:relative;flex:none;margin-left:14px;padding-left:14px;border-left:1px solid var(--l);height:16px;display:flex;align-items:center}
.fsp-rmore button{display:inline-flex;align-items:center;gap:3px;border:0;background:none;padding:0;cursor:pointer;font:600 15px/1 'Fanspeak Header Saira',Arial,sans-serif;letter-spacing:.02em;color:var(--rl)}
html:is([data-fs-page-theme="light"],[data-fs-theme="light"]) .fsp .fsp-rmore button{color:#3f4b5b;font-weight:700}
.fsp-rmore button:hover,.fsp-rmore button[aria-expanded="true"]{color:var(--t)}
.fsp-rmore button svg{width:16px;height:16px}
.fsp-rmenu{position:absolute;right:-8px;top:30px;width:min(780px,calc(100vw - 48px));max-height:72vh;overflow:auto;background:var(--b);border:1px solid var(--l);border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.25);padding:20px 24px;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:22px 28px}
.fsp-rmenu[hidden]{display:none}
.fsp-rmenu h3{margin:0 0 6px;font:700 11px/1 'Fanspeak Header Saira',Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--m)}
.fsp-rmenu a{display:block;padding:7px 8px;margin:0 -8px;border-radius:7px;font:600 14px/1.25 'Fanspeak Header Saira',Arial,sans-serif;color:var(--t)}
.fsp-rmenu a:hover{background:var(--s)}
.fsp-over{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:2px 20px;padding-bottom:14px;border-bottom:1px solid var(--l)}
.fsp-over:empty{display:none}
.fsp-over a{margin:0}
.fsp-back svg{transform:scaleX(-1)}
.fsp-more:hover{color:var(--t);background:var(--s)}
.fsp-more svg{width:16px;height:16px}
.fsp-menu{position:absolute;right:max(24px,calc((100vw - 1300px)/2 + 24px));top:58px;width:min(760px,calc(100vw - 48px));max-height:70vh;overflow:auto;background:var(--b);border:1px solid var(--l);border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.25);padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px 24px}
.fsp-menu[hidden]{display:none}
.fsp-menu.fsp-site{width:264px;display:flex;flex-direction:column;gap:0;padding:8px}
.fsp-menu.fsp-site[hidden]{display:none}
.fsp-site>a,.fsp-site>button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:0;border-radius:8px;background:none;color:var(--t);font:600 14px/1 'Fanspeak Header Saira',Arial,sans-serif;text-align:left;cursor:pointer}
.fsp-site>a:hover,.fsp-site>button:hover{background:var(--s)}
.fsp-site .prem{color:#e0700c}html:is([data-fs-page-theme="dark"],[data-fs-theme="dark"]) .fsp .fsp-site .prem{color:#f6a463}
.fsp-site .prem svg{width:15px;height:15px}
.fsp-site .out{color:#c2253d}html:is([data-fs-page-theme="dark"],[data-fs-theme="dark"]) .fsp .fsp-site .out{color:#ff8a9a}
.fsp-appear{margin:6px 0;padding:12px;border-top:1px solid var(--l);border-bottom:1px solid var(--l)}
.fsp-appear span{display:block;margin-bottom:8px;font:700 11px/1 'Fanspeak Header Saira',Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--m)}
.fsp-appear div{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;border-radius:9px;background:var(--s)}
.fsp-appear button{border:0;border-radius:7px;padding:8px 0;background:none;color:var(--m);font:600 13px/1 'Fanspeak Header Saira',Arial,sans-serif;cursor:pointer}
.fsp-appear button[aria-pressed="true"]{background:var(--b);color:var(--t);box-shadow:0 1px 3px rgba(0,0,0,.14)}
.fsp-appear button:disabled{cursor:not-allowed;opacity:.5}
.fsp-appear p{margin:8px 0 0;font:500 12px/1.35 'Fanspeak Header Saira',Arial,sans-serif;color:var(--m)}
.fsp-menu h3{margin:0 0 8px;font:700 12px/1 inherit;font-family:inherit;text-transform:uppercase;letter-spacing:.06em;color:var(--m)}
.fsp-menu h3 a{color:var(--m)}
.fsp-menu ul{list-style:none;margin:0;padding:0}
.fsp-menu li a{display:block;padding:6px 8px;margin:0 -8px;border-radius:7px;font:500 14px/1.3 inherit;font-family:inherit}
.fsp-menu li a:hover{background:var(--s)}
@media (max-width:1023.98px){.fsp-dev{bottom:8px;max-width:calc(100vw - 16px);overflow-x:auto;scrollbar-width:none}}
/* ── Mobile (<1024px): the real header stays; its link row and drawer are swapped ── */
.fspm,.fspm-layer{display:none}
.fspm{position:relative;z-index:59;background:var(--fspm-header-bg,var(--fs-nav-panel,var(--b)));color:var(--t);border-bottom:1px solid var(--fspm-header-line,var(--fs-nav-line,var(--l)));font-family:'Fanspeak Header Saira',Arial,sans-serif}
.fspm *,.fspm-layer *{box-sizing:border-box}
.fspm a,.fspm-layer a{color:inherit;text-decoration:none}
.fspm-rail{display:flex;align-items:center;gap:18px;height:46px;padding:0 16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.fspm-rail::-webkit-scrollbar{display:none}
.fspm-rail a{position:relative;isolation:isolate;flex:none;display:inline-flex;align-items:center;gap:6px;height:100%;font:600 14px/1 'Fanspeak Header Saira',Arial,sans-serif;letter-spacing:.02em;color:var(--rl);white-space:nowrap}
html:is([data-fs-page-theme="light"],[data-fs-theme="light"]) .fspm .fspm-rail a{color:#3f4b5b;font-weight:700}
/* Match all five desktop selection studies, including their light/dark colors. */
.fspm-rail a[aria-current="page"]{color:var(--t);--gc:rgb(255 255 255)}
.fspm-rail a.feat[aria-current="page"]{--gc:oklch(.84 .2 var(--h))}
html:is([data-fs-page-theme="light"],[data-fs-theme="light"]) .fspm .fspm-rail a[aria-current="page"]{color:#000;--gc:rgb(15 26 42)}
html:is([data-fs-page-theme="light"],[data-fs-theme="light"]) .fspm .fspm-rail a.feat[aria-current="page"]{--gc:oklch(.5 .24 var(--h))}
.fspm-rail a[aria-current="page"]::after{content:"";position:absolute;z-index:-1;pointer-events:none}
.fspm[data-sel="1"] .fspm-rail a[aria-current="page"]::after{inset:12px -9px;border-radius:999px;background:color-mix(in oklch,var(--gc) 12%,transparent)}
.fspm[data-sel="2"] .fspm-rail a[aria-current="page"]{font-weight:800}
.fspm[data-sel="3"] .fspm-rail a[aria-current="page"]::after{left:50%;bottom:7px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--gc)}
.fspm[data-sel="4"] .fspm-rail a[aria-current="page"]::after{inset:12px -9px;border-radius:999px;border:1px solid color-mix(in oklch,var(--gc) 55%,transparent)}
.fspm[data-sel="5"] .fspm-rail a[aria-current="page"]{color:#0b1220}
.fspm[data-sel="5"] .fspm-rail a.feat[aria-current="page"] svg:not(.fsp-ball){color:#0b1220;filter:none}
.fspm[data-sel="5"] .fspm-rail a[aria-current="page"]::after{inset:12px -9px;border-radius:6px;background:var(--gc)}
html:is([data-fs-page-theme="light"],[data-fs-theme="light"]) .fspm[data-sel="5"] .fspm-rail a[aria-current="page"],html:is([data-fs-page-theme="light"],[data-fs-theme="light"]) .fspm[data-sel="5"] .fspm-rail a.feat[aria-current="page"] svg:not(.fsp-ball){color:#fff}
.fspm-rail svg{width:16px;height:16px;flex:none}
.fspm-rail a.feat svg{width:14px;height:14px}
.fspm-rail .sep{flex:none;width:1px;height:16px;background:var(--l)}
.fspm-rail a.feat svg,.fspm-link.feat svg{color:oklch(.84 .2 var(--h))}
html:is([data-fs-page-theme="light"],[data-fs-theme="light"]) .fspm .fspm-rail a.feat svg,html:is([data-fs-page-theme="light"],[data-fs-theme="light"]) .fspm-layer .fspm-link.feat svg{color:oklch(.5 .24 var(--h))}
.fspm-rail svg[viewBox="0 0 24 24"],.fspm-rail svg[viewBox="0 0 24 24"] *,.fspm-link svg[viewBox="0 0 24 24"],.fspm-link svg[viewBox="0 0 24 24"] *{stroke-width:2.4}
.fspm-rail a.feat svg.fsp-ball{width:auto;height:12px;aspect-ratio:244/148}
.fspm-rail a.feat svg.fsp-vs{width:18px;height:18px;margin:-2px}
/* Match CROWN_GOLD in the homepage premium promo below On The Clock. */
.fspm-rail a:is(.gold,.violet) svg{color:#ffb71a}
.fspm-scrim{position:fixed;inset:0;z-index:2147482990;background:rgba(6,10,18,.5)}
.fspm-drawer{position:fixed;top:0;left:0;bottom:0;z-index:2147482995;width:min(360px,88vw);display:flex;flex-direction:column;background:var(--b);color:var(--t);transform:translateX(-100%);transition:transform .22s ease;box-shadow:20px 0 50px rgba(0,0,0,.3);font-family:'Fanspeak Header Saira',Arial,sans-serif}
.fspm-drawer.in{transform:none}
.fspm-drawer[hidden],.fspm-scrim[hidden]{display:none}
.fspm-ico{flex:none;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:10px;background:none;color:var(--t);cursor:pointer;padding:0}
.fspm-ico svg{width:21px;height:21px}
.fspm-dtop{position:relative;z-index:2;flex:none;display:flex;align-items:center;gap:10px;height:56px;padding:0 8px 0 16px;border-bottom:1px solid var(--l)}
.fspm-dtop img{flex:none;height:26px;width:auto;display:block}
.fspm-dbody{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px max(48px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:22px}
.fspm-dbody>*{flex:none}
.fspm-account{display:flex;align-items:center;gap:8px;border-top:1px solid var(--l);padding-top:16px;flex-wrap:wrap}
.fspm-me{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.fspm-avatar{width:36px;height:36px;flex:none;border-radius:50%;overflow:hidden;background:#e5e7eb;display:grid;place-items:center}
.fspm-avatar img{width:100%;height:100%;object-fit:cover}
.fspm-avatar img[data-fallback]{width:24px;height:24px;object-fit:contain}
.fspm-identity{flex:1;min-width:0}
.fspm-name{display:flex;align-items:center;gap:6px;min-width:0}
.fspm-name b{font:700 15px/1.3 'Fanspeak Header Saira',Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.fspm-badges{display:flex;align-items:center;gap:4px;flex:none}
.fspm-badges img,.fspm-badges svg{display:block;width:16px;height:16px;object-fit:contain}
.fspm-badges .crown{color:#ffb71a}
.fspm-me small{display:block;margin-top:3px;font:500 11px/1.3 'Fanspeak Header Saira',Arial,sans-serif;color:var(--m)}
.fspm-account-error{flex-basis:100%;margin:0;color:var(--t);font-size:12px}
.fspm-promo>a:first-child{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 10px;border:1px solid var(--l);border-radius:8px;background:var(--s)}
.fspm-promo svg{flex:none;width:16px;height:16px;color:#ffb71a}
.fspm-promo-copy{flex:1;min-width:0}
.fspm-promo b{display:block;font:700 13px/1.25 'Fanspeak Header Saira',Arial,sans-serif}
.fspm-promo small{display:block;margin-top:2px;color:var(--m);font:500 11px/1.3 'Fanspeak Header Saira',Arial,sans-serif}
.fspm-promo-action{flex:none;font:700 11px/1.3 'Fanspeak Header Saira',Arial,sans-serif;color:var(--a)}
.fspm-promo[data-tier="premium"] .fspm-promo-action{color:#a65b17}
html:is([data-fs-page-theme="dark"],[data-fs-theme="dark"]) .fspm-layer .fspm-promo[data-tier="premium"] .fspm-promo-action{color:#f6a463}
.fspm-promo .fspm-login{display:block;padding:7px 2px 0;text-align:right;color:var(--m);font:500 12px/1.3 'Fanspeak Header Saira',Arial,sans-serif}
.fspm-promo a:hover{color:var(--t)}
.fspm-searcharea{flex:1;min-width:0;max-width:180px;margin-left:auto}
.fspm-dsearch{display:flex;align-items:center;gap:6px;height:36px;min-height:36px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:var(--s);margin:0;transition:border-color .15s,background .15s}
.fspm-dsearch:focus-within{border-color:var(--a);background:var(--b)}
.fspm-dsearch>svg{width:16px;height:16px;flex:none;color:var(--m)}
.fspm-dsearch input{flex:1;width:100%;min-width:0;border:0;outline:0;background:transparent!important;color:var(--t);font:500 16px/1 'Fanspeak Header Saira',Arial,sans-serif}
.fspm-dsearch input::placeholder{color:var(--m)}
.fspm-groups{display:flex;flex-direction:column;gap:22px}
.fspm-section h3{margin:0 8px 7px;color:var(--m);font:700 12px/1.3 'Fanspeak Header Saira',Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.fspm-link{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 8px;border-radius:7px;font:600 15px/1.3 'Fanspeak Header Saira',Arial,sans-serif;color:var(--rl)!important}
html:is([data-fs-page-theme="light"],[data-fs-theme="light"]) .fspm-layer .fspm-link{font-weight:700;color:#3f4b5b!important}
.fspm-link:hover,.fspm-link[aria-current="page"]{background:var(--s);color:var(--t)!important}
.fspm-link>svg{width:16px;height:16px;flex:none;color:var(--m)}
.fspm-link>svg.fsp-vs{width:20px;height:20px;margin:0 -2px}
.fspm-link>svg.fsp-ball{width:16px;height:auto}
.fspm-link>svg[viewBox="0 0 24 24"]{stroke-width:2.4}
.fspm-groups details{margin-top:2px}
.fspm-groups summary{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:9px 8px;font:600 13px/1.3 'Fanspeak Header Saira',Arial,sans-serif;color:var(--m);cursor:pointer;list-style:none}
.fspm-groups summary::-webkit-details-marker{display:none}
.fspm-groups summary svg{width:16px;height:16px;color:var(--m);transition:transform .15s}
.fspm-groups details[open] summary svg{transform:rotate(180deg)}
.fspm-groups details .fspm-link{font-size:14px;padding-left:16px}
.fspm-foot{display:flex;flex-direction:column}
.fspm-foot a{display:flex;align-items:center;min-height:42px;padding:10px 8px;border-radius:7px;font:600 15px/1.3 'Fanspeak Header Saira',Arial,sans-serif;color:var(--rl)}
.fspm-foot a:hover{background:var(--s);color:var(--t)}
.fspm-drawer .fsp-appear{margin:0;padding:14px 0 0;border-bottom:0}
.fspm-drawer .fsp-appear>span{font-size:12px}
.fspm-out{flex:none;width:36px;height:40px;border:0;border-radius:8px;background:none;color:var(--m);display:grid;place-items:center;cursor:pointer;padding:0}
.fspm-out:hover{background:var(--s);color:var(--t)}
.fspm-out svg{width:20px;height:20px}
.fspm-out:disabled{opacity:.45;cursor:wait}
.fspm-static-results{position:absolute;top:calc(100% + 6px);left:12px;right:12px;padding:5px;border:1px solid var(--l);border-radius:9px;background:var(--b);box-shadow:0 12px 30px #0003;max-height:58vh;overflow-y:auto}
.fspm-static-results[hidden]{display:none}
.fspm-static-results a{display:flex;align-items:center;gap:10px;padding:11px 8px;border-radius:6px;font-size:14px}
.fspm-static-results a:focus,.fspm-static-results a:hover,.fspm-static-results a[aria-selected=true]{background:var(--s)}
.fspm-search-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.fspm-static-results svg{width:18px;height:18px;flex:none;color:var(--m)}
.fspm-static-results p{padding:8px;margin:0;font-size:12px;color:var(--m)}
html.fspm-locked,html.fspm-locked body{overflow:hidden}

/* The dev design is server-rendered. Its geometry does not depend on JS/auth. */
:root[data-fs-header-design=v2]{--fs-safe-top:env(safe-area-inset-top,0px);--fs-safe-bottom:env(safe-area-inset-bottom,0px);--fs-site-header-height:calc(111px + var(--fs-safe-top));--fs-header-edge:#f5f7f9;background:var(--fs-header-edge)}
:root[data-fs-header-design=v2]:is([data-fs-page-theme=dark],[data-fs-theme=dark]){--fs-header-edge:#192430}
:root[data-fs-header-design=v2].fspm-locked{--fs-header-edge:#fff}
:root[data-fs-header-design=v2]:is([data-fs-page-theme=dark],[data-fs-theme=dark]).fspm-locked{--fs-header-edge:#121a24}
body header.fs-header-v2[data-fs-site-header]{display:block;position:relative;z-index:4000;width:100%;height:auto;min-height:0;padding-top:var(--fs-safe-top,0px);background:var(--b);color:var(--t);box-shadow:none;--b:#f5f7f9;--free:#59568a}
html[data-fs-page-theme=dark] body header.fs-header-v2,body header.fs-header-v2[data-tone=dark]{--b:#192430;--free:#a7a5ec}
.fs-header-v2 .fsp,.fs-header-v2 .fspm,.fs-header-v2 .fspm-layer{color:var(--t)}
body [data-fs-site-header].fs-header-v2>div:not([aria-hidden]){height:auto}
.fs-header-v2 .fsp{display:block;position:static;border:0}
.fs-header-v2 .fsp-w{padding:0 20px}
.fs-header-v2 .fsp-r1{gap:18px;height:64px}
.fs-header-v2 .fsp-act{gap:8px;flex:none}
.fs-header-v2 .fsp-searcharea{flex:1;min-width:140px;max-width:600px;position:relative}
.fs-header-v2 .fsp-search{width:100%;height:36px;margin:0}
.fs-header-v2 :is(.fsp-search,.fspm-dsearch):not(:focus-within){border-color:var(--search-line)}
.fs-header-v2 .fsp-search input{font:500 16px/1 'Fanspeak Header Saira',Arial,sans-serif}
.fs-header-v2 .fsp-logo{width:120px;flex:none}
.fs-header-v2 .fsp-logo img{width:120px;height:40px;object-fit:contain}
.fs-header-v2 .fsp-logo-dark{display:none}
html[data-fs-page-theme=dark] .fs-header-v2 .fsp-logo-light,.fs-header-v2[data-tone=dark] .fsp-logo-light{display:none}
html[data-fs-page-theme=dark] .fs-header-v2 .fsp-logo-dark,.fs-header-v2[data-tone=dark] .fsp-logo-dark{display:block}
.fs-header-v2 .fsp-acct{width:224px;justify-content:flex-end;flex:none}
.fs-header-v2 .fsp-login{height:32px;padding:0 13px;gap:6px;border-radius:8px;background:#1652f0;color:#fff!important;font:600 14px/1 'Fanspeak Header Exo',Arial,sans-serif;letter-spacing:.025em;text-transform:none}
.fs-header-v2[data-tone=dark] .fsp-login{background:#1652d9}
.fs-header-v2 .fsp-prem{background:#fff4e5;color:#8a4b0e!important;box-shadow:inset 0 0 0 1px #e4b87b;font-size:12px;padding:0 10px;letter-spacing:.035em}
.fs-header-v2 .fsp-prem svg{color:#ffb71a}
.fs-header-v2[data-tone=dark] .fsp-prem{background:rgba(246,164,99,.16);color:#f6a463!important;box-shadow:inset 0 0 0 1px rgba(246,164,99,.28)}
.fs-header-v2 .fsp-pfp{overflow:hidden;background:#e5e7eb}
.fs-header-v2 .fsp-pfp img{height:100%;width:100%;object-fit:cover}
.fs-header-v2 .fsp-pfp img[data-fallback]{width:24px;height:24px;object-fit:contain}
/* Cached markup is shared by guests and members. The synchronous membership
   bootstrap selects the account presentation before any deferred JS or paint. */
.fs-header-v2 .fsp-account-pending{display:none}
html:is([data-fs-membership=free],[data-fs-membership=premium]) .fs-header-v2 .fsp-login,
html[data-fs-membership=premium] .fs-header-v2 [data-header-account]>.fsp-prem{display:none}
html:is([data-fs-membership=free],[data-fs-membership=premium]) .fs-header-v2 .fsp-account-pending{display:grid}
.fs-header-v2 .fsp-r2{height:48px;border-bottom:0}
.fs-header-v2 .fsp-rail{overflow:hidden;padding-right:0;mask-image:none;gap:18px}
.fs-header-v2 .fsp-rail a.feat svg{width:14px;height:14px}
.fs-header-v2 .fsp-rail a.feat svg.fsp-vs{width:18px;height:18px;margin:-2px}
.fs-header-v2 .fsp-search kbd{flex:none}
.fs-header-v2 .fsp-rail [hidden],.fs-header-v2 [hidden]{display:none!important}
.fs-header-v2 .fspm{display:block;z-index:auto;background:var(--b);border-bottom:1px solid var(--l)}
.fs-header-v2 .fspm-rail{height:46px}
.fs-header-v2 .fspm-layer{display:block;height:0!important}
.fs-header-v2 .fspm-brand{display:none}
.fs-header-v2 .fspm-drawer{box-sizing:border-box;height:100dvh;bottom:auto;background:var(--b);padding-top:var(--fs-safe-top,0px);--b:#fff}
.fs-header-v2[data-tone=dark] .fspm-drawer{--b:#121a24}
.fs-header-v2 .fspm-dtop{height:56px}
.fs-header-v2 .fspm-dtop .fsp-logo{width:86px}
.fs-header-v2 .fspm-dtop .fsp-logo img{width:86px;height:29px}
.fs-header-v2 .fspm-dbody{padding-bottom:calc(24px + var(--fs-safe-bottom,0px))}
.fs-header-v2 .fspm-promo:empty{display:none}
.fs-header-v2 .fspm-promo svg,.fs-header-v2 .fspm-badges .crown{color:var(--free)}
.fs-header-v2 .fspm-promo [data-tier=premium] svg,.fs-header-v2 .fspm-badges [data-tier=premium]{color:#ffb71a}
.fs-header-v2 .fspm-promo-action{color:var(--free)}
.fs-header-v2 .fspm-promo [data-tier=premium] .fspm-promo-action{color:#a65b17}
.fs-header-v2[data-tone=dark] .fspm-promo [data-tier=premium] .fspm-promo-action{color:#f6a463}
.fs-header-v2 .fs-theme-control{color:var(--t)}
.fs-header-v2 .fs-drawer-theme{padding:0 8px;margin:0;border:0}
.fs-header-v2 .fs-theme-note{font:500 12px/1.4 'Fanspeak Header Saira',Arial,sans-serif;color:var(--m)}
.fs-header-v2 :focus-visible{outline:2px solid var(--a);outline-offset:3px}
@media(max-width:1199.98px){.fs-header-v2 .fsp-r2{display:none}.fs-header-v2 .fsp-r1{gap:12px}.fs-header-v2 .fsp-act{gap:6px}}
@media(min-width:1200px){:root[data-fs-header-design=v2]{--fs-site-header-height:calc(113px + var(--fs-safe-top))}.fs-header-v2 .fspm{display:none}.fs-header-v2 .fsp{border-bottom:1px solid var(--l)}}
@media(max-width:767.98px){
 .fs-header-v2 .fsp{display:none}
 .fs-header-v2 .fspm-brand{position:relative;display:flex;align-items:center;justify-content:space-between;height:64px!important;padding:0 12px}
 .fs-header-v2 .fspm-brand>.fsp-logo{position:absolute;left:50%;transform:translateX(-50%)}
 .fs-header-v2 .fspm-brand>.fs-menu-trigger{width:48px;height:48px;margin-left:-2px}
 .fs-header-v2 .fspm-brand>.fs-menu-trigger svg{width:25px;height:25px}
 .fs-header-v2 .fsp-mobile-account{display:flex;align-items:center;justify-content:flex-end;width:84px;height:36px}
 .fs-header-v2 .fsp-mobile-account .fsp-prem{display:none}
 .fs-header-v2 .fsp-mobile-account .fsp-login{height:32px;font-size:12px;padding:0 6px;gap:4px;background:transparent;color:var(--m)!important}
 .fs-header-v2 .fsp-mobile-account .fsp-login svg{width:16px;height:16px}
 .fs-header-v2 .fspm-rail a.feat svg{width:14px;height:14px}
 .fs-header-v2 .fspm-rail a.feat svg.fsp-vs{width:18px;height:18px;margin:-2px}
}
/* Header owners retain their existing reveal state and animate the measured full height. */
[data-fs-header-design=v2] [data-mtc-header-band]:has(.fs-header-v2){height:auto!important}
[data-fs-header-design=v2] [data-mtc-stage-chrome][data-revealed=false]{top:calc(-1 * var(--fs-site-header-height))!important}
[data-fs-header-design=v2] .fs-common-footer .fs-footer-legal{padding-bottom:var(--fs-safe-bottom)}
@media(prefers-reduced-motion:reduce){.fs-header-v2 .fspm-drawer{transition:none}}

/* Only edge chrome owns inset spacing. Existing bottom rails already include env(). */
@media(max-width:767.98px){
 [data-fs-header-design=v2] [data-otc-team-header],
 [data-fs-header-design=v2] [data-mtc-mobile-header],
 [data-fs-header-design=v2] [data-mtc-v6-phone-header]{padding-top:var(--fs-safe-top);background-color:var(--fs-header-edge)}
 [data-fs-header-design=v2] [data-simulator-route] .sim-results-tabs-bar{padding-top:var(--fs-safe-top);background:var(--sim-ground)}
}
.fs-header-v2,.fs-header-v2 *{box-sizing:border-box}
.fs-header-v2 a{text-decoration:none}
.fs-header-v2 .fspm-scrim,.fs-header-v2 .fspm-dbody{overscroll-behavior:contain}
.fs-header-v2 .fspm-searcharea .fspm-static-results{position:fixed;top:calc(62px + var(--fs-safe-top));left:12px;right:auto;width:calc(min(360px,88vw) - 24px);z-index:3;max-height:calc(100dvh - 90px - var(--fs-safe-top) - var(--fs-safe-bottom))}
.fs-header-v2 .fspm-dsearch input{font-size:16px}
.fs-header-v2 .fspm-dbody .fs-theme-options{display:flex;gap:6px}
.fs-header-v2 .fspm-dbody .fs-theme-options button{flex:1;background:var(--s);color:var(--t)}

.fs-v2-route-row{display:none}
@media(max-width:767.98px){
 .fs-v2-route-row{display:block;background:#192430;border-bottom:1px solid #344455}
 .fs-v2-route-row .sim-route-links{display:flex;overflow-x:auto;scrollbar-width:none;gap:6px;padding:5px 8px}
 .fs-v2-route-row .sim-route-links a{flex:none;padding:7px 10px;border:1px solid #344455;color:#b6c8da;white-space:nowrap;font:500 12px/1.3 'Fanspeak Header Exo',Arial,sans-serif}
 .fs-v2-route-row .sim-route-links a[aria-current=page]{background:#243142;color:#eef2f7}
}

/* Existing simulator scrims sit above the normal site stack. Keep their revealed header above them. */
html[data-fs-header-design=v2] body header.fs-header-v2[data-otc-results-site-header]{z-index:4150}
html[data-fs-header-design=v2].otc-phone-draft body header.fs-header-v2[data-otc-site-header]{z-index:4500}

@media(max-width:639px){html[data-fs-header-design=v2] body header.fs-header-v2[data-otc-results-site-header]{z-index:4500}}

/* Summary's header opens below an already padded team bar: charge the top inset once. */
html[data-fs-header-design=v2] [data-mtc-header-band] .mtc-light-island[style*="--mtc-v6-phone-h"] > .fs-header-v2{padding-top:0}
@media(min-width:768px){
 html[data-fs-header-design=v2] .quick-sim-root{--season-site-strip-h:calc(28px + var(--fs-safe-top))}
 html[data-fs-header-design=v2] .quick-sim-root .season-site-strip{padding-top:var(--fs-safe-top)}
 html[data-fs-header-design=v2] .quick-sim-host .qs-native-panel{top:calc(28px + var(--fs-safe-top))}
 html[data-fs-header-design=v2] .qs-native-panel .fs-header-v2{padding-top:0}
}

/* Desktop hamburger: a non-modal account/site dropdown, not the navigation drawer. */
.fs-header-v2 .fsp-site-wrap{position:relative}
.fs-header-v2 .fsp-burger[aria-expanded=true]{color:var(--t);background:var(--s)}
.fs-header-v2 .fsp-account-menu{position:absolute;z-index:5;right:0;top:calc(100% + 10px);width:304px;max-height:calc(100dvh - 88px);overflow:auto;overscroll-behavior:contain;padding:16px;background:var(--b);color:var(--t);border:1px solid var(--l);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.2)}
.fs-header-v2 .fsp-account-menu[hidden]{display:none}
.fs-header-v2 .fsp-site-welcome b{font-size:16px;font-weight:700}
.fs-header-v2 .fsp-site-welcome p{margin:6px 0 12px;font-size:13px;line-height:1.5;color:var(--m)}
.fs-header-v2 .fsp-site-welcome .fsp-login{display:flex;width:100%;justify-content:center}
.fs-header-v2 .fsp-account-menu .fspm-promo:not(:empty){margin-top:14px}
.fs-header-v2 .fsp-account-menu .fspm-account{padding:0;border:0;gap:12px}
.fs-header-v2 .fsp-account-menu .fspm-me{flex-basis:100%}
.fs-header-v2 .fsp-account-menu .fspm-out{display:flex;gap:8px;justify-content:center;width:100%;height:32px;border:1px solid var(--l);font-size:13px;font-weight:600;line-height:1;font-family:inherit}
.fs-header-v2 .fsp-site-links{display:flex;flex-direction:column;margin-top:14px;padding-top:8px;border-top:1px solid var(--l)}
.fs-header-v2 .fsp-site-links a{padding:9px 8px;border-radius:6px;font-size:14px;font-weight:600;color:var(--m)}
.fs-header-v2 .fsp-site-links a:hover{background:var(--s);color:var(--t)}
@media(max-width:1199.98px){.fs-header-v2 .fsp-account-menu{display:none}}

/* iOS tinting also samples the body, not just the root. Keep page paint separate. */
@media(max-width:767.98px){
 /* Native reload restoration must not inherit the root's smooth animation:
    it can keep scrolling after load and counteract a user's upward gesture.
    Explicit smooth in-page actions still choose their own behavior. */
 :root[data-fs-header-design=v2]{background-color:var(--fs-header-edge)!important;scroll-behavior:auto!important}
 :root[data-fs-header-design=v2][data-fs-edge-painted] body{background-color:var(--fs-header-edge)!important;background-image:var(--fs-page-image,none),linear-gradient(var(--fs-page-fill),var(--fs-page-fill))!important}
 :root[data-fs-header-design=v2]::before{content:"";position:fixed;top:0;left:0;right:0;height:max(1px,var(--fs-safe-top));background:var(--fs-header-edge);z-index:2147483646;pointer-events:none}
 .fs-header-v2 .fsp-mobile-account .fsp-pfp{display:none}
 html:is([data-fs-membership=free],[data-fs-membership=premium]) .fs-header-v2 .fsp-mobile-account .fsp-account-pending{display:none}
}

/* Override the legacy white desktop menu icon in the theme-aware header. */
[data-fs-site-header].fs-header-v2 .fs-menu-trigger, .fs-header-v2 .fsp-ico { color:var(--t); }
