/* Shared by the static simulator hub and interactive lower sections. */
/* Fanspeak membership: OTC's outline Free / filled gold Premium crown. */
.saved-state-card.saved-signup-card{--signup-accent:#a7a5ec;background:#27263c;border-color:#7773ad;box-shadow:inset 0 3px 0 var(--signup-accent)}
.saved-signup-card .saved-signup-brand{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#cfccff;font:700 14px/1.4 var(--font-exo),sans-serif}
.saved-signup-brand svg{flex:none;color:var(--signup-accent)}
.saved-signup-card h3{color:#f4f2ff;margin-bottom:6px}
.saved-signup-card p{color:#d0cde4}
.saved-state-card.saved-signup-card>.saved-card-cta{justify-content:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid var(--signup-accent);border-radius:6px;background:var(--signup-accent);color:#211d3e;font-size:13px;font-weight:700;text-decoration:none}
.saved-state-card.saved-signup-card>.saved-card-cta:hover{background:#c1bdf8;border-color:#c1bdf8}
.saved-signup-card .saved-signin{color:#d0cde4}
.saved-signup-card a:focus-visible{outline:2px solid #dedbff;outline-offset:3px}
:is(:root[data-index-tone=light],:root[data-finish-setup-tone=light]) .saved-signup-card{background:#f0eefb;border-color:#b4aedb;--signup-accent:#59568a}
:is(:root[data-index-tone=light],:root[data-finish-setup-tone=light]) .saved-signup-card :is(.saved-signup-brand,h3){color:#393359}
:is(:root[data-index-tone=light],:root[data-finish-setup-tone=light]) .saved-signup-card :is(p,.saved-signin){color:#59546e}
:is(:root[data-index-tone=light],:root[data-finish-setup-tone=light]) .saved-state-card.saved-signup-card>.saved-card-cta{background:#59568a;color:#fff}
:is(:root[data-index-tone=light],:root[data-finish-setup-tone=light]) .saved-signup-card a:focus-visible{outline-color:#59568a}
.saved-leagues-overview:has(.saved-signup-card){align-items:stretch}
.saved-leagues-overview:has(.saved-signup-card) :is(.launch-card,.saved-state-card){min-height:272px;height:auto}
@media(min-width:1024px){
  .index-saved-games:has(.saved-signup-card):has(.hub-saved-game){height:auto;grid-template-rows:none;grid-auto-rows:minmax(106px,auto)}
  .index-saved-games:has(.hub-saved-game)>.saved-signup-card{grid-row:span 3}
}
.scenario-grid .saved-state-card.saved-signup-card{height:auto;min-height:272px}
.saved-signup-card .saved-membership-perks{list-style:none;padding:0;margin:4px 0 14px;color:#d0cde4;font-size:12px;line-height:1.5}
.saved-membership-perks li{position:relative;padding-left:17px;margin:5px 0}
.saved-membership-perks li::before{content:'✓';position:absolute;left:0;color:var(--signup-accent)}
.saved-state-card.saved-signup-card>.fs-membership-cta{background:#393553;border-color:#9088c5;color:#d8d3ff;border-radius:4px;gap:10px;min-height:56px}
.saved-state-card.saved-signup-card>.fs-membership-cta:hover{background:#494266}
.saved-signup-card[data-tier=premium]{--signup-accent:#ffb71a;background:#29271f;border-color:#756448}
.saved-signup-card[data-tier=premium] :is(h3,.saved-membership-perks){color:#e9dec5}
.saved-state-card.saved-signup-card[data-tier=premium]>.fs-membership-cta{background:#403720;border-color:#96783b;color:#ffdc8b}
.fs-membership-cta svg{flex:none;color:inherit}
.fs-membership-cta>.fs-membership-brand{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font:700 11px/1.4 var(--font-exo),sans-serif;text-transform:uppercase;letter-spacing:.065em}
.fs-membership-brand small{display:inline-flex;justify-content:center;align-items:center;gap:5px;font-size:10px;letter-spacing:.04em;margin:0}
:is(:root[data-index-tone=light],:root[data-finish-setup-tone=light]) .saved-signup-card .saved-membership-perks{color:#59546e}
:is(:root[data-index-tone=light],:root[data-finish-setup-tone=light]) .saved-state-card.saved-signup-card>.fs-membership-cta{background:#e2ddf5;border-color:#a79bcf;color:#50458d}
:is(:root[data-index-tone=light],:root[data-finish-setup-tone=light]) .saved-signup-card[data-tier=premium]{background:#fcf8ed;border-color:#d2bd83}
:is(:root[data-index-tone=light],:root[data-finish-setup-tone=light]) .saved-signup-card[data-tier=premium] :is(h3,.saved-membership-perks){color:#715b2e}
:is(:root[data-index-tone=light],:root[data-finish-setup-tone=light]) .saved-state-card.saved-signup-card[data-tier=premium]>.fs-membership-cta{background:#f4e6bf;color:#715b2e;border-color:#c3a35c}
.saved-signup-card[data-tier=premium] .fs-membership-cta>svg{color:#ffb71a}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;padding-top:44px}
.guide-content,.guide-rail{min-width:0}.guide-layout .index-guide{padding-top:0}.guide-grid{grid-template-columns:1fr;gap:36px}.guide-grid article{max-width:820px}.guide-grid h3{font-size:22px;line-height:1.4}.guide-layout .questions{max-width:none}
.guide-rail-sticky{display:grid;gap:24px}.guide-toc h3{margin:0 0 12px;font-size:16px}.guide-toc a{display:block;padding:8px 0;font-size:13px;color:var(--muted);text-decoration:none}.guide-toc a:hover{color:var(--ink)}.guide-promos{display:grid;gap:14px}
.hub-mini-promo{--promo-accent:#a7a5ec;display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;padding:15px 16px;border:1px solid color-mix(in srgb,var(--promo-accent) 22%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--promo-accent) 4%,var(--surface))}
.hub-mini-promo[data-tier=premium]{--promo-accent:#dfc48c}.hub-mini-promo[data-tier=draft]{--promo-accent:#a5c9ec}.hub-mini-promo[data-tier=cap]{--promo-accent:#9bcbb4}
.hub-mini-promo h3{display:flex;align-items:center;gap:7px;font-size:14px;line-height:1.4;margin:0;color:var(--ink)}.hub-mini-promo h3 svg{color:var(--promo-accent);flex:none}.hub-mini-promo[data-tier=premium] h3 svg{fill:#dfc48c}
.hub-mini-promo>img{width:150px;max-width:100%;height:28px;object-fit:contain;object-position:left center}.hub-mini-promo[data-tier=draft]>img{filter:brightness(0) invert(1)}
.hub-mini-promo p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.hub-mini-promo>a{display:inline-flex;align-items:center;min-height:32px;margin-top:auto;padding:5px 12px;border:1px solid color-mix(in srgb,var(--promo-accent) 22%,transparent);border-radius:999px;background:color-mix(in srgb,var(--promo-accent) 8%,transparent);color:var(--promo-accent);font-size:12px;font-weight:600;text-decoration:none}.hub-mini-promo>a:hover{background:color-mix(in srgb,var(--promo-accent) 15%,transparent)}
.hub-membership-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0 16px;container-type:inline-size}
.hub-membership-inline .hub-mini-promo{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.hub-membership-inline .hub-mini-promo>a{grid-column:2;grid-row:1/3}.hub-membership-inline .hub-mini-promo p{grid-column:1}
.hub-discovery-rows{display:grid;gap:24px}.hub-link-row{min-width:0}.hub-link-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.hub-link-heading h3{font-size:15px;margin:0;color:var(--ink)}.hub-link-controls{display:flex;gap:4px}.hub-link-controls button{border:0;background:transparent;color:var(--link);width:36px;height:36px;font:26px/1 sans-serif;cursor:pointer}.hub-link-controls button:disabled{opacity:.25;cursor:default}.hub-link-controls button[hidden]{display:none}
.hub-link-track{display:flex;align-items:center;gap:30px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.hub-link-track::-webkit-scrollbar{display:none}.hub-link-track>a{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:48px;white-space:nowrap;font-size:13px;text-decoration:none}.hub-link-track>a:hover{text-decoration:underline;text-underline-offset:4px}.hub-link-track .discovery-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:none;color:var(--muted)}.hub-link-track .discovery-icon svg{width:16px;height:16px}.hub-link-track .discovery-arrow{display:block;width:16px;height:16px;flex:none;color:var(--muted)}.hub-link-track .discovery-label{line-height:20px}
:root[data-index-tone=light] .hub-mini-promo{--promo-accent:#59568a}:root[data-index-tone=light] .hub-mini-promo[data-tier=premium]{--promo-accent:#806332}:root[data-index-tone=light] .hub-mini-promo[data-tier=draft]{--promo-accent:#385d80}:root[data-index-tone=light] .hub-mini-promo[data-tier=cap]{--promo-accent:#355e4c}:root[data-index-tone=light] .hub-mini-promo>img{filter:brightness(0) saturate(100%)}

@media(min-width:1024px){.guide-layout{grid-template-columns:minmax(0,9fr) minmax(0,3fr);gap:40px}.guide-rail-sticky{position:sticky;top:88px;max-height:calc(100vh - 104px);overflow-y:auto;scrollbar-width:thin}}
@media(max-width:1023px){.guide-rail{order:-1}.guide-promos{display:none}.guide-toc{display:flex;flex-wrap:wrap;gap:0 20px}.guide-toc h3{width:100%;margin-bottom:4px}.hub-link-controls{display:none}}
@media(max-width:767px){.guide-rail{display:none}.hub-link-track{gap:24px}}
@media(max-width:639px){.hub-membership-inline{grid-template-columns:1fr}.hub-membership-inline .hub-mini-promo{padding:12px}.hub-mini-promo>a{min-height:44px}}
.hub-link-track :is(.discovery-icon,.discovery-arrow){color:#b8bec6}:root[data-index-tone=light] .hub-link-track :is(.discovery-icon,.discovery-arrow){color:#68727d}
.hub-link-track .discovery-icon{color:oklch(.76 .14 var(--icon-hue))}:root[data-index-tone=light] .hub-link-track .discovery-icon{color:oklch(.49 .145 var(--icon-hue))}
.hub-link-track>a>span:first-child{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:none;line-height:1}
.hub-link-track .discovery-icon svg{display:block}
.hub-link-track .discovery-label{color:#fff}
.hub-mini-promo[hidden]{display:none}
/* Main-branch OTC setup treatment: crisp tinted frame, crown, uppercase brand
   and action in one row. Every simulator membership renderer uses this class. */
:is(.hub-mini-promo,.saved-state-card.saved-signup-card){--member-frame:#b9b6ff;--member-ink:#e4e1ff;--member-ground:#192430}
:is(.hub-mini-promo,.saved-state-card.saved-signup-card)[data-tier=premium]{--member-frame:#ffad70;--member-ink:#ffe0b8}
:is(.hub-mini-promo,.saved-state-card.saved-signup-card)>a.fs-membership-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--member-frame) 55%,transparent);border-radius:0;background:color-mix(in srgb,var(--member-frame) 12%,var(--member-ground));color:var(--member-ink);white-space:nowrap;flex-shrink:0;text-decoration:none}
:is(.hub-mini-promo,.saved-state-card.saved-signup-card)>a.fs-membership-cta:hover{background:color-mix(in srgb,var(--member-frame) 22%,var(--member-ground));text-decoration:none}
:is(.hub-mini-promo,.saved-state-card.saved-signup-card)>.fs-membership-cta>.fs-membership-brand{font-size:11px;color:inherit}
:is(.hub-mini-promo,.saved-state-card.saved-signup-card)>.fs-membership-cta>.fs-membership-brand small{font-size:10px;line-height:1.4}
.fs-membership-cta>svg{width:16px;height:16px}
:is(.hub-mini-promo,.saved-state-card.saved-signup-card){container-type:inline-size}
@container(max-width:230px){:is(.hub-mini-promo.hub-mini-promo,.saved-state-card.saved-signup-card)>a.fs-membership-cta{gap:3px;padding-inline:4px}:is(.hub-mini-promo.hub-mini-promo,.saved-state-card.saved-signup-card)>.fs-membership-cta>.fs-membership-brand{gap:3px;font-size:10px;letter-spacing:.04em}:is(.hub-mini-promo.hub-mini-promo,.saved-state-card.saved-signup-card)>.fs-membership-cta>.fs-membership-brand small{gap:3px;font-size:9px;letter-spacing:.02em}:is(.hub-mini-promo,.saved-state-card.saved-signup-card)>.fs-membership-cta>svg{width:14px;height:14px}}
.hub-membership-inline .hub-mini-promo>a.fs-membership-cta{margin-top:0}
@container(max-width:1055px){.hub-membership-inline .hub-mini-promo{grid-template-columns:minmax(0,1fr)}.hub-membership-inline .hub-mini-promo>a.fs-membership-cta{grid-column:1;grid-row:auto;justify-self:start}}
@container(max-width:360px){.hub-membership-inline .hub-mini-promo>a.fs-membership-cta{padding-inline:8px;gap:7px}.hub-membership-inline .fs-membership-cta>.fs-membership-brand{gap:6px}}
:is(:root[data-index-tone=light],:root[data-finish-setup-tone=light],:root[data-fs-theme=light]) :is(.hub-mini-promo,.saved-state-card.saved-signup-card),.sim-statistics[data-theme=light] .hub-mini-promo{--member-frame:#5b5bf0;--member-ink:#393586;--member-ground:#fff}
:is(:root[data-index-tone=light],:root[data-finish-setup-tone=light],:root[data-fs-theme=light]) :is(.hub-mini-promo,.saved-state-card.saved-signup-card)[data-tier=premium],.sim-statistics[data-theme=light] .hub-mini-promo[data-tier=premium]{--member-frame:#ff7a1a;--member-ink:#77461e}
.hub-mini-promo[data-tier=premium]>.fs-membership-cta>svg{color:#ffb71a}
:root[data-index-tone=light] .hub-link-track .discovery-label,:root[data-fs-theme=light] .hub-link-track .discovery-label{color:#223748}
/* NEW on the five simulators (components/layout/simulator-links.ts newUntil), the drawer's badge face. */
.discovery-new{flex:none;margin-left:6px;padding:3px 6px 2px;border-radius:3px;background:#1d4ed8;color:#fff;font:700 9px/1 var(--font-actor,Arial),sans-serif;letter-spacing:.08em;text-transform:uppercase;vertical-align:2px}