:root {
  --network-ink: #0b2545;
  --network-muted: #627086;
  --network-red: #d62828;
  --network-cream: #f7f4ed;
  --network-paper: #ffffff;
  --network-line: #dfe4ea;
  --network-soft-blue: #eaf1f8;
  --network-shadow: 0 18px 55px rgba(11, 37, 69, .1);
}
* { box-sizing: border-box; }
html.sf-network-light { color-scheme: light; background: var(--network-cream); }
.network-body { min-width: 320px; margin: 0; background: var(--network-cream); color: var(--network-ink); font-family: Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
.network-body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background-image: linear-gradient(rgba(11,37,69,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,37,69,.035) 1px,transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to bottom,#000 0%,transparent 75%); }
.network-skip { position: fixed; z-index: 9999; left: 1rem; top: -80px; padding: .8rem 1rem; border-radius: 12px; background: var(--network-ink); color: #fff; transition: top .2s; }
.network-skip:focus { top: 1rem; }
.network-header { position: sticky; top: 0; z-index: 1000; padding: .7rem clamp(.75rem,3vw,2.25rem); background: rgba(247,244,237,.88); border-bottom: 1px solid rgba(11,37,69,.08); backdrop-filter: blur(18px); }
.network-nav { max-width: 1500px; min-height: 66px; display: flex; align-items: center; gap: 1rem; margin: 0 auto; }
.network-brand { flex: 0 0 auto; text-decoration: none; }
.network-brand-shell { width: 272px; height: 62px; display: grid; place-items: center; overflow: hidden; padding: .5rem 1rem .65rem; border-radius: 15px; background: var(--network-ink); box-shadow: 0 9px 20px rgba(11,37,69,.18); }
.network-brand-shell picture { width: 100%; height: 100%; place-items: center; }
.network-brand-shell .network-brand-desktop { display: grid; }
.network-brand-shell img { display: block; width: auto; height: auto; max-width: 94%; max-height: 88%; object-fit: contain; }
.network-menu { display: flex; align-items: center; gap: .18rem; margin-left: auto; }
.network-menu > a { display: inline-flex; align-items: center; gap: .35rem; padding: .72rem .8rem; border-radius: 11px; color: #48566a; font-size: .82rem; font-weight: 800; text-decoration: none; }
.network-menu > a:hover, .network-menu > a.active { background: #fff; color: var(--network-ink); box-shadow: 0 6px 18px rgba(11,37,69,.08); }
.network-menu > a > i { width: 1rem; color: #8793a5; font-size: .7rem; text-align: center; transition: color .18s ease, transform .18s ease; }
.network-menu > a > b { font: inherit; white-space: nowrap; }
.network-menu > a:hover > i, .network-menu > a.active > i { color: var(--network-red); transform: translateY(-1px); }
.network-menu > a span { padding: .15rem .35rem; border-radius: 999px; background: #fee2e2; color: var(--network-red); font-size: .52rem; text-transform: uppercase; }
.network-rules-link { display: none !important; }
.network-socials { display: flex; align-items: center; gap: .3rem; }
.network-socials a { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(11,37,69,.1); border-radius: 11px; background: #fff; color: var(--network-ink); font-size: .78rem; text-decoration: none; transition: transform .18s ease, color .18s ease, border-color .18s ease; }
.network-socials a:hover { border-color: currentColor; transform: translateY(-2px); }
.network-socials a.is-instagram:hover { color: #c13584; }.network-socials a.is-facebook:hover { color: #1877f2; }.network-socials a.is-tiktok:hover { color: #111827; }.network-socials a.is-whatsapp:hover { color: #16a34a; }.network-socials a.is-youtube:hover { color: #ff0000; }.network-socials a.is-x:hover { color: #0f172a; }
.network-actions { display: flex; align-items: center; gap: .55rem; }
.network-login, .network-pool-button, .network-primary-button, .network-secondary-button { display: inline-flex; align-items: center; justify-content: center; gap: .48rem; min-height: 44px; padding: .72rem 1rem; border: 0; border-radius: 12px; font-size: .78rem; font-weight: 900; text-decoration: none; cursor: pointer; }
.network-login { color: var(--network-ink); }
.network-login:hover { color: var(--network-red); }
.network-pool-button, .network-primary-button { background: var(--network-red); color: #fff; box-shadow: 0 10px 24px rgba(214,40,40,.2); }
.network-pool-button:hover, .network-primary-button:hover { background: #b91c1c; color: #fff; transform: translateY(-1px); }
.network-secondary-button { border: 1px solid rgba(11,37,69,.14); background: rgba(255,255,255,.72); color: var(--network-ink); }
.network-secondary-button:hover { background: #fff; color: var(--network-ink); }
.network-text-button { display: inline-flex; align-items: center; gap: .4rem; padding: .7rem .25rem; color: var(--network-red); font-size: .76rem; font-weight: 900; text-decoration: none; }
.network-text-button:hover { color: #991b1b; }
.network-menu-button { display: none; margin-left: auto; padding: .65rem .8rem; border: 1px solid var(--network-line); border-radius: 12px; background: #fff; color: var(--network-ink); font-weight: 850; }
.network-menu-button span { margin-left: .35rem; }
.network-main { width: min(1500px,100%); min-height: 65vh; margin: 0 auto; padding: clamp(1rem,2.8vw,2.6rem); }
.network-flashes { width: min(1440px,calc(100% - 2rem)); margin: 1rem auto 0; }
.network-flash { padding: .8rem 1rem; border: 1px solid #bae6fd; border-radius: 14px; background: #eff6ff; color: var(--network-ink); font-weight: 750; }
.network-eyebrow { display: inline-flex; align-items: center; gap: .4rem; color: var(--network-red); font-size: .7rem; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.network-hero { position: relative; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(360px,.8fr); gap: clamp(1.5rem,4vw,4rem); align-items: center; overflow: hidden; min-height: 520px; padding: clamp(1.5rem,5vw,5.2rem); border: 1px solid rgba(11,37,69,.1); border-radius: 36px; background: radial-gradient(circle at 92% 6%,rgba(214,40,40,.13),transparent 30%),linear-gradient(135deg,#fff 0%,#f9f4e8 68%,#f7e7e0 100%); box-shadow: var(--network-shadow); }
.network-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(11,37,69,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,37,69,.035) 1px,transparent 1px); background-size: 48px 48px; }
.network-hero-copy, .network-hero-brand { position: relative; z-index: 1; }
.network-hero h1, .network-page-hero h1, .network-team-hero h1 { margin: .8rem 0 1rem; color: var(--network-ink); font-size: clamp(2.8rem,6.8vw,6.5rem); line-height: .92; font-weight: 950; letter-spacing: -.075em; }
.network-hero h1 em { color: var(--network-red); font-style: normal; }
.network-hero-copy > p { max-width: 700px; margin: 0; color: var(--network-muted); font-size: clamp(1rem,1.8vw,1.25rem); line-height: 1.65; }
.network-hero-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.7rem; }
.network-active-quinielas { display: grid; grid-template-columns: minmax(205px,1fr) auto auto; gap: .85rem; align-items: center; max-width: 820px; margin-bottom: 1.25rem; padding: .8rem .9rem; border: 1px solid rgba(214,40,40,.22); border-radius: 19px; background: rgba(255,255,255,.86); box-shadow: 0 14px 32px rgba(11,37,69,.09); backdrop-filter: blur(10px); }
.network-active-quinielas-copy small, .network-active-quinielas-copy strong { display: block; }.network-active-quinielas-copy small { color: var(--network-red); font-size: .58rem; font-weight: 950; letter-spacing: .07em; text-transform: uppercase; }.network-active-quinielas-copy strong { margin-top: .18rem; color: var(--network-ink); font-size: .78rem; line-height: 1.25; font-weight: 950; }
.network-active-quinielas-list { display: flex; gap: .45rem; overflow-x: auto; padding: .08rem; scrollbar-width: none; }.network-active-quinielas-list::-webkit-scrollbar { display: none; }
.network-active-quiniela { display: grid; flex: 0 0 72px; min-height: 76px; place-items: center; align-content: center; padding: .35rem; border: 1px solid var(--network-line); border-radius: 15px; background: #fff; box-shadow: 0 7px 18px rgba(11,37,69,.08); }.network-active-quiniela img { width: 52px; height: 52px; object-fit: contain; }.network-active-quiniela small { overflow: hidden; width: 100%; margin-top: .15rem; color: var(--network-ink); font-size: .44rem; font-weight: 950; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.network-active-quinielas > a { display: inline-flex; align-items: center; gap: .4rem; min-height: 42px; padding: .65rem .75rem; border-radius: 12px; background: var(--network-red); color: #fff; font-size: .62rem; font-weight: 950; text-decoration: none; white-space: nowrap; }.network-active-quinielas > a:hover { background: #b91c1c; color: #fff; }
.network-trust-row { display: flex; flex-wrap: wrap; gap: .7rem 1rem; margin-top: 1.6rem; color: var(--network-muted); font-size: .7rem; font-weight: 800; }
.network-trust-row i { margin-right: .25rem; color: var(--network-red); }
.network-hero-brand { min-height: 335px; display: flex; flex-direction: column; justify-content: center; overflow: hidden; padding: 2rem; border-radius: 30px; background: linear-gradient(145deg,#07182d,#0b2d52); color: #fff; box-shadow: 0 30px 70px rgba(11,37,69,.25); }
.network-hero-brand::after { content: "SF"; position: absolute; right: -1rem; bottom: -4rem; color: rgba(255,255,255,.035); font-size: 12rem; font-weight: 950; }
.network-hero-brand > img, .network-hero-wordmark { position: relative; z-index: 1; width: 100%; max-height: 150px; }
.network-hero-wordmark img { display: block; width: 100%; max-height: 150px; object-fit: contain; }
.network-live-pill { position: relative; z-index: 1; display: inline-flex; align-items: center; align-self: flex-start; gap: .45rem; margin-bottom: 1.5rem; padding: .38rem .6rem; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: #cbd5e1; font-size: .62rem; font-weight: 850; text-transform: uppercase; }
.network-live-pill i { width: 7px; height: 7px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 5px rgba(34,197,94,.12); }
.network-snapshot { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem; margin-top: 1.5rem; }
.network-snapshot div { padding: .8rem; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(255,255,255,.06); }
.network-snapshot strong, .network-snapshot span { display: block; }
.network-snapshot strong { font-size: 1.25rem; font-weight: 950; }
.network-snapshot span { margin-top: .15rem; color: #94a3b8; font-size: .57rem; font-weight: 800; text-transform: uppercase; }
.network-quiniela-summary { position: relative; z-index: 1; margin-top: .65rem; padding: .7rem; border: 1px solid rgba(248,113,113,.28); border-radius: 16px; background: linear-gradient(135deg,rgba(214,40,40,.18),rgba(255,255,255,.055)); }
.network-quiniela-summary header { display: flex; align-items: center; gap: .4rem; margin-bottom: .55rem; color: #fca5a5; font-size: .58rem; font-weight: 950; letter-spacing: .075em; text-transform: uppercase; }
.network-quiniela-summary > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .45rem; }
.network-quiniela-summary span { min-width: 0; padding: .55rem .6rem; border: 1px solid rgba(255,255,255,.09); border-radius: 12px; background: rgba(3,15,30,.27); }
.network-quiniela-summary strong, .network-quiniela-summary small { display: block; }
.network-quiniela-summary strong { overflow: hidden; color: #fff; font-size: .76rem; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.network-quiniela-summary small { margin-top: .14rem; color: #aab8ca; font-size: .46rem; font-weight: 850; letter-spacing: .035em; text-transform: uppercase; }
.network-section { margin-top: clamp(2rem,5vw,4.8rem); }
.network-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 1.2rem; }
.network-section-heading h2, .network-feature-band h2, .network-lab-callout h2, .network-data-panel h2 { margin: .35rem 0; color: var(--network-ink); font-size: clamp(1.55rem,3vw,2.5rem); font-weight: 950; letter-spacing: -.045em; }
.network-section-heading p, .network-feature-band p, .network-lab-callout p { margin: 0; color: var(--network-muted); }
.network-section-heading > a, .network-data-panel header > a { flex: 0 0 auto; color: var(--network-red); font-size: .75rem; font-weight: 900; text-decoration: none; }
.network-game-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .85rem; }
.network-game-card { padding: 1rem; border: 1px solid var(--network-line); border-radius: 20px; background: #fff; box-shadow: 0 10px 28px rgba(11,37,69,.07); }
.network-game-card header, .network-game-card footer { display: flex; justify-content: space-between; gap: .6rem; color: var(--network-muted); font-size: .58rem; font-weight: 850; text-transform: uppercase; }
.network-game-card header time { text-align: right; }
.network-game-matchup { display: grid; grid-template-columns: 1fr auto 1fr; gap: .5rem; align-items: center; padding: 1.1rem 0; }
.network-game-matchup > div { display: flex; align-items: center; gap: .5rem; }
.network-game-matchup > div:last-child { flex-direction: row-reverse; }
.network-game-matchup img { width: 42px; height: 42px; object-fit: contain; }
.network-game-matchup strong { font-size: 1rem; font-weight: 950; }
.network-game-matchup > span { color: var(--network-red); font-size: .62rem; font-weight: 900; white-space: nowrap; }
.network-game-matchup > span b { font-size: 1.1rem; }
.network-game-card footer { padding-top: .7rem; border-top: 1px solid #edf0f3; text-transform: none; }
.network-game-card footer small { overflow: hidden; max-width: 52%; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.network-empty { display: flex; align-items: center; gap: 1rem; padding: 1.3rem; border: 1px dashed #cbd5e1; border-radius: 20px; background: rgba(255,255,255,.62); }
.network-empty i { display: grid; flex: 0 0 48px; height: 48px; place-items: center; border-radius: 14px; background: var(--network-soft-blue); color: var(--network-ink); }
.network-empty strong { font-weight: 950; }
.network-empty p { margin: .2rem 0 0; color: var(--network-muted); font-size: .8rem; }
.network-empty.small { padding: 1rem; }
.network-feature-band, .network-lab-callout { display: grid; grid-template-columns: 1.1fr .9fr; gap: 2rem; align-items: center; margin-top: clamp(2rem,5vw,4.8rem); padding: clamp(1.5rem,4vw,3rem); border-radius: 28px; }
.network-feature-band { background: #e9eff5; border: 1px solid #d7e0e8; }
.network-feature-points { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; }
.network-feature-points span { display: flex; align-items: center; gap: .6rem; padding: .8rem; border-radius: 14px; background: rgba(255,255,255,.7); font-size: .72rem; font-weight: 850; }
.network-feature-points i { color: var(--network-red); }
.network-team-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .75rem; }
.network-team-card { position: relative; display: grid; grid-template-columns: 62px minmax(0,1fr) auto; gap: .75rem; align-items: center; overflow: hidden; min-height: 92px; padding: .8rem; border: 1px solid var(--network-line); border-radius: 20px; background: #fff; color: var(--network-ink); text-decoration: none; box-shadow: 0 10px 28px rgba(11,37,69,.06); }
.network-team-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 5px; background: linear-gradient(var(--team-primary),var(--team-secondary)); }
.network-team-card:hover { color: var(--network-ink); border-color: color-mix(in srgb,var(--team-primary) 35%,#dfe4ea); transform: translateY(-2px); }
.network-team-logo { width: 62px; height: 62px; display: grid; place-items: center; border-radius: 17px; background: color-mix(in srgb,var(--team-primary) 7%,#fff); }
.network-team-logo img { width: 48px; height: 48px; object-fit: contain; }
.network-team-card small, .network-team-card strong, .network-team-card em { display: block; }
.network-team-card small { color: var(--network-muted); font-size: .55rem; font-weight: 850; text-transform: uppercase; }
.network-team-card strong { margin: .18rem 0; font-size: .8rem; font-weight: 950; }
.network-team-card em { color: var(--team-primary); font-size: .63rem; font-style: normal; font-weight: 850; }
.network-team-card > i { color: #a8b1bf; font-size: .68rem; }
.network-lab-callout { background: linear-gradient(135deg,#0b2545,#123b67); color: #fff; }
.network-lab-callout h2 { color: #fff; }
.network-lab-callout p { color: #bdc9d8; }
.network-lab-callout .network-eyebrow { color: #fca5a5; }
.network-lab-callout > a { justify-self: end; }
.network-page-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; padding: clamp(1.5rem,4vw,3.3rem); border: 1px solid var(--network-line); border-radius: 30px; background: linear-gradient(135deg,#fff,#f4eee2); box-shadow: var(--network-shadow); }
.network-page-hero.compact h1 { margin: .35rem 0; font-size: clamp(2.4rem,6vw,5rem); }
.network-page-hero p { max-width: 760px; margin: 0; color: var(--network-muted); }
.network-search { min-width: min(100%,360px); display: grid; grid-template-columns: auto 1fr auto; align-items: center; padding: .35rem; border: 1px solid var(--network-line); border-radius: 15px; background: #fff; }
.network-search i { margin-left: .7rem; color: #94a3b8; }
.network-search input { min-width: 0; padding: .65rem; border: 0; outline: 0; font-weight: 750; }
.network-search button { padding: .65rem .8rem; border: 0; border-radius: 10px; background: var(--network-ink); color: #fff; font-size: .7rem; font-weight: 900; }
.network-division { margin-top: 2rem; }
.network-division > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: .7rem; padding: 0 .2rem; }
.network-division > header span { font-size: 1.1rem; font-weight: 950; }
.network-division > header small { color: var(--network-muted); font-weight: 750; }
.network-team-directory { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .75rem; }
.network-directory-card { position: relative; display: grid; grid-template-columns: 58px minmax(0,1fr) auto; gap: .7rem; align-items: center; overflow: hidden; padding: .75rem; border: 1px solid var(--network-line); border-radius: 18px; background: #fff; color: var(--network-ink); text-decoration: none; }
.network-directory-card::after { content: ""; position: absolute; inset: auto 0 0; height: 3px; background: linear-gradient(90deg,var(--team-primary),var(--team-secondary)); }
.network-directory-card:hover { color: var(--network-ink); box-shadow: 0 14px 32px rgba(11,37,69,.1); transform: translateY(-2px); }
.network-directory-logo { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 16px; background: color-mix(in srgb,var(--team-primary) 8%,#fff); font-weight: 950; }
.network-directory-logo img { width: 46px; height: 46px; object-fit: contain; }
.network-directory-copy small, .network-directory-copy strong, .network-directory-copy em, .network-directory-record strong, .network-directory-record small { display: block; }
.network-directory-copy small { color: var(--team-primary); font-size: .55rem; font-weight: 950; }
.network-directory-copy strong { overflow: hidden; font-size: .75rem; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.network-directory-copy em { color: var(--network-muted); font-size: .55rem; font-style: normal; font-weight: 700; }
.network-directory-record { text-align: right; }
.network-directory-record strong { font-size: .9rem; font-weight: 950; }
.network-directory-record small { color: var(--network-muted); font-size: .55rem; }
.network-team-hero { display: grid; grid-template-columns: 150px minmax(0,1fr) auto; gap: 1.5rem; align-items: center; overflow: hidden; padding: clamp(1.3rem,4vw,3rem); border-radius: 30px; background: linear-gradient(135deg,color-mix(in srgb,var(--team-primary) 9%,#fff),#fff); border: 1px solid color-mix(in srgb,var(--team-primary) 18%,#dfe4ea); box-shadow: var(--network-shadow); }
.network-team-hero-logo { width: 150px; height: 150px; display: grid; place-items: center; border-radius: 28px; background: #fff; box-shadow: 0 15px 35px rgba(11,37,69,.12); font-size: 2rem; font-weight: 950; }
.network-team-hero-logo img { width: 115px; height: 115px; object-fit: contain; }
.network-team-hero h1 { margin: .25rem 0; font-size: clamp(2.4rem,6vw,5rem); }
.network-team-hero p { margin: 0; color: var(--network-muted); font-weight: 750; }
.network-team-hero form label { display: grid; gap: .3rem; color: var(--network-muted); font-size: .62rem; font-weight: 850; text-transform: uppercase; }
.network-team-hero select, .network-lab-form select { min-height: 46px; padding: 0 .75rem; border: 1px solid var(--network-line); border-radius: 12px; background: #fff; color: var(--network-ink); font-weight: 800; }
.network-metric-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .75rem; margin-top: 1rem; }
.network-metric-grid article { padding: 1rem; border: 1px solid var(--network-line); border-radius: 18px; background: #fff; }
.network-metric-grid span, .network-metric-grid strong, .network-metric-grid small { display: block; }
.network-metric-grid span { color: var(--network-muted); font-size: .6rem; font-weight: 850; text-transform: uppercase; }
.network-metric-grid strong { margin: .25rem 0; font-size: 1.45rem; font-weight: 950; }
.network-metric-grid small { color: var(--network-muted); font-size: .62rem; }
.network-team-story { position: relative; display: grid; grid-template-columns: minmax(0,1.18fr) minmax(340px,.82fr); gap: clamp(1.2rem,3vw,2.3rem); overflow: hidden; margin-top: clamp(1.5rem,4vw,3.4rem); padding: clamp(1.35rem,3.5vw,3rem); border: 1px solid color-mix(in srgb,var(--team-primary) 16%,var(--network-line)); border-radius: 30px; background: radial-gradient(circle at 100% 0,color-mix(in srgb,var(--team-primary) 10%,transparent),transparent 36%),linear-gradient(145deg,#fff,#f5f7fa); box-shadow: var(--network-shadow); }
.network-team-story::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 6px; background: linear-gradient(var(--team-primary),var(--team-secondary)); }
.network-team-story h2 { margin: .4rem 0 .8rem; color: var(--network-ink); font-size: clamp(1.7rem,3.2vw,2.7rem); font-weight: 950; letter-spacing: -.045em; }
.network-team-story article > p { margin: 0; color: var(--network-muted); font-size: .82rem; line-height: 1.75; }
.network-team-story article > p + p { margin-top: .8rem; }
.network-team-story .network-team-identity { color: var(--network-ink); font-weight: 750; }
.network-team-story blockquote { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: .7rem; align-items: start; margin: 1rem 0 0; padding: .9rem; border: 1px solid color-mix(in srgb,var(--team-primary) 14%,var(--network-line)); border-radius: 17px; background: color-mix(in srgb,var(--team-primary) 5%,#fff); color: var(--network-ink); font-size: .72rem; font-weight: 750; line-height: 1.55; }
.network-team-story blockquote > i { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; color: #fff; background: var(--team-primary); }
.network-team-story aside { display: grid; gap: .75rem; align-content: start; }
.network-team-fact-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem; }
.network-team-fact-grid > div { min-width: 0; padding: .75rem; border: 1px solid var(--network-line); border-radius: 15px; background: rgba(255,255,255,.8); }
.network-team-fact-grid span, .network-team-fact-grid strong { display: block; }.network-team-fact-grid span { color: var(--network-muted); font-size: .52rem; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }.network-team-fact-grid strong { margin-top: .22rem; overflow-wrap: anywhere; font-size: .68rem; line-height: 1.35; font-weight: 950; }
.network-team-milestones { padding: .85rem; border-radius: 17px; color: #fff; background: linear-gradient(145deg,#07182d,#0b2d52); }
.network-team-milestones h3 { margin: 0 0 .6rem; color: #fff; font-size: .72rem; font-weight: 950; }.network-team-milestones h3 > i { margin-right: .35rem; color: #f6c453; }
.network-team-milestones p { display: grid; grid-template-columns: 18px minmax(0,1fr); gap: .45rem; margin: .45rem 0 0; color: #bdc9d8; font-size: .62rem; line-height: 1.45; }.network-team-milestones p > i { padding-top: .18rem; color: #86efac; font-size: .62rem; }
.network-team-analytics { scroll-margin-top: 105px; }
.network-chart-grid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(245px,.55fr); gap: .85rem; }
.network-chart-card { min-width: 0; padding: 1rem; border: 1px solid var(--network-line); border-radius: 22px; background: #fff; box-shadow: 0 10px 28px rgba(11,37,69,.06); }
.network-chart-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; margin-bottom: .85rem; }.network-chart-card > header small { color: var(--network-muted); font-size: .53rem; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }.network-chart-card > header h3 { margin: .18rem 0 0; font-size: 1rem; font-weight: 950; letter-spacing: -.025em; }
.network-scoring-card { grid-row: span 2; }
.network-chart-legend { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .55rem; color: var(--network-muted); font-size: .56rem; font-weight: 850; }.network-chart-legend span { display: inline-flex; align-items: center; gap: .3rem; }.network-chart-legend i { width: 9px; height: 9px; border-radius: 50%; }.network-chart-legend .is-for i { background: var(--team-primary); }.network-chart-legend .is-against i { background: #ef4444; }
.network-scoring-chart { overflow-x: auto; overflow-y: hidden; padding: .2rem; border-radius: 16px; background: linear-gradient(180deg,color-mix(in srgb,var(--team-primary) 4%,#fff),#fff); }
.network-scoring-chart svg { display: block; width: 100%; min-width: 590px; height: auto; }
.network-chart-gridline line { stroke: #e7ebef; stroke-width: 1; stroke-dasharray: 4 5; }.network-chart-gridline text { fill: #8a94a3; font-size: 9px; font-weight: 800; text-anchor: end; }
.network-score-line { fill: none; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }.network-score-line.is-for { stroke: var(--chart-team-color); filter: drop-shadow(0 4px 5px color-mix(in srgb,var(--chart-team-color) 24%,transparent)); }.network-score-line.is-against { stroke: #ef4444; stroke-width: 3; stroke-dasharray: 8 7; opacity: .78; }
.network-score-point circle { cursor: help; }.network-score-point circle.is-for { fill: #fff; stroke: var(--chart-team-color); stroke-width: 4; }.network-score-point circle.is-against { fill: #fff; stroke: #ef4444; stroke-width: 3; }.network-score-point > text { fill: #78869a; font-size: 9px; font-weight: 850; text-anchor: middle; }
.network-record-visual { display: grid; grid-template-columns: 112px minmax(0,1fr); gap: .8rem; align-items: center; }
.network-record-ring { width: 112px; height: 112px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(#16a34a 0 var(--record-win),#f59e0b var(--record-win) var(--record-tie),#ef4444 var(--record-tie) 360deg); box-shadow: inset 0 0 0 1px rgba(11,37,69,.06); }.network-record-ring::before { content: ""; grid-area: 1/1; width: 76px; height: 76px; border-radius: 50%; background: #fff; box-shadow: 0 6px 18px rgba(11,37,69,.08); }.network-record-ring > span { z-index: 1; grid-area: 1/1; text-align: center; }.network-record-ring strong, .network-record-ring small { display: block; }.network-record-ring strong { font-size: 1.5rem; font-weight: 950; }.network-record-ring small { color: var(--network-muted); font-size: .5rem; font-weight: 850; text-transform: uppercase; }
.network-record-breakdown { display: grid; gap: .4rem; }.network-record-breakdown p { display: grid; grid-template-columns: 8px minmax(0,1fr) auto; gap: .4rem; align-items: center; margin: 0; color: var(--network-muted); font-size: .58rem; }.network-record-breakdown p > i { width: 8px; height: 8px; border-radius: 50%; }.network-record-breakdown p.is-win > i { background: #16a34a; }.network-record-breakdown p.is-loss > i { background: #ef4444; }.network-record-breakdown p.is-tie > i { background: #f59e0b; }.network-record-breakdown strong { color: var(--network-ink); font-size: .72rem; }.network-record-breakdown strong small { margin-left: .15rem; color: var(--network-muted); font-size: .5rem; font-weight: 750; }
.network-venue-bars { display: grid; gap: .85rem; }.network-venue-bars > div > p { display: flex; align-items: center; justify-content: space-between; gap: .7rem; margin: 0 0 .35rem; font-size: .63rem; }.network-venue-bars > div > p span { display: inline-flex; align-items: center; gap: .4rem; color: var(--network-muted); font-weight: 850; }.network-venue-bars > div > p span i { color: var(--team-primary); }.network-venue-bars > div > p strong { font-size: .72rem; }.network-venue-track { height: 9px; overflow: hidden; border-radius: 999px; background: #e9edf2; }.network-venue-track > i { display: block; min-width: 2px; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--chart-team-color),color-mix(in srgb,var(--chart-team-color) 62%,#fff)); box-shadow: 0 0 9px color-mix(in srgb,var(--chart-team-color) 25%,transparent); }.network-venue-bars > div > small { display: block; margin-top: .3rem; color: var(--network-muted); font-size: .53rem; }
.network-detail-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 1rem; margin-top: 1rem; }
.network-data-panel { padding: 1.2rem; border: 1px solid var(--network-line); border-radius: 22px; background: #fff; }
.network-data-panel > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: .8rem; }
.network-data-panel h2 { font-size: 1.35rem; }
.network-form-list { display: grid; gap: .5rem; }
.network-form-list article { display: grid; grid-template-columns: 34px 42px minmax(0,1fr) auto; gap: .7rem; align-items: center; padding: .65rem; border-radius: 14px; background: #f7f8fa; }
.network-form-list article img { width: 38px; height: 38px; object-fit: contain; }
.network-form-list article strong, .network-form-list article small { display: block; }
.network-form-list article strong { font-size: .75rem; }
.network-form-list article small { color: var(--network-muted); font-size: .58rem; }
.network-form-list article > b { font-size: 1rem; }
.network-result-badge { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: #fff; font-size: .7rem; font-weight: 950; }
.network-result-badge.is-w { background: #16a34a; }.network-result-badge.is-l { background: #dc2626; }.network-result-badge.is-t { background: #64748b; }
.network-insight-list { display: grid; gap: .5rem; }
.network-insight-list p { display: flex; justify-content: space-between; gap: 1rem; margin: 0; padding: .75rem; border-radius: 12px; background: #f7f8fa; font-size: .7rem; }
.network-insight-list span { color: var(--network-muted); }.network-insight-list strong { font-weight: 950; }
.network-method-note { display: block; margin-top: .8rem; color: var(--network-muted); font-size: .62rem; line-height: 1.5; }
.network-lab-form { display: grid; grid-template-columns: 1fr auto 1fr 1fr auto; gap: .8rem; align-items: end; margin-top: 1rem; padding: 1.2rem; border: 1px solid var(--network-line); border-radius: 24px; background: #fff; box-shadow: var(--network-shadow); }
.network-lab-form label { display: grid; gap: .35rem; color: var(--network-muted); font-size: .62rem; font-weight: 900; text-transform: uppercase; }
.network-lab-form > span { align-self: center; padding-top: 1.3rem; color: var(--network-red); font-weight: 950; }
.network-simulation { margin-top: 1rem; padding: clamp(1.4rem,4vw,3rem); border-radius: 26px; background: linear-gradient(135deg,#07182d,#0b2d52); color: #fff; text-align: center; box-shadow: 0 25px 60px rgba(11,37,69,.24); }
.network-confidence { display: inline-flex; padding: .4rem .65rem; border-radius: 999px; background: rgba(255,255,255,.1); color: #cbd5e1; font-size: .62rem; font-weight: 850; text-transform: uppercase; }
.network-score-projection { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: center; max-width: 700px; margin: 1.5rem auto; }
.network-score-projection div small, .network-score-projection div strong, .network-score-projection div span { display: block; }
.network-score-projection div small { color: #94a3b8; font-weight: 900; }.network-score-projection div strong { font-size: clamp(3rem,8vw,6rem); line-height: 1; font-weight: 950; }.network-score-projection div span { color: #fca5a5; font-size: 1.1rem; font-weight: 950; }
.network-score-projection em { color: #94a3b8; font-size: .65rem; font-style: normal; font-weight: 850; text-transform: uppercase; }
.network-probability { max-width: 760px; height: 12px; display: flex; overflow: hidden; margin: auto; border-radius: 99px; background: #fff; }
.network-probability i { background: #38bdf8; }.network-probability b { background: #f8fafc; }.network-probability span { background: #ef4444; }
.network-simulation > p { max-width: 700px; margin: 1rem auto 0; color: #94a3b8; font-size: .7rem; }
.network-lab-principles, .network-methodology-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: .8rem; margin-top: 1rem; }
.network-lab-principles article, .network-methodology-grid article { padding: 1.3rem; border: 1px solid var(--network-line); border-radius: 20px; background: #fff; }
.network-lab-principles i { font-size: 1.2rem; color: var(--network-red); }.network-lab-principles strong { display: block; margin: .7rem 0 .25rem; }.network-lab-principles p, .network-methodology-grid p { margin: 0; color: var(--network-muted); font-size: .75rem; line-height: 1.6; }
.network-method-link { text-align: center; margin: 1.2rem 0 0; }.network-method-link a { color: var(--network-red); font-size: .72rem; font-weight: 900; text-decoration: none; }
.network-methodology-grid article > span { color: #cbd5e1; font-size: 2.2rem; font-weight: 950; }.network-methodology-grid h2 { margin: .3rem 0; font-size: 1rem; font-weight: 950; }
.network-pool-teaser { display: grid; grid-template-columns: minmax(0,1fr) minmax(360px,.78fr); gap: 2rem; align-items: center; margin-top: clamp(1.2rem,3vw,2rem); padding: clamp(1.25rem,3.5vw,2.5rem); border: 1px solid rgba(11,37,69,.1); border-radius: 28px; background: linear-gradient(135deg,#fff,#f3f7fb); box-shadow: 0 14px 38px rgba(11,37,69,.07); }
.network-pool-teaser h2, .network-trust-panel h2, .network-final-cta h2 { margin: .4rem 0 .6rem; color: var(--network-ink); font-size: clamp(1.65rem,3.2vw,2.8rem); font-weight: 950; letter-spacing: -.045em; }
.network-pool-teaser > div > p, .network-trust-panel > div > p { max-width: 700px; margin: 0; color: var(--network-muted); line-height: 1.65; }
.network-pool-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; }
.network-pool-facts article { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: .1rem .65rem; align-items: center; min-height: 78px; padding: .8rem; border: 1px solid var(--network-line); border-radius: 17px; background: #fff; }
.network-pool-facts i { grid-row: 1 / span 2; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: #fee2e2; color: var(--network-red); }
.network-pool-facts span, .network-pool-facts strong { min-width: 0; display: block; }.network-pool-facts span { color: var(--network-muted); font-size: .58rem; font-weight: 850; text-transform: uppercase; }.network-pool-facts strong { font-size: .72rem; font-weight: 950; }
.network-community { position: relative; scroll-margin-top: 100px; padding: clamp(1.2rem,3vw,2rem); border: 1px solid rgba(11,37,69,.1); border-radius: 30px; background: radial-gradient(circle at 100% 0,rgba(214,40,40,.08),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.92),rgba(243,247,251,.9)); box-shadow: 0 18px 48px rgba(11,37,69,.07); }
.network-community-heading { align-items: center; }
.network-community-heading > div { max-width: 850px; }
.network-community-badge { flex: 0 0 auto; display: inline-flex; align-items: center; gap: .5rem; padding: .65rem .8rem; border: 1px solid rgba(214,40,40,.15); border-radius: 999px; color: var(--network-red); background: #fff; box-shadow: 0 9px 22px rgba(11,37,69,.07); font-size: .62rem; font-weight: 900; letter-spacing: .035em; text-transform: uppercase; }
.network-community-layout { display: grid; gap: 1rem; }
.network-official-community { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(280px,.9fr) minmax(0,1.1fr); gap: 1rem; align-items: center; overflow: hidden; min-height: 0; padding: 1rem; border-radius: 21px; color: #fff; background: radial-gradient(circle at 100% 0,rgba(214,40,40,.24),transparent 38%),linear-gradient(145deg,#07182d,#0b2d52); box-shadow: 0 16px 34px rgba(11,37,69,.14); }
.network-official-watermark { position: absolute; z-index: -1; right: -1.2rem; bottom: -3.2rem; color: rgba(255,255,255,.035); font-size: 9rem; font-weight: 950; line-height: 1; }
.network-official-identity { display: grid; grid-template-columns: 58px minmax(0,1fr); gap: .8rem; align-items: center; }
.network-official-identity > span { width: 58px; height: 58px; display: grid; place-items: center; overflow: hidden; padding: .42rem; border: 1px solid rgba(255,255,255,.14); border-radius: 17px; background: rgba(255,255,255,.09); }
.network-official-identity img { width: 100%; height: 100%; object-fit: contain; }
.network-official-identity small { color: #fca5a5; font-size: .58rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.network-official-identity h3 { margin: .18rem 0 .25rem; color: #fff; font-size: 1.05rem; font-weight: 950; letter-spacing: -.03em; }
.network-official-identity p { margin: 0; color: #bdc9d8; font-size: .68rem; line-height: 1.5; }
.network-official-social-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .5rem; margin: 0; padding: 0; }
.network-official-social-grid a { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; gap: .5rem; align-items: center; min-height: 52px; padding: .5rem; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; color: #fff; background: rgba(255,255,255,.07); text-decoration: none; transition: transform .18s ease, background .18s ease, border-color .18s ease; }
.network-official-social-grid a:hover { border-color: rgba(255,255,255,.32); color: #fff; background: rgba(255,255,255,.13); transform: translateY(-2px); }
.network-official-social-grid a > i:first-child { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; background: rgba(255,255,255,.1); font-size: 1rem; }
.network-official-social-grid a > i:last-child { color: #94a3b8; font-size: .58rem; }
.network-official-social-grid a small, .network-official-social-grid a strong { display: block; }.network-official-social-grid a small { color: #94a3b8; font-size: .5rem; font-weight: 800; text-transform: uppercase; }.network-official-social-grid a strong { margin-top: .08rem; font-size: .68rem; font-weight: 950; }
.network-official-social-grid a.is-whatsapp > i:first-child { color: #fff; background: #16a34a; }.network-official-social-grid a.is-instagram > i:first-child { color: #fff; background: linear-gradient(135deg,#405de6,#c13584 45%,#f77737); }.network-official-social-grid a.is-facebook > i:first-child { color: #fff; background: #1877f2; }.network-official-social-grid a.is-tiktok > i:first-child { color: #fff; background: #111827; }.network-official-social-grid a.is-youtube > i:first-child { color: #fff; background: #ef0000; }.network-official-social-grid a.is-telegram > i:first-child { color: #fff; background: #229ed9; }.network-official-social-grid a.is-x > i:first-child { color: #fff; background: #0f172a; }
.network-official-social-pending, .network-collaborators-empty { display: flex; align-items: center; gap: .75rem; margin-top: 1rem; padding: .85rem; border-radius: 16px; }
.network-official-social-pending { margin-top: auto; border: 1px dashed rgba(255,255,255,.2); color: #fff; background: rgba(255,255,255,.06); }.network-official-social-pending > i { color: #fca5a5; }
.network-official-social-pending strong, .network-official-social-pending small, .network-collaborators-empty strong, .network-collaborators-empty small { display: block; }.network-official-social-pending strong, .network-collaborators-empty strong { font-size: .7rem; font-weight: 950; }.network-official-social-pending small { margin-top: .15rem; color: #94a3b8; font-size: .58rem; line-height: 1.4; }
.network-collaborators-panel { min-width: 0; padding: clamp(1rem,2vw,1.45rem); border: 1px solid var(--network-line); border-radius: 24px; background: rgba(255,255,255,.92); box-shadow: 0 12px 30px rgba(11,37,69,.055); }
.network-collaborators-panel > header { max-width: 850px; margin-bottom: 1rem; }.network-collaborators-panel > header > span { display: inline-flex; align-items: center; gap: .35rem; color: var(--network-red); font-size: .58rem; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }.network-collaborators-panel > header h3 { margin: .3rem 0; font-size: clamp(1.2rem,2.2vw,1.7rem); font-weight: 950; letter-spacing: -.035em; }.network-collaborators-panel > header p { margin: 0; color: var(--network-muted); font-size: .72rem; line-height: 1.55; }
.network-collaborators-empty { min-height: 150px; justify-content: center; border: 1px dashed #cbd5e1; color: var(--network-ink); background: #f7f8fa; }.network-collaborators-empty > i { width: 46px; height: 46px; display: grid; flex: 0 0 46px; place-items: center; border-radius: 14px; color: var(--network-red); background: #fee2e2; }.network-collaborators-empty small { margin-top: .15rem; color: var(--network-muted); font-size: .62rem; line-height: 1.45; }
.network-collaborator-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(360px,1fr)); gap: .9rem; }
.network-collaborator-card { position: relative; display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 1.15rem; align-items: center; overflow: hidden; min-height: 196px; padding: 1.2rem; border: 1px solid color-mix(in srgb,var(--collab-primary) 25%,#dfe4ea); border-radius: 24px; background: radial-gradient(circle at 100% 0,color-mix(in srgb,var(--collab-primary) 12%,transparent),transparent 38%),linear-gradient(135deg,#fff,color-mix(in srgb,var(--collab-primary) 6%,#fff)); box-shadow: 0 14px 34px rgba(11,37,69,.075); isolation: isolate; }
.network-collaborator-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 5px; background: linear-gradient(var(--collab-primary),var(--collab-secondary)); }
.network-collaborator-glow { position: absolute; z-index: -1; right: -45px; top: -45px; width: 150px; height: 150px; border-radius: 50%; background: color-mix(in srgb,var(--collab-primary) 10%,transparent); }
.network-collaborator-avatar { width: 112px; height: 112px; display: grid; place-items: center; overflow: hidden; border: 4px solid #fff; border-radius: 29px; background: linear-gradient(145deg,var(--collab-primary),var(--collab-secondary)); box-shadow: 0 15px 30px color-mix(in srgb,var(--collab-primary) 24%,transparent); color: #fff; font-size: 2.25rem; }
.network-collaborator-avatar img { width: 100%; height: 100%; object-fit: cover; }
.network-collaborator-copy { min-width: 0; }.network-collaborator-copy small { color: var(--collab-primary); font-size: .56rem; font-weight: 950; letter-spacing: .07em; text-transform: uppercase; }.network-collaborator-copy h3 { margin: .2rem 0 .35rem; font-size: 1.28rem; font-weight: 950; letter-spacing: -.025em; }.network-collaborator-copy p { display: -webkit-box; overflow: hidden; margin: 0; color: var(--network-muted); font-size: .72rem; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.network-collaborator-links { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .72rem; }.network-collaborator-links a { display: inline-flex; align-items: center; gap: .34rem; min-height: 34px; padding: .42rem .58rem; border: 1px solid color-mix(in srgb,var(--collab-primary) 18%,#dfe4ea); border-radius: 11px; background: rgba(255,255,255,.86); color: var(--network-ink); font-size: .6rem; font-weight: 850; text-decoration: none; }.network-collaborator-links a:hover { border-color: var(--collab-primary); color: var(--collab-primary); }.network-collaborator-links a > i:last-child { font-size: .5rem; opacity: .55; }
.network-pool-hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(390px,.72fr); gap: clamp(1.5rem,4vw,4rem); align-items: center; overflow: hidden; padding: clamp(1.5rem,5vw,4.5rem); border: 1px solid rgba(11,37,69,.1); border-radius: 34px; background: radial-gradient(circle at 95% 10%,rgba(214,40,40,.14),transparent 34%),linear-gradient(135deg,#fff,#f8f1e7); box-shadow: var(--network-shadow); }
.network-pool-hero h1 { margin: .65rem 0 1rem; color: var(--network-ink); font-size: clamp(3rem,7vw,6.4rem); line-height: .92; font-weight: 950; letter-spacing: -.075em; }.network-pool-hero h1 em { color: var(--network-red); font-style: normal; }.network-pool-hero > div > p { max-width: 720px; margin: 0; color: var(--network-muted); font-size: clamp(1rem,1.7vw,1.2rem); line-height: 1.65; }
.network-offer-card { padding: 1.2rem; border-radius: 28px; background: linear-gradient(145deg,#07182d,#0b2d52); color: #fff; box-shadow: 0 28px 62px rgba(11,37,69,.25); }
.network-offer-status { display: inline-flex; align-items: center; gap: .45rem; padding: .42rem .65rem; border: 1px solid rgba(255,255,255,.14); border-radius: 99px; color: #cbd5e1; font-size: .62rem; font-weight: 900; text-transform: uppercase; }.network-offer-status i { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 5px rgba(34,197,94,.12); }
.network-offer-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem; margin-top: 1rem; }.network-offer-grid article { min-height: 92px; padding: .85rem; border: 1px solid rgba(255,255,255,.1); border-radius: 17px; background: rgba(255,255,255,.06); }.network-offer-grid small, .network-offer-grid strong { display: block; }.network-offer-grid small { color: #94a3b8; font-size: .56rem; font-weight: 850; text-transform: uppercase; }.network-offer-grid strong { margin-top: .35rem; font-size: .88rem; line-height: 1.35; font-weight: 950; }
.network-offer-card > p { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: .1rem .7rem; align-items: center; margin: .75rem 0 0; padding: .75rem; border-radius: 15px; background: rgba(214,40,40,.2); }.network-offer-card > p i { grid-row: 1 / span 2; display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; background: var(--network-red); }.network-offer-card > p span, .network-offer-card > p strong { display: block; }.network-offer-card > p span { color: #fca5a5; font-size: .56rem; font-weight: 850; text-transform: uppercase; }.network-offer-card > p strong { font-size: 1rem; }
.network-pool-commerce { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .45rem; margin: 1rem 0 .15rem; }.network-pool-commerce span { min-width: 0; padding: .62rem; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; background: rgba(255,255,255,.06); }.network-pool-commerce small, .network-pool-commerce strong { display: block; }.network-pool-commerce small { color: #94a3b8; font-size: .48rem; font-weight: 850; text-transform: uppercase; }.network-pool-commerce strong { overflow: hidden; margin-top: .18rem; color: #fff; font-size: .66rem; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.network-support-creator-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(360px,1fr)); gap: .8rem; }.network-support-creator-card { display: grid; grid-template-columns: 82px minmax(0,1fr) auto; gap: .9rem; align-items: center; padding: 1rem; border: 1px solid color-mix(in srgb,var(--collab-primary) 24%,var(--network-line)); border-radius: 22px; background: linear-gradient(135deg,#fff,color-mix(in srgb,var(--collab-primary) 6%,#fff)); box-shadow: 0 12px 30px rgba(11,37,69,.06); }.network-support-creator-card .network-collaborator-avatar { width: 82px; height: 82px; border-radius: 22px; }.network-support-creator-card small { color: var(--collab-primary); font-size: .54rem; font-weight: 950; letter-spacing: .06em; text-transform: uppercase; }.network-support-creator-card h3 { margin: .18rem 0 .28rem; font-size: 1rem; font-weight: 950; }.network-support-creator-card p { display: -webkit-box; overflow: hidden; margin: 0; color: var(--network-muted); font-size: .65rem; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.network-support-creator-card .network-primary-button { background: var(--collab-primary); box-shadow: 0 8px 20px color-mix(in srgb,var(--collab-primary) 20%,transparent); white-space: nowrap; }
.network-step-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .8rem; }.network-step-grid article { position: relative; min-height: 205px; padding: 1.2rem; border: 1px solid var(--network-line); border-radius: 22px; background: #fff; }.network-step-grid article > span { position: absolute; top: .8rem; right: .9rem; color: #e2e8f0; font-size: 1.7rem; font-weight: 950; }.network-step-grid article > i { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; background: #fee2e2; color: var(--network-red); }.network-step-grid h3 { margin: .9rem 0 .35rem; font-size: .92rem; font-weight: 950; }.network-step-grid p { margin: 0; color: var(--network-muted); font-size: .7rem; line-height: 1.6; }
.network-trust-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: center; margin-top: clamp(2rem,5vw,4.8rem); padding: clamp(1.5rem,4vw,3rem); border-radius: 28px; background: #e9eff5; border: 1px solid #d7e0e8; }
.network-trust-grid { display: grid; gap: .55rem; }.network-trust-grid article { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: .65rem; align-items: center; padding: .72rem; border-radius: 15px; background: rgba(255,255,255,.76); }.network-trust-grid article > i { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; background: var(--network-ink); color: #fff; }.network-trust-grid strong, .network-trust-grid small { display: block; }.network-trust-grid strong { font-size: .72rem; font-weight: 950; }.network-trust-grid small { margin-top: .12rem; color: var(--network-muted); font-size: .61rem; line-height: 1.4; }
.network-faq > div { display: grid; gap: .55rem; }.network-faq details { border: 1px solid var(--network-line); border-radius: 17px; background: #fff; }.network-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem; cursor: pointer; color: var(--network-ink); font-size: .78rem; font-weight: 900; list-style: none; }.network-faq summary::-webkit-details-marker { display: none; }.network-faq details[open] summary i { transform: rotate(45deg); }.network-faq summary i { color: var(--network-red); transition: transform .2s ease; }.network-faq details p { margin: 0; padding: 0 1rem 1rem; color: var(--network-muted); font-size: .72rem; line-height: 1.6; }
.network-final-cta { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin-top: clamp(2rem,5vw,4.8rem); padding: clamp(1.5rem,4vw,3rem); border-radius: 28px; background: linear-gradient(135deg,#07182d,#0b2d52); color: #fff; }.network-final-cta > div:first-child > span { color: #fca5a5; font-size: .66rem; font-weight: 900; text-transform: uppercase; }.network-final-cta h2 { margin-bottom: 0; color: #fff; }.network-final-cta > div:last-child { display: flex; flex-wrap: wrap; gap: .6rem; }.network-final-cta .network-secondary-button { border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.08); color: #fff; }.network-final-cta .network-text-button { color: #fca5a5; }.network-final-cta .network-text-button:hover { color: #fff; }
.network-footer { max-width: 1500px; display: grid; grid-template-columns: 1fr auto; gap: 1rem 2rem; align-items: center; margin: 2rem auto 0; padding: 2rem clamp(1rem,3vw,2.5rem); border-top: 1px solid var(--network-line); }
.network-footer img { width: 260px; height: 66px; object-fit: contain; padding: .5rem .8rem; border-radius: 14px; background: var(--network-ink); }
.network-footer p { margin: .5rem 0 0; color: var(--network-muted); font-size: .72rem; }
.network-footer nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 1rem; }.network-footer nav a { color: var(--network-ink); font-size: .7rem; font-weight: 850; text-decoration: none; }
.network-footer > small { grid-column: 1/-1; color: #8a94a3; font-size: .58rem; line-height: 1.5; }
.schedule-page { margin-top: 0; }
.schedule-preview-banner { color: #854d0e !important; background: #fef3c7 !important; }

.network-play-modes { margin-top: clamp(1.2rem,3vw,2rem); padding: clamp(1.25rem,3.5vw,2.5rem); border: 1px solid rgba(11,37,69,.1); border-radius: 30px; background: linear-gradient(135deg,#fff,#f3f7fb); box-shadow: 0 14px 38px rgba(11,37,69,.07); }
.network-play-modes > header { max-width: 900px; }.network-play-modes > header h2 { margin: .4rem 0 .6rem; font-size: clamp(1.65rem,3.2vw,2.8rem); font-weight: 950; letter-spacing: -.045em; }.network-play-modes > header p { margin: 0; color: var(--network-muted); line-height: 1.6; }
.network-play-mode-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; margin-top: 1.3rem; }
.network-play-mode { position: relative; overflow: hidden; padding: clamp(1.1rem,2.5vw,1.7rem); border: 1px solid var(--network-line); border-radius: 24px; background: #fff; }
.network-play-mode::after { content: ""; position: absolute; right: -45px; top: -55px; width: 150px; height: 150px; border-radius: 50%; background: rgba(11,37,69,.045); }
.network-play-mode.is-official { background: linear-gradient(145deg,#07182d,#0b2d52); color: #fff; border-color: transparent; }.network-play-mode.is-official::after { background: rgba(214,40,40,.15); }
.network-mode-pill { display: inline-flex; align-items: center; gap: .4rem; padding: .4rem .58rem; border-radius: 99px; background: #e8f6ee; color: #14783e; font-size: .58rem; font-weight: 950; letter-spacing: .045em; text-transform: uppercase; }
.network-play-mode.is-official .network-mode-pill { color: #fca5a5; background: rgba(214,40,40,.18); }
.network-play-mode h3 { margin: .75rem 0 .4rem; font-size: clamp(1.25rem,2.2vw,1.8rem); font-weight: 950; letter-spacing: -.035em; }.network-play-mode p { margin: 0; color: var(--network-muted); font-size: .76rem; line-height: 1.55; }.network-play-mode.is-official p { color: #bdc9d8; }
.network-play-mode ul { display: grid; gap: .42rem; margin: .85rem 0 1rem; padding: 0; list-style: none; }.network-play-mode li { display: flex; align-items: center; gap: .45rem; font-size: .66rem; font-weight: 800; }.network-play-mode li i { width: 18px; color: var(--network-red); text-align: center; }.network-play-mode.is-official li i { color: #fca5a5; }.network-play-mode > .network-primary-button { position: relative; z-index: 1; }
.network-game-link { display: flex; align-items: center; justify-content: space-between; margin-top: .7rem; padding-top: .7rem; border-top: 1px solid #edf0f3; color: var(--network-red); font-size: .61rem; font-weight: 900; text-decoration: none; }

.network-picks-hero { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(340px,.8fr); gap: 1rem; align-items: center; overflow: hidden; padding: clamp(1.35rem,4vw,3.6rem); border: 1px solid rgba(11,37,69,.1); border-radius: 32px; background: radial-gradient(circle at 100% 0,rgba(214,40,40,.14),transparent 34%),linear-gradient(135deg,#fff,#f4eee2); box-shadow: var(--network-shadow); }
.network-picks-hero h1 { margin: .65rem 0 .8rem; font-size: clamp(3rem,7vw,6.2rem); line-height: .9; font-weight: 950; letter-spacing: -.075em; }.network-picks-hero h1 em { color: var(--network-red); font-style: normal; }.network-picks-hero > div > p { max-width: 720px; margin: 0; color: var(--network-muted); font-size: 1rem; line-height: 1.65; }
.network-picks-hero aside { display: grid; grid-template-columns: 58px minmax(0,1fr); gap: .9rem; align-items: center; padding: 1.15rem; border-radius: 22px; background: var(--network-ink); color: #fff; }.network-picks-hero aside > span { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 17px; background: #173b65; color: #93c5fd; font-size: 1.25rem; }.network-picks-hero aside small, .network-picks-hero aside strong { display: block; }.network-picks-hero aside small { color: #93c5fd; font-size: .57rem; font-weight: 900; text-transform: uppercase; }.network-picks-hero aside strong { margin-top: .12rem; font-size: .86rem; }.network-picks-hero aside p { margin: .25rem 0 0; color: #bdc9d8; font-size: .64rem; line-height: 1.5; }
.network-picks-selector { display: grid; grid-template-columns: 1fr 1fr auto; gap: .7rem; align-items: end; margin: 1rem 0; padding: .9rem; border: 1px solid var(--network-line); border-radius: 20px; background: #fff; }.network-picks-selector label { display: grid; gap: .3rem; color: var(--network-muted); font-size: .58rem; font-weight: 900; text-transform: uppercase; }.network-picks-selector select { min-width: 0; min-height: 46px; padding: 0 .75rem; border: 1px solid var(--network-line); border-radius: 12px; background: #f8fafc; color: var(--network-ink); font-weight: 850; }
.network-picks-workspace { scroll-margin-top: 100px; }
.network-picks-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem; border-radius: 23px; background: linear-gradient(135deg,#07182d,#0b2d52); color: #fff; }.network-picks-toolbar > div:first-child > span { color: #fca5a5; font-size: .58rem; font-weight: 900; text-transform: uppercase; }.network-picks-toolbar h2 { margin: .18rem 0; font-size: 1.65rem; font-weight: 950; }.network-picks-toolbar p { margin: 0; color: #bdc9d8; font-size: .68rem; }
.network-local-progress { width: min(230px,38%); }.network-local-progress > span { display: block; font-size: 1.45rem; font-weight: 950; }.network-local-progress > small { display: block; color: #94a3b8; font-size: .56rem; font-weight: 850; text-transform: uppercase; }.network-local-progress > div { overflow: hidden; height: 7px; margin-top: .45rem; border-radius: 99px; background: rgba(255,255,255,.1); }.network-local-progress > div > i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#ef4444,#f6c453); transition: width .22s ease; }
.network-pick-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; margin-top: .8rem; }
.network-pick-card { padding: .85rem; border: 1px solid var(--network-line); border-radius: 21px; background: #fff; box-shadow: 0 9px 24px rgba(11,37,69,.055); transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease; }.network-pick-card.is-focused { border-color: var(--network-red); box-shadow: 0 0 0 4px rgba(214,40,40,.12), 0 16px 34px rgba(11,37,69,.13); transform: translateY(-2px); }.network-pick-card > header, .network-pick-card > footer { display: flex; align-items: center; justify-content: space-between; gap: .6rem; color: var(--network-muted); font-size: .56rem; font-weight: 850; }.network-pick-card > header b { padding: .25rem .42rem; border-radius: 99px; background: #dcfce7; color: #15803d; font-size: .5rem; text-transform: uppercase; }.network-pick-card.is-locked > header b { background: #e2e8f0; color: #475569; }
.network-pick-matchup { display: grid; grid-template-columns: 1fr 82px 1fr; gap: .5rem; align-items: stretch; margin: .65rem 0; }.network-pick-matchup > button { position: relative; min-width: 0; min-height: 126px; padding: .65rem; border: 2px solid transparent; border-radius: 17px; background: #f6f8fa; color: var(--network-ink); text-align: center; transition: transform .16s ease,border-color .16s ease,background .16s ease; }.network-pick-matchup > button:not(:disabled):hover { transform: translateY(-2px); border-color: #b7c3d2; }.network-pick-matchup > button.is-selected { border-color: var(--pick-accent,#f6c453); background: linear-gradient(145deg,#eaf1f8,#fff8de); box-shadow: 0 10px 22px rgba(11,37,69,.1); }.network-pick-matchup > button.is-selected::after { content: "MI PICK"; position: absolute; right: .35rem; top: .35rem; padding: .2rem .3rem; border-radius: 7px; background: var(--network-red); color: #fff; font-size: .42rem; font-weight: 950; }
.network-pick-matchup > button > span { width: 64px; height: 64px; display: grid; place-items: center; margin: 0 auto .35rem; border-radius: 17px; background: linear-gradient(145deg,color-mix(in srgb,var(--pick-primary) 12%,#fff),color-mix(in srgb,var(--pick-secondary) 10%,#fff)); }.network-pick-matchup img { width: 52px; height: 52px; object-fit: contain; }.network-pick-matchup button small, .network-pick-matchup button strong { display: block; }.network-pick-matchup button small { overflow: hidden; color: var(--network-muted); font-size: .5rem; text-overflow: ellipsis; white-space: nowrap; }.network-pick-matchup button strong { font-size: .92rem; font-weight: 950; }.network-pick-matchup button em { position: absolute; left: .4rem; top: .35rem; color: var(--network-red); font-size: 1.1rem; font-style: normal; font-weight: 950; }
.network-pick-matchup > div { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }.network-pick-matchup > div > span { color: var(--network-red); font-size: .65rem; font-weight: 950; }.network-pick-matchup > div > small { display: -webkit-box; overflow: hidden; margin-top: .25rem; color: var(--network-muted); font-size: .47rem; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.network-pick-card > footer { padding-top: .65rem; border-top: 1px solid #edf0f3; }.network-pick-card > footer a { color: var(--network-red); text-decoration: none; }.network-pick-card.has-pick > footer > span { color: #15803d; }.network-pick-card.is-locked { background: #f8fafc; }
.network-picks-share { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(260px,.75fr); gap: .8rem; margin-top: .8rem; }.network-picks-share-copy, .network-picks-purpose { padding: clamp(1rem,2.5vw,1.6rem); border-radius: 23px; }.network-picks-share-copy { border: 1px solid var(--network-line); background: #fff; }.network-picks-share-copy h2 { margin: .35rem 0; font-size: 1.6rem; font-weight: 950; }.network-picks-share-copy > p { margin: 0; color: var(--network-muted); font-size: .7rem; line-height: 1.55; }.network-picks-share-copy label { display: grid; gap: .3rem; margin-top: .8rem; color: var(--network-muted); font-size: .56rem; font-weight: 850; text-transform: uppercase; }.network-picks-share-copy input { min-height: 44px; padding: 0 .8rem; border: 1px solid var(--network-line); border-radius: 12px; font-weight: 800; outline: 0; }.network-picks-share-copy input:focus { border-color: var(--network-ink); }
.network-picks-actions { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .75rem; }.network-social-share { width: 44px; height: 44px; border: 0; border-radius: 12px; color: #fff; }.network-social-share.is-whatsapp { background: #16a34a; }.network-social-share.is-facebook { background: #1877f2; }.network-picks-feedback { min-height: 1.2rem; margin-top: .5rem !important; color: #15803d !important; font-weight: 800; }.network-picks-feedback.is-error { color: #b91c1c !important; }
.network-picks-purpose { display: flex; flex-direction: column; justify-content: center; background: linear-gradient(145deg,#07182d,#0b2d52); color: #fff; }.network-picks-purpose > span { color: #93c5fd; font-size: .58rem; font-weight: 900; text-transform: uppercase; }.network-picks-purpose > strong { margin: .35rem 0; font-size: 1.65rem; font-weight: 950; }.network-picks-purpose > p { margin: 0; color: #d7e0ea; font-size: .72rem; line-height: 1.55; }.network-picks-purpose > small { margin-top: .75rem; color: #94a3b8; font-size: .56rem; line-height: 1.5; }
.network-picks-reset { margin-top: .65rem; text-align: right; }.network-picks-reset button { border: 0; background: transparent; color: #8a94a3; font-size: .58rem; font-weight: 800; }
.network-official-bridge { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: clamp(2rem,5vw,4rem); padding: clamp(1.2rem,3vw,2rem); border: 1px solid #f1c8c8; border-radius: 26px; background: linear-gradient(135deg,#fff,#fff1f1); }.network-official-bridge h2 { margin: .3rem 0; font-size: 1.55rem; font-weight: 950; }.network-official-bridge p { max-width: 760px; margin: 0; color: var(--network-muted); font-size: .72rem; }.network-official-bridge > div:last-child { display: flex; flex-wrap: wrap; gap: .5rem; }

.network-game-detail-hero { padding: clamp(1.2rem,3.5vw,2.8rem); border: 1px solid var(--network-line); border-radius: 31px; background: radial-gradient(circle at 50% 0,rgba(214,40,40,.1),transparent 35%),#fff; box-shadow: var(--network-shadow); }.network-game-detail-hero > header, .network-game-detail-hero > footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: var(--network-muted); font-size: .65rem; font-weight: 850; }.network-game-detail-hero > footer { justify-content: center; gap: 1.5rem; padding-top: 1rem; border-top: 1px solid #edf0f3; }.network-game-detail-hero > footer i { margin-right: .3rem; color: var(--network-red); }
.network-game-detail-matchup { display: grid; grid-template-columns: 1fr 120px 1fr; gap: 1rem; align-items: center; max-width: 980px; margin: 1rem auto 1.5rem; font-size: inherit; font-weight: inherit; }.network-game-detail-matchup > a { position: relative; display: grid; justify-items: center; color: var(--network-ink); text-align: center; text-decoration: none; }.network-game-detail-matchup img { width: clamp(100px,15vw,170px); height: clamp(100px,15vw,170px); object-fit: contain; }.network-game-detail-matchup a small { color: var(--network-muted); font-weight: 900; }.network-game-detail-matchup a strong { font-size: clamp(1rem,2.5vw,1.6rem); font-weight: 950; }.network-game-detail-matchup a em { position: absolute; right: 4%; top: 20%; color: var(--network-red); font-size: clamp(2.5rem,6vw,5rem); font-style: normal; font-weight: 950; }.network-game-versus { display: block; text-align: center; }.network-game-versus > span { display: block; color: var(--network-red); font-size: 1.2rem; font-weight: 950; }.network-game-versus > small { display: block; color: var(--network-muted); font-size: .56rem; font-weight: 850; text-transform: uppercase; }
.network-game-detail-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: .8rem; margin-top: .8rem; }.network-game-provider-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: .5rem; }.network-game-provider-list > span { display: grid; place-items: center; min-height: 84px; padding: .6rem; border: 1px solid var(--network-line); border-radius: 14px; background: #f8fafc; }.network-game-provider-list img { width: 100%; max-width: 160px; height: 44px; object-fit: contain; }.network-game-provider-list small { color: var(--network-muted); font-size: .5rem; }
.network-game-note { margin: .7rem 0 0; color: var(--network-muted); font-size: .65rem; }.network-source-row { display: flex; align-items: center; justify-content: space-between; gap: .7rem; margin-top: .75rem; padding-top: .7rem; border-top: 1px solid #edf0f3; color: var(--network-muted); font-size: .58rem; font-weight: 850; }.network-source-row a { color: var(--network-red); text-decoration: none; }
.network-game-team-stats { display: grid; grid-template-columns: 1fr auto 1fr; gap: .7rem; align-items: center; }.network-game-team-stats > div { padding: .8rem; border-radius: 15px; background: #f5f7fa; text-align: center; }.network-game-team-stats strong, .network-game-team-stats span, .network-game-team-stats small { display: block; }.network-game-team-stats strong { color: var(--network-red); font-size: .65rem; }.network-game-team-stats span { font-size: 1.35rem; font-weight: 950; }.network-game-team-stats small { color: var(--network-muted); font-size: .55rem; }.network-game-team-stats > em { color: #94a3b8; font-size: .6rem; font-style: normal; font-weight: 900; }.network-game-actions { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: .9rem; }
.network-context-pick { margin-top: 1rem; padding: 1.15rem; border: 1px solid var(--network-line); border-radius: 22px; background: linear-gradient(135deg,#fff,#f8fafc); box-shadow: 0 12px 30px rgba(11,37,69,.07); }.network-context-pick > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; }.network-context-pick h2 { margin: .28rem 0; font-size: 1.35rem; font-weight: 950; }.network-context-pick header p { margin: 0; color: var(--network-muted); font-size: .65rem; }.network-context-pick header > a { flex: 0 0 auto; color: var(--network-red); font-size: .65rem; font-weight: 900; text-decoration: none; }.network-context-pick-card { display: grid; grid-template-columns: minmax(0,1fr) 150px minmax(0,1fr); gap: .7rem; align-items: stretch; margin-top: .9rem; }.network-context-pick-card > button { display: grid; grid-template-columns: 54px minmax(0,1fr) auto; gap: .65rem; align-items: center; min-width: 0; padding: .75rem; border: 2px solid transparent; border-radius: 16px; background: #fff; color: var(--network-ink); text-align: left; box-shadow: 0 6px 18px rgba(11,37,69,.06); }.network-context-pick-card > button:hover:not(:disabled) { border-color: var(--pick-primary,#94a3b8); }.network-context-pick-card > button.is-selected { border-color: var(--network-red); background: #fff5f5; box-shadow: 0 8px 22px rgba(214,40,40,.12); }.network-context-pick-card > button:disabled { cursor: not-allowed; opacity: .65; }.network-context-pick-card > button > span { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 14px; background: color-mix(in srgb,var(--pick-primary) 8%,#fff); }.network-context-pick-card img { width: 44px; height: 44px; object-fit: contain; }.network-context-pick-card small, .network-context-pick-card strong { display: block; }.network-context-pick-card small { overflow: hidden; color: var(--network-muted); font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }.network-context-pick-card strong { font-size: .85rem; font-weight: 950; }.network-context-pick-card > div { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: .25rem; color: var(--network-muted); text-align: center; }.network-context-pick-card > div b { color: var(--network-red); font-size: .7rem; }.network-context-pick-card > div span { font-size: .55rem; font-weight: 800; }.network-context-pick-feedback { min-height: 1rem; margin: .45rem 0 0; color: var(--network-muted); font-size: .55rem; text-align: center; }.network-context-pick-feedback.is-error { color: #b91c1c; }
.network-sample-badge { display: inline-flex; align-items: center; gap: .35rem; margin-top: .65rem; padding: .38rem .55rem; border: 1px solid color-mix(in srgb,var(--team-primary) 18%,#dfe4ea); border-radius: 99px; background: rgba(255,255,255,.7); color: var(--team-primary); font-size: .55rem; font-weight: 900; text-transform: uppercase; }
.network-benchmark-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .7rem; }.network-benchmark-grid article { padding: .9rem; border: 1px solid var(--network-line); border-radius: 17px; background: #fff; }.network-benchmark-grid article > header, .network-benchmark-grid article > footer { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }.network-benchmark-grid header span { color: var(--network-muted); font-size: .56rem; font-weight: 850; }.network-benchmark-grid header strong { font-size: 1.05rem; font-weight: 950; }.network-benchmark-track { position: relative; overflow: visible; height: 8px; margin: .7rem 0; border-radius: 99px; background: #e7ebef; }.network-benchmark-track i { display: block; height: 100%; border-radius: inherit; background: var(--chart-team-color); }.network-benchmark-track b { position: absolute; top: -4px; width: 2px; height: 16px; background: var(--network-red); box-shadow: 0 0 0 3px #fff; }.network-benchmark-grid footer { color: var(--network-muted); font-size: .52rem; }.network-benchmark-grid footer em { font-style: normal; font-weight: 950; }.network-benchmark-grid footer em.is-positive { color: #15803d; }.network-benchmark-grid footer em.is-negative { color: #b91c1c; }
.network-upcoming-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .65rem; }.network-upcoming-grid a { display: grid; grid-template-columns: minmax(0,1fr) 46px auto auto; gap: .6rem; align-items: center; padding: .8rem; border: 1px solid var(--network-line); border-radius: 17px; background: #fff; color: var(--network-ink); text-decoration: none; }.network-upcoming-grid a:hover { border-color: var(--team-primary,#9aa6b5); box-shadow: 0 10px 24px rgba(11,37,69,.08); }.network-upcoming-grid small, .network-upcoming-grid strong { display: block; }.network-upcoming-grid small { color: var(--network-muted); font-size: .5rem; }.network-upcoming-grid strong { font-size: .68rem; font-weight: 950; }.network-upcoming-grid img { width: 42px; height: 42px; object-fit: contain; }.network-upcoming-grid time { color: var(--network-muted); font-size: .52rem; font-weight: 850; }.network-upcoming-grid > a > i { color: var(--network-red); font-size: .6rem; }
.network-simulation-detail { display: grid; grid-template-columns: repeat(3,1fr); gap: .55rem; max-width: 760px; margin: 1rem auto 0; }.network-simulation-detail article { padding: .75rem; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: rgba(255,255,255,.06); }.network-simulation-detail small, .network-simulation-detail strong { display: block; }.network-simulation-detail small { color: #94a3b8; font-size: .5rem; font-weight: 850; text-transform: uppercase; }.network-simulation-detail strong { margin-top: .2rem; font-size: .82rem; }
.network-confidence-meter { max-width: 760px; margin: .8rem auto 0; }.network-confidence-meter > span { display: block; overflow: hidden; height: 7px; border-radius: 99px; background: rgba(255,255,255,.1); }.network-confidence-meter > span i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#60a5fa,#86efac); }.network-confidence-meter small { display: block; margin-top: .35rem; color: #94a3b8; font-size: .52rem; }

@media (max-width: 850px) {
  .network-play-mode-grid, .network-picks-hero, .network-picks-share, .network-game-detail-grid { grid-template-columns: 1fr; }
  .network-pick-grid { grid-template-columns: 1fr; }
  .network-benchmark-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .network-upcoming-grid { grid-template-columns: 1fr 1fr; }
  .network-official-bridge { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 560px) {
  .network-play-modes { padding: 1rem; border-radius: 23px; }
  .network-play-mode-grid { gap: .6rem; }.network-play-mode { padding: 1rem; border-radius: 19px; }
  .network-picks-hero { padding: 1.2rem; border-radius: 24px; }.network-picks-hero h1 { font-size: 3rem; }
  .network-picks-selector { grid-template-columns: 1fr 1fr; padding: .7rem; }.network-picks-selector button { grid-column: 1/-1; }
  .network-picks-toolbar { align-items: flex-start; flex-direction: column; }.network-local-progress { width: 100%; }
  .network-pick-matchup { grid-template-columns: 1fr 58px 1fr; }.network-pick-matchup > button { min-height: 118px; padding: .5rem; }.network-pick-matchup > button > span { width: 56px; height: 56px; }.network-pick-matchup img { width: 45px; height: 45px; }
  .network-picks-actions .network-primary-button, .network-picks-actions .network-secondary-button { flex: 1 1 100%; }
  .network-game-detail-hero > header { align-items: flex-start; flex-direction: column; }.network-game-detail-matchup { grid-template-columns: 1fr 58px 1fr; gap: .4rem; }.network-game-detail-hero > footer { align-items: flex-start; flex-direction: column; gap: .4rem; }
  .network-game-detail-matchup a em { position: static; }
  .network-benchmark-grid, .network-upcoming-grid { grid-template-columns: 1fr; }
  .network-simulation-detail { grid-template-columns: 1fr; }
}

@media (max-width: 1360px) {
  .network-nav { gap: .55rem; }
  .network-brand-shell { width: 195px; }
  .network-menu { gap: .05rem; }
  .network-menu > a { gap: .2rem; padding: .62rem .36rem; font-size: .68rem; }
  .network-menu > a > i { width: .75rem; font-size: .62rem; }
  .network-menu > a span { padding: .1rem .22rem; font-size: .43rem; }
  .network-actions { gap: .3rem; }
  .network-login, .network-pool-button { min-height: 40px; padding: .6rem .68rem; font-size: .69rem; }
  .network-socials { display: none; }
  .network-game-grid, .network-team-strip, .network-team-directory { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .network-step-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 1100px) {
  .network-header { padding: .55rem .75rem; }
  .network-nav { flex-wrap: wrap; min-height: 58px; }
  .network-brand-shell { width: 210px; height: 54px; }
  .network-menu-button { display: block; }
  .network-actions { margin-left: 0; }
  .network-pool-button { min-height: 40px; padding: .6rem .75rem; }
  .network-menu { order: 4; width: 100%; display: none; grid-template-columns: 1fr 1fr; padding-top: .5rem; }
  .network-menu.is-open { display: grid; }
  .network-menu.is-open ~ .network-socials { order: 5; width: 100%; display: flex; justify-content: center; padding: .2rem 0 .35rem; }
  .network-menu > a { min-height: 62px; justify-content: flex-start; padding: .75rem .9rem; border: 1px solid var(--network-line); background: #fff; font-size: .82rem; }
  .network-menu > a > i { width: 34px; height: 34px; display: grid; flex: 0 0 34px; place-items: center; border-radius: 11px; color: var(--network-red); background: #fee2e2; font-size: .82rem; }
  .network-menu > a:hover > i, .network-menu > a.active > i { color: #fff; background: var(--network-red); transform: none; }
}
@media (max-width: 850px) {
  .network-header { padding: .55rem .75rem; }
  .network-nav { flex-wrap: wrap; min-height: 58px; }
  .network-brand-shell { width: 210px; height: 54px; }
  .network-menu-button { display: block; }
  .network-actions { margin-left: 0; }.network-pool-button { min-height: 40px; padding: .6rem .75rem; }
  .network-menu { order: 4; width: 100%; display: none; grid-template-columns: 1fr 1fr; padding-top: .5rem; }
  .network-menu.is-open { display: grid; }
  .network-menu.is-open ~ .network-socials { order: 5; width: 100%; display: flex; justify-content: center; padding: .2rem 0 .35rem; }
  .network-menu > a { min-height: 62px; justify-content: flex-start; padding: .75rem .9rem; border: 1px solid var(--network-line); background: #fff; }
  .network-menu > a > i { width: 34px; height: 34px; display: grid; flex: 0 0 34px; place-items: center; border-radius: 11px; color: var(--network-red); background: #fee2e2; font-size: .82rem; }
  .network-menu > a:hover > i, .network-menu > a.active > i { color: #fff; background: var(--network-red); transform: none; }
  .network-hero { grid-template-columns: 1fr; min-height: 0; }.network-hero-brand { min-height: 270px; }
  .network-feature-band, .network-lab-callout, .network-detail-grid, .network-pool-teaser, .network-pool-hero, .network-trust-panel, .network-community-layout, .network-team-story, .network-chart-grid { grid-template-columns: 1fr; }
  .network-scoring-card { grid-row: auto; }
  .network-lab-callout > a { justify-self: start; }
  .network-page-hero { align-items: stretch; flex-direction: column; }.network-search { width: 100%; }
  .network-team-hero { grid-template-columns: 110px 1fr; }.network-team-hero-logo { width: 110px; height: 110px; }.network-team-hero-logo img { width: 84px; height: 84px; }.network-team-hero form { grid-column: 1/-1; }
  .network-metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .network-lab-form { grid-template-columns: 1fr 1fr; }.network-lab-form > span { display: none; }.network-lab-form button { align-self: stretch; }
}
@media (max-width: 560px) {
  .network-main { padding: .8rem; }
  .network-nav { gap: .55rem; }
  .network-brand-shell { width: 144px; height: 46px; padding: .35rem .55rem .5rem; }
  .network-menu-button span { display: none; }
  .network-menu-button { padding: .58rem .68rem; }
  .network-actions { margin-left: auto; gap: .25rem; }.network-login { min-height: 38px; padding: .45rem .4rem; font-size: .64rem; }.network-pool-button { width: 40px; min-height: 40px; padding: 0; }.network-pool-button span { display: none; }.network-pool-button { font-size: 0; }.network-pool-button i { font-size: .85rem; }
  .network-hero { padding: 1.35rem; border-radius: 25px; }.network-hero h1 { font-size: 2.75rem; }.network-hero-brand { min-height: 235px; padding: 1.4rem; border-radius: 22px; }.network-snapshot div { padding: .55rem; }.network-snapshot strong { font-size: 1rem; }
  .network-active-quinielas { grid-template-columns: minmax(0,1fr) auto; gap: .65rem; margin-bottom: 1rem; padding: .75rem; }.network-active-quinielas-copy { grid-column: 1; }.network-active-quinielas-list { grid-column: 1/-1; grid-row: 2; min-width: 0; }.network-active-quinielas > a { grid-column: 2; grid-row: 1; justify-self: end; min-height: 38px; padding: .55rem .65rem; }.network-active-quiniela { flex-basis: 68px; min-height: 72px; }.network-active-quiniela img { width: 48px; height: 48px; }
  .network-section-heading { align-items: flex-start; flex-direction: column; }.network-game-grid, .network-team-strip, .network-team-directory { grid-template-columns: 1fr; }
  .network-feature-points { grid-template-columns: 1fr; }
  .network-pool-teaser, .network-pool-hero, .network-trust-panel, .network-final-cta, .network-community { padding: 1.15rem; border-radius: 23px; }
  .network-pool-facts, .network-offer-grid, .network-step-grid { grid-template-columns: 1fr; }
  .network-official-community, .network-collaborators-panel { padding: .9rem; border-radius: 20px; }.network-official-community { grid-template-columns: 1fr; }.network-official-social-grid { grid-template-columns: 1fr 1fr; }.network-official-social-grid a { grid-template-columns: 34px minmax(0,1fr); }.network-official-social-grid a > i:last-child { display: none; }.network-official-identity { grid-template-columns: 58px minmax(0,1fr); }.network-official-identity > span { width: 58px; height: 58px; border-radius: 16px; }.network-official-identity h3 { font-size: 1.12rem; }
  .network-collaborator-grid { grid-template-columns: 1fr; }.network-collaborator-card { grid-template-columns: 74px minmax(0,1fr); min-height: 150px; padding: .9rem; }.network-collaborator-avatar { width: 74px; height: 74px; border-radius: 20px; }
  .network-pool-hero h1 { font-size: 3rem; }.network-offer-grid article { min-height: 72px; }.network-step-grid article { min-height: 0; }
  .network-final-cta { align-items: flex-start; flex-direction: column; }.network-final-cta > div:last-child { width: 100%; }.network-final-cta a { flex: 1; }
  .network-page-hero, .network-team-hero { border-radius: 24px; }.network-page-hero.compact h1 { font-size: 2.8rem; }
  .network-team-hero { grid-template-columns: 82px 1fr; gap: .8rem; }.network-team-hero-logo { width: 82px; height: 82px; border-radius: 20px; }.network-team-hero-logo img { width: 62px; height: 62px; }.network-team-hero h1 { font-size: 2rem; }.network-team-hero p { font-size: .66rem; }
  .network-metric-grid { gap: .5rem; }.network-metric-grid article { padding: .8rem; }.network-metric-grid strong { font-size: 1.15rem; }
  .network-team-story { padding: 1.15rem; border-radius: 23px; }.network-team-fact-grid { grid-template-columns: 1fr 1fr; }.network-team-story article > p { font-size: .74rem; }.network-chart-card { padding: .85rem; border-radius: 19px; }.network-chart-card > header { align-items: flex-start; flex-direction: column; }.network-chart-legend { justify-content: flex-start; }.network-record-visual { grid-template-columns: 100px minmax(0,1fr); }.network-record-ring { width: 100px; height: 100px; }.network-record-ring::before { width: 68px; height: 68px; }
  .network-form-list article { grid-template-columns: 32px 38px minmax(0,1fr) auto; gap: .4rem; }
  .network-lab-form { grid-template-columns: 1fr; }.network-score-projection { grid-template-columns: 1fr auto 1fr; gap: .3rem; }.network-score-projection div strong { font-size: 3rem; }
  .network-lab-principles, .network-methodology-grid { grid-template-columns: 1fr; }
  .network-footer { grid-template-columns: 1fr; }.network-footer nav { justify-content: flex-start; }.network-footer img { width: 220px; }
}
@media (max-width: 380px) {
  .network-header { padding-inline: .45rem; }
  .network-nav { gap: .35rem; }
  .network-brand-shell { width: 124px; height: 42px; padding: .3rem .45rem .42rem; border-radius: 12px; }
  .network-menu-button { min-width: 34px; padding: .52rem .58rem; }
  .network-login { min-height: 36px; padding-inline: .25rem; font-size: .58rem; }
  .network-pool-button { width: 36px; min-height: 36px; }
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; transition: none !important; } }

/* El buzón vive en Network y conserva autenticación para evitar spam. */
.network-feedback-hero aside { display: grid; justify-items: center; align-content: center; min-width: 190px; padding: 1rem; border-radius: 22px; background: var(--network-ink); color: #fff; text-align: center; }
.network-feedback-hero aside i { width: 50px; height: 50px; display: grid; place-items: center; margin-bottom: .55rem; border-radius: 15px; background: var(--network-red); font-size: 1.1rem; }
.network-feedback-hero aside strong, .network-feedback-hero aside small { display: block; }.network-feedback-hero aside strong { font-size: .86rem; }.network-feedback-hero aside small { margin-top: .16rem; color: #9fb0c5; font-size: .58rem; font-weight: 850; text-transform: uppercase; }
.network-feedback-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 1rem; align-items: start; margin-top: 1rem; }
.network-feedback-form, .network-feedback-state, .network-feedback-note { border: 1px solid var(--network-line); border-radius: 25px; background: #fff; box-shadow: 0 12px 30px rgba(11,37,69,.07); }
.network-feedback-form { padding: clamp(1.1rem,3vw,2rem); }.network-feedback-form header > span, .network-feedback-state span { color: var(--network-red); font-size: .58rem; font-weight: 950; letter-spacing: .07em; text-transform: uppercase; }.network-feedback-form h2, .network-feedback-state h2 { margin: .3rem 0; font-size: clamp(1.45rem,3vw,2.1rem); font-weight: 950; letter-spacing: -.045em; }.network-feedback-form header p, .network-feedback-state p, .network-feedback-note p { margin: 0; color: var(--network-muted); font-size: .7rem; line-height: 1.6; }
.network-feedback-fields { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin: 1rem 0; }.network-feedback-fields label { display: grid; gap: .35rem; }.network-feedback-fields label.full { grid-column: 1/-1; }.network-feedback-fields label > span { color: #526075; font-size: .58rem; font-weight: 900; text-transform: uppercase; }.network-feedback-fields input, .network-feedback-fields select, .network-feedback-fields textarea { width: 100%; min-height: 48px; padding: .7rem .8rem; border: 1px solid var(--network-line); border-radius: 13px; background: #f8fafc; color: var(--network-ink); font: inherit; font-size: .74rem; font-weight: 750; outline: none; }.network-feedback-fields textarea { resize: vertical; }.network-feedback-fields :is(input,select,textarea):focus { border-color: var(--network-ink); box-shadow: 0 0 0 4px rgba(11,37,69,.08); }
.network-feedback-form .network-primary-button { border: 0; }
.network-feedback-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.network-feedback-identity, .network-feedback-guest-note { display: flex; align-items: center; gap: .8rem; margin-top: 1rem; padding: .85rem 1rem; border: 1px solid #cfe5db; border-radius: 17px; background: #f1faf6; color: var(--network-ink); }
.network-feedback-identity > i, .network-feedback-guest-note > i { color: #11935c; font-size: 1.05rem; }.network-feedback-identity small, .network-feedback-identity strong, .network-feedback-identity span { display: block; }.network-feedback-identity small { color: #507263; font-size: .54rem; font-weight: 900; text-transform: uppercase; }.network-feedback-identity strong { margin-top: .12rem; font-size: .8rem; }.network-feedback-identity span { margin-top: .12rem; color: #64748b; font-size: .62rem; font-weight: 700; }
.network-feedback-guest-note { border-color: var(--network-line); background: #f8fafc; }.network-feedback-guest-note > i { color: var(--network-red); }.network-feedback-guest-note span { color: #64748b; font-size: .66rem; line-height: 1.5; }.network-feedback-guest-note strong { color: var(--network-ink); }
.network-feedback-fields label > span em { color: #8a96a8; font-size: .52rem; font-style: normal; text-transform: none; }
.network-feedback-note a { display: inline-flex; align-items: center; gap: .35rem; margin-top: .65rem; color: var(--network-red); font-size: .65rem; font-weight: 900; text-decoration: none; }
.network-feedback-state { display: grid; grid-template-columns: 64px minmax(0,1fr); gap: 1rem; align-items: start; padding: clamp(1.2rem,3vw,2rem); }.network-feedback-state > i { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 19px; background: var(--network-soft-blue); color: var(--network-ink); font-size: 1.3rem; }.network-feedback-state .network-primary-button { width: fit-content; margin-top: 1rem; }
.network-feedback-note { display: flex; gap: .75rem; padding: 1rem; }.network-feedback-note > i { color: var(--network-red); }.network-feedback-note strong { display: block; margin-bottom: .25rem; font-size: .78rem; }
@media (max-width: 850px) { .network-feedback-layout { grid-template-columns: 1fr; }.network-feedback-hero aside { width: 100%; min-width: 0; } }
@media (max-width: 560px) { .network-feedback-fields { grid-template-columns: 1fr; }.network-feedback-fields label.full { grid-column: auto; }.network-feedback-state { grid-template-columns: 1fr; }.network-feedback-state > i { width: 54px; height: 54px; } }

/* Network 8.0: navigation, SF Rating and preseason states */
.network-brand-mobile, .network-mobile-quick, .network-menu > a.network-mobile-menu-action { display: none; }
.network-login-mobile { display: none; }
.network-menu > a.network-menu-priority { background: var(--network-red); color: #fff; box-shadow: 0 9px 22px rgba(214,40,40,.2); }
.network-menu > a.network-menu-priority > i, .network-menu > a.network-menu-priority:hover > i { color: #fff; }
.network-menu > a.network-menu-priority:hover { background: #b91c1c; color: #fff; }
.network-menu > a.network-menu-picks,
.network-menu > a.network-menu-picks:hover,
.network-menu > a.network-menu-picks.active { border: 1px solid #1769aa; background: #1769aa; color: #fff; box-shadow: 0 9px 22px rgba(23,105,170,.2); }
.network-menu > a.network-menu-picks:hover { background: #125786; }
.network-menu > a.network-menu-picks > i,
.network-menu > a.network-menu-picks:hover > i,
.network-menu > a.network-menu-picks.active > i { color: #fff; }
.network-hero-socials { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-top: .8rem; padding-top: .8rem; border-top: 1px solid rgba(255,255,255,.11); }
.network-hero-socials > small { color: #94a3b8; font-size: .58rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.network-hero-socials > span { display: flex; gap: .42rem; }
.network-hero-socials a { width: 35px; height: 35px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.15); border-radius: 11px; background: rgba(255,255,255,.07); color: #fff; text-decoration: none; transition: transform .18s ease, background .18s ease; }
.network-hero-socials a:hover { background: #fff; color: var(--network-ink); transform: translateY(-2px); }

.network-power-preview-list { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: .65rem; }
.network-power-preview-list > a { position: relative; display: grid; grid-template-columns: auto 54px minmax(0,1fr) auto; gap: .55rem; align-items: center; overflow: hidden; min-height: 86px; padding: .75rem; border: 1px solid var(--network-line); border-radius: 18px; background: #fff; color: var(--network-ink); text-decoration: none; box-shadow: 0 10px 28px rgba(11,37,69,.06); }
.network-power-preview-list > a::after { content: ""; position: absolute; inset: auto 0 0; height: 4px; background: linear-gradient(90deg,var(--team-primary),var(--team-secondary)); }
.network-power-preview-list > a:hover { color: var(--network-ink); transform: translateY(-2px); box-shadow: 0 16px 34px rgba(11,37,69,.1); }
.network-power-preview-list > a > strong { color: var(--network-red); font-size: 1.15rem; font-weight: 950; }
.network-power-preview-list > a > span { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 15px; background: color-mix(in srgb,var(--team-primary) 8%,#fff); font-size: .68rem; font-weight: 950; }
.network-power-preview-list img { width: 43px; height: 43px; object-fit: contain; }
.network-power-preview-list b, .network-power-preview-list b small, .network-power-preview-list em, .network-power-preview-list em small { display: block; }
.network-power-preview-list b { overflow: hidden; font-size: .7rem; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.network-power-preview-list b small { margin-top: .15rem; color: var(--network-muted); font-size: .5rem; }
.network-power-preview-list em { color: var(--network-ink); font-size: .95rem; font-style: normal; font-weight: 950; text-align: right; }
.network-power-preview-list em small { color: var(--network-muted); font-size: .42rem; text-transform: uppercase; }
.network-power-preview-list > a > i { display: none; }

.network-power-hero { align-items: center; }
.network-power-status { width: min(100%,380px); display: grid; grid-template-columns: 52px minmax(0,1fr); gap: .75rem; align-items: center; padding: 1rem; border: 1px solid #cbd5e1; border-radius: 18px; background: rgba(255,255,255,.72); }
.network-power-status > i { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 15px; background: var(--network-ink); color: #fff; }
.network-power-status span > * { display: block; }
.network-power-status small { color: var(--network-red); font-size: .55rem; font-weight: 950; text-transform: uppercase; }
.network-power-status strong { margin: .12rem 0; font-size: .9rem; font-weight: 950; }
.network-power-status em { color: var(--network-muted); font-size: .58rem; font-style: normal; line-height: 1.4; }
.network-power-status.is-forming > i { background: #e9eff5; color: var(--network-ink); }
.network-section-tabs { width: fit-content; display: grid; grid-template-columns: 1fr 1fr; gap: .35rem; margin: 1rem auto 0; padding: .35rem; border: 1px solid var(--network-line); border-radius: 16px; background: #edf1f5; }
.network-section-tabs a { display: flex; align-items: center; justify-content: center; gap: .5rem; min-width: 210px; min-height: 45px; padding: .65rem 1rem; border-radius: 12px; color: #536176; font-size: .72rem; font-weight: 900; text-decoration: none; }
.network-section-tabs a.active { background: #fff; color: var(--network-ink); box-shadow: 0 7px 18px rgba(11,37,69,.08); }
.network-section-tabs a.active i { color: var(--network-red); }
.network-power-board { overflow: hidden; margin-top: 1rem; border: 1px solid #183551; border-radius: 28px; background: #06172a; box-shadow: 0 22px 60px rgba(11,37,69,.18); }
.network-power-board-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.15rem; border-bottom: 1px solid rgba(255,255,255,.12); background: radial-gradient(circle at 15% 0,rgba(45,118,178,.28),transparent 38%),linear-gradient(115deg,#06172a,#0b2545); color: #fff; }
.network-power-board-head div > * { display: block; }.network-power-board-head small { color: #69b7ec; font-size: .48rem; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }.network-power-board-head strong { margin-top: .12rem; font-size: 1rem; font-weight: 950; text-transform: uppercase; }.network-power-board-head > span { padding: .4rem .65rem; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: #c9d9e9; font-size: .5rem; font-weight: 850; }
.network-power-list { display: grid; gap: .55rem; padding: .7rem; }
.network-power-row { isolation: isolate; position: relative; min-height: 118px; display: grid; grid-template-columns: 86px minmax(250px,1.45fr) 104px 94px 150px minmax(250px,1fr); gap: .8rem; align-items: center; overflow: hidden; padding: .85rem 2.5rem .85rem .85rem; border: 1px solid rgba(255,255,255,.15); border-radius: 20px; background: linear-gradient(100deg,color-mix(in srgb,var(--team-primary) 82%,#06172a) 0%,color-mix(in srgb,var(--team-primary) 64%,#06172a) 32%,color-mix(in srgb,var(--team-secondary) 42%,#06172a) 70%,#06172a 100%); color: #fff; text-decoration: none; box-shadow: inset 0 1px rgba(255,255,255,.12),0 10px 24px rgba(0,0,0,.16); transition: transform .18s ease,border-color .18s ease; }
.network-power-row::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,rgba(2,12,24,.08),rgba(2,12,24,.42) 58%,rgba(2,12,24,.76)); }
.network-power-row.is-podium { border-color: color-mix(in srgb,#ffc43d 62%,rgba(255,255,255,.2)); }
.network-power-row:hover { z-index: 2; transform: translateY(-2px); border-color: rgba(255,255,255,.45); color: #fff; }
.network-power-watermark { position: absolute; z-index: -1; right: 8%; width: 250px; height: 180px; object-fit: contain; opacity: .13; filter: grayscale(.12); transform: rotate(-7deg); }
.network-power-position { display: grid; justify-items: center; gap: .08rem; }.network-power-position > small,.network-power-rating > small,.network-power-record > small,.network-power-form > small,.network-power-details small { color: rgba(255,255,255,.68); font-size: .43rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }.network-power-position > strong { font-size: 1.6rem; font-weight: 950; line-height: 1; }.network-power-position > em { display: flex; align-items: center; gap: .22rem; color: #dbe7f2; font-size: .44rem; font-style: normal; font-weight: 900; }.network-power-position > em.is-up { color: #8df0b2; }.network-power-position > em.is-down { color: #ffadad; }
.network-power-team { display: grid; grid-template-columns: 76px minmax(0,1fr); gap: .8rem; align-items: center; }.network-power-team > span { width: 76px; height: 76px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 21px; background: rgba(255,255,255,.12); backdrop-filter: blur(8px); }.network-power-team img { width: 66px; height: 66px; object-fit: contain; }.network-power-team b { overflow: hidden; color: #fff; font-size: clamp(.82rem,1.4vw,1.14rem); font-weight: 950; line-height: 1.05; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }.network-power-team b small { display: block; margin-bottom: .25rem; color: rgba(255,255,255,.72); font-size: .46rem; letter-spacing: .06em; }
.network-power-rating,.network-power-record { display: grid; align-content: center; min-height: 72px; padding: .55rem .6rem; border: 1px solid rgba(255,255,255,.14); border-radius: 15px; background: rgba(3,15,29,.24); }.network-power-rating > *,.network-power-record > * { display: block; }.network-power-rating strong { color: #fff; font-size: 1.35rem; font-weight: 950; line-height: 1; }.network-power-rating em,.network-power-record em { color: rgba(255,255,255,.64); font-size: .42rem; font-style: normal; }.network-power-record strong { margin: .1rem 0; font-size: .82rem; font-weight: 950; }
.network-power-form { display: grid; gap: .3rem; }.network-power-form b { display: flex; gap: .22rem; }.network-power-form b > i { width: 22px; height: 22px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.14); border-radius: 7px; color: #fff; font-size: .43rem; font-style: normal; font-weight: 950; }.network-power-form i.is-win { background: #168947; }.network-power-form i.is-loss { background: #b91c1c; }.network-power-form i.is-tie { background: #64748b; }.network-power-form em { color: rgba(255,255,255,.75); font-size: .48rem; font-style: normal; }
.network-power-details { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .4rem; padding: .6rem; border: 1px solid rgba(255,255,255,.14); border-radius: 15px; background: rgba(3,15,29,.24); }.network-power-details > span { min-width: 0; }.network-power-details strong { display: block; margin-top: .16rem; overflow: hidden; color: #fff; font-size: .68rem; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.network-power-confidence > i { display: block; width: 100%; height: 4px; margin-top: .32rem; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.2); }.network-power-confidence > i::after { content: ""; display: block; width: var(--confidence); height: 100%; border-radius: inherit; background: linear-gradient(90deg,#58a6dc,#7ee2a2); }
.network-power-arrow { position: absolute; right: 1rem; color: rgba(255,255,255,.62); font-size: .65rem; }
.network-power-board > footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem 1rem; border-top: 1px solid rgba(255,255,255,.12); background: #071a2e; color: #aebed0; font-size: .56rem; font-weight: 750; }.network-power-board > footer a { color: #78c8f4; font-weight: 900; text-decoration: none; }
.network-power-forming { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin-top: 1rem; padding: clamp(1.4rem,4vw,3rem); border: 1px solid var(--network-line); border-radius: 26px; background: radial-gradient(circle at 90% 20%,rgba(214,40,40,.1),transparent 28%),#fff; }.network-power-forming > div { max-width: 780px; }.network-power-forming > div > span { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: .8rem; border-radius: 17px; background: var(--network-soft-blue); font-size: 1.2rem; }.network-power-forming small { color: var(--network-red); font-size: .57rem; font-weight: 950; text-transform: uppercase; }.network-power-forming h2 { margin: .35rem 0; font-size: clamp(1.55rem,3vw,2.5rem); font-weight: 950; }.network-power-forming p { margin: 0; color: var(--network-muted); }
.network-rating-principles { display: grid; grid-template-columns: repeat(3,1fr); gap: .7rem; margin-top: 1rem; }.network-rating-principles article { padding: 1rem; border: 1px solid var(--network-line); border-radius: 18px; background: rgba(255,255,255,.72); }.network-rating-principles article > i { color: var(--network-red); }.network-rating-principles strong { display: block; margin: .45rem 0 .2rem; font-size: .78rem; font-weight: 950; }.network-rating-principles p { margin: 0; color: var(--network-muted); font-size: .63rem; line-height: 1.5; }
.network-directory-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-top: 1.4rem; }.network-directory-heading h2 { margin: .3rem 0; font-size: clamp(1.6rem,3vw,2.5rem); font-weight: 950; }.network-directory-heading p { margin: 0; color: var(--network-muted); }

.network-team-power-badge { display: inline-flex; align-items: center; gap: .35rem; margin-top: .6rem; padding: .4rem .6rem; border: 1px solid color-mix(in srgb,var(--team-primary) 20%,#dfe4ea); border-radius: 999px; background: #fff; color: var(--team-primary); font-size: .56rem; font-weight: 950; text-decoration: none; }
.network-sample-badge.is-preseason { background: #fff7ed; color: #9a3412; }
.network-next-game { display: grid; grid-template-columns: minmax(0,1fr) 92px auto; gap: 1rem; align-items: center; margin-top: 1rem; padding: 1.2rem; border: 1px solid color-mix(in srgb,var(--team-primary) 18%,var(--network-line)); border-radius: 22px; background: linear-gradient(135deg,#fff,color-mix(in srgb,var(--team-primary) 5%,#fff)); box-shadow: 0 12px 30px rgba(11,37,69,.07); }.network-next-game h2 { margin: .25rem 0; font-size: 1.3rem; font-weight: 950; }.network-next-game p { margin: 0; color: var(--network-muted); font-size: .7rem; }.network-next-game > span { width: 82px; height: 82px; display: grid; place-items: center; border-radius: 20px; background: #fff; }.network-next-game > span img { width: 65px; height: 65px; object-fit: contain; }.network-next-game > div:last-child { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
.network-preseason-state { display: flex; align-items: center; gap: 1rem; margin-top: 1rem; padding: 1.2rem; border: 1px dashed #b9c5d2; border-radius: 22px; background: rgba(255,255,255,.68); }.network-preseason-state > i { width: 54px; height: 54px; display: grid; flex: 0 0 54px; place-items: center; border-radius: 16px; background: var(--network-soft-blue); color: var(--network-ink); }.network-preseason-state span { color: var(--network-red); font-size: .55rem; font-weight: 950; text-transform: uppercase; }.network-preseason-state h2 { margin: .2rem 0; font-size: 1.1rem; font-weight: 950; }.network-preseason-state p { margin: 0; color: var(--network-muted); font-size: .68rem; }
.network-simulation-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }.network-simulation-header > small { color: var(--network-muted); font-size: .55rem; font-weight: 800; }.network-simulation-signals { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem; margin-top: 1rem; }.network-simulation-signals article { display: flex; align-items: center; gap: .6rem; padding: .7rem; border: 1px solid var(--network-line); border-radius: 14px; background: #f8fafc; }.network-simulation-signals article > i { width: 34px; height: 34px; display: grid; flex: 0 0 34px; place-items: center; border-radius: 10px; background: var(--network-soft-blue); color: var(--network-ink); }.network-simulation-signals small, .network-simulation-signals strong { display: block; }.network-simulation-signals small { color: var(--network-muted); font-size: .47rem; }.network-simulation-signals strong { font-size: .63rem; font-weight: 900; }
.network-picks-sticky { position: sticky; z-index: 40; bottom: .65rem; display: grid; grid-template-columns: auto minmax(90px,1fr) auto; gap: .7rem; align-items: center; width: min(620px,calc(100% - 1rem)); margin: .8rem auto; padding: .65rem .75rem; border: 1px solid rgba(255,255,255,.14); border-radius: 17px; background: rgba(7,24,45,.95); color: #fff; box-shadow: 0 14px 38px rgba(7,24,45,.3); backdrop-filter: blur(14px); }.network-picks-sticky > span { display: flex; align-items: center; gap: .35rem; font-size: .7rem; font-weight: 900; white-space: nowrap; }.network-picks-sticky > span i { color: #fca5a5; }.network-picks-sticky > div { height: 6px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.14); }.network-picks-sticky > div i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#ef4444,#fbbf24); transition: width .2s ease; }.network-picks-sticky > button { min-height: 36px; padding: .45rem .7rem; border: 0; border-radius: 11px; background: var(--network-red); color: #fff; font-size: .62rem; font-weight: 900; }
.network-game-coverage-heading { display: flex; align-items: baseline; justify-content: space-between; gap: .75rem; margin: .7rem 0 .35rem; color: var(--network-ink); font-size: .6rem; font-weight: 950; text-transform: uppercase; }.network-game-coverage-heading small { color: var(--network-muted); font-size: .5rem; font-weight: 700; text-transform: none; }.network-game-coverage-heading.is-coverage { padding-top: .65rem; border-top: 1px solid var(--network-line); }.network-game-provider-list.is-coverage > span { background: #f8fafc; }

@media (max-width: 1360px) {
  .network-brand-shell { width: 190px; }
  .network-menu > a { padding-inline: .48rem; }
  .network-power-preview-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 1100px) {
  .network-menu { order: 10; }
  .network-menu-button { margin-left: 0; }
  .network-menu > a.network-mobile-menu-action { display: flex; }
  .network-power-row { grid-template-columns: 70px minmax(180px,1fr) 82px 84px minmax(210px,.9fr); gap: .55rem; }
  .network-power-form { display: none; }
  .network-power-preview-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 720px) {
  .network-header { padding: .45rem .55rem; }
  .network-nav { flex-wrap: wrap; gap: .32rem; }
  .network-brand-shell { width: 58px; height: 50px; padding: .18rem; border-radius: 14px; }
  .network-brand-desktop { display: none !important; }.network-brand-mobile { display: grid; max-width: 94% !important; max-height: 94% !important; }
  .network-mobile-quick { display: flex; align-items: center; gap: .25rem; margin-left: auto; }
  .network-mobile-quick a { width: 35px; height: 35px; display: grid; place-items: center; border: 1px solid var(--network-line); border-radius: 11px; background: #fff; color: #526075; font-size: .7rem; text-decoration: none; }
  .network-mobile-quick a.active { border-color: var(--network-red); background: var(--network-red); color: #fff; box-shadow: 0 6px 16px rgba(214,40,40,.18); }
  .network-actions { margin-left: 0; }.network-actions .network-pool-button { display: none; }
  .network-login-desktop { display: none; }.network-login-mobile { display: inline; }
  .network-login { min-height: 35px; padding: .35rem .25rem; font-size: .62rem; }
  .network-menu-button { min-width: 35px; min-height: 35px; padding: .4rem; }
  .network-menu { grid-template-columns: 1fr 1fr; }
  .network-menu > a { min-height: 54px; }
  .network-power-preview-list { grid-template-columns: 1fr; }
  .network-section-tabs { width: 100%; }.network-section-tabs a { min-width: 0; padding-inline: .6rem; }
  .network-power-forming, .network-directory-heading, .network-next-game { align-items: stretch; flex-direction: column; grid-template-columns: 1fr; }
  .network-directory-heading { display: flex; }
  .network-next-game > span { display: none; }.network-next-game > div:last-child { justify-content: flex-start; }
  .network-rating-principles { grid-template-columns: 1fr; }
  .network-pool-commerce { grid-template-columns: 1fr 1fr; }
  .network-support-creator-grid { grid-template-columns: 1fr; }.network-support-creator-card { grid-template-columns: 64px minmax(0,1fr); }.network-support-creator-card .network-collaborator-avatar { width: 64px; height: 64px; border-radius: 18px; }.network-support-creator-card .network-primary-button { grid-column: 1/-1; width: 100%; }
  .network-simulation-signals { grid-template-columns: 1fr; }
  .network-picks-sticky { grid-template-columns: auto minmax(50px,1fr) auto; width: calc(100% - .5rem); }
  .network-context-pick > header { align-items: flex-start; flex-direction: column; }.network-context-pick-card { grid-template-columns: 1fr auto 1fr; }.network-context-pick-card > button { grid-template-columns: 1fr; justify-items: center; text-align: center; }.network-context-pick-card > button > span { width: 50px; height: 50px; }.network-context-pick-card small { max-width: 105px; }.network-context-pick-card > div { width: 64px; }
}

/* Navegación móvil completa: marca e Inicio conviven en una sola fila horizontal. */
@media (max-width: 720px) {
  .network-header { padding: .38rem .42rem; }
  .network-nav { display: flex; flex-wrap: nowrap; align-items: stretch; gap: .2rem; min-height: 0; }
  .network-brand { display: flex; flex: 0 0 48px; min-width: 0; }
  .network-brand-shell { width: 48px; height: 48px; padding: .15rem; border-radius: 11px; }
  .network-menu,
  .network-menu-button,
  .network-actions { display: none !important; }
  .network-mobile-quick {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: repeat(7, minmax(40px, 1fr));
    gap: .16rem;
    min-width: 0;
    margin: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }
  .network-mobile-quick::-webkit-scrollbar { display: none; }
  .network-mobile-quick a {
    width: auto;
    min-width: 0;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .16rem;
    padding: .28rem .06rem;
    border: 1px solid rgba(11,37,69,.12);
    border-radius: 11px;
    background: rgba(255,255,255,.82);
    color: #526075;
    font-size: .68rem;
    text-decoration: none;
    box-shadow: 0 5px 14px rgba(11,37,69,.05);
  }
  .network-mobile-quick a small {
    overflow: hidden;
    width: 100%;
    color: currentColor;
    font-size: clamp(.4rem, 1.65vw, .5rem);
    font-weight: 900;
    line-height: 1;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .network-mobile-quick a.active {
    border-color: var(--network-ink);
    background: var(--network-ink);
    color: #fff;
    box-shadow: 0 7px 17px rgba(11,37,69,.2);
  }
  .network-mobile-quick a.is-calendar {
    border-color: #d62828;
    background: #d62828;
    color: #fff;
    box-shadow: 0 7px 17px rgba(214,40,40,.2);
  }
  .network-mobile-quick a.is-picks {
    border-color: #1769aa;
    background: #1769aa;
    color: #fff;
    box-shadow: 0 7px 17px rgba(23,105,170,.2);
  }
  .network-mobile-quick a.is-quiniela {
    border-color: #d62828;
    background: #d62828;
    color: #fff;
    box-shadow: 0 7px 17px rgba(214,40,40,.2);
  }
}

@media (max-width: 430px) {
  .network-header { padding-inline: .3rem; }
  .network-nav { gap: .14rem; }
  .network-brand { flex-basis: 44px; }
  .network-brand-shell { width: 44px; height: 46px; }
  .network-mobile-quick { grid-template-columns: repeat(7, minmax(38px, 1fr)); gap: .12rem; }
  .network-mobile-quick a { width: auto; height: 46px; border-radius: 10px; font-size: .64rem; }
  .network-empty { display: grid; grid-template-columns: 48px minmax(0, 1fr); }
  .network-empty .network-text-button { grid-column: 1 / -1; justify-self: start; }
  .network-login { padding-inline: .18rem; font-size: .57rem; }
  .network-menu-button { min-width: 32px; width: 32px; min-height: 32px; padding: 0; }
  .network-menu { grid-template-columns: 1fr; }
  .network-hero-socials { align-items: flex-start; flex-direction: column; }
  .network-snapshot { gap: .3rem; }.network-snapshot div { padding: .45rem; }.network-snapshot span { font-size: .43rem; }
  .network-quiniela-summary { padding: .55rem; }.network-quiniela-summary > div { gap: .3rem; }.network-quiniela-summary span { padding: .45rem; }.network-quiniela-summary strong { font-size: .64rem; }.network-quiniela-summary small { font-size: .4rem; }
  .network-section-tabs a { gap: .3rem; font-size: .61rem; }
  .network-power-preview-list > a { grid-template-columns: auto 50px minmax(0,1fr) auto; }
  .network-simulation-header { align-items: flex-start; flex-direction: column; }
  .network-picks-sticky { gap: .45rem; padding: .55rem; }.network-picks-sticky > span { font-size: .6rem; }.network-picks-sticky > button { padding-inline: .55rem; }.network-picks-sticky > button i { display: none; }
}
@media (max-width: 350px) {
  .network-brand { flex-basis: 40px; }
  .network-brand-shell { width: 40px; height: 44px; }
  .network-mobile-quick { grid-template-columns: repeat(7, 38px); }
  .network-mobile-quick a { width: auto; height: 44px; }
  .network-active-quinielas > a { gap: .2rem; padding: .45rem .4rem; font-size: .52rem; }
  .network-active-quinielas > a i { display: none; }
}

/* El progreso permanece visible desde el primer pick, no sólo al llegar al final. */
.network-picks-sticky { top: 78px; bottom: auto; }
@media (max-width: 720px) { .network-picks-sticky { top: 70px; } }

/* Laboratorio: tablero automático de la jornada + simulador libre. */
.network-sfq-status{display:flex;align-items:center;gap:.7rem;margin:0 0 1rem;padding:.8rem 1rem;border:1px solid rgba(34,197,94,.28);border-radius:14px;background:rgba(34,197,94,.08)}
.network-sfq-status>span{display:flex;flex-direction:column}.network-sfq-status small{color:var(--network-muted,#64748b)}.network-sfq-status.is-muted{border-color:rgba(148,163,184,.25);background:rgba(148,163,184,.08)}
.network-sfq-card{margin:.9rem 0;padding:.85rem 1rem;border:1px solid rgba(34,211,238,.25);border-radius:16px;background:linear-gradient(135deg,rgba(8,47,73,.16),rgba(15,23,42,.04))}
.network-sfq-card>header,.network-sfq-card>footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.network-sfq-card>header span{font-weight:900;color:#0891b2}.network-sfq-card>header small,.network-sfq-card>footer small{color:var(--network-muted,#64748b)}
.network-sfq-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;margin:.65rem 0}.network-sfq-score>span{display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:center;gap:.35rem .6rem}.network-sfq-score small{grid-column:1/-1;text-align:center;font-weight:800}.network-sfq-score strong{font-size:1.5rem}.network-sfq-score em{font-style:normal;font-weight:800;color:#0891b2}.network-sfq-missing{margin:.75rem 0;padding:.65rem .8rem;border-radius:12px;background:rgba(148,163,184,.1);color:var(--network-muted,#64748b);font-size:.85rem}
.network-lab-hero { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0,1.18fr) minmax(330px,.82fr); gap: clamp(1.3rem,4vw,4rem); align-items: center; overflow: hidden; min-height: 430px; padding: clamp(1.5rem,5vw,4.7rem); border-radius: 34px; color: #fff; background: radial-gradient(circle at 88% 10%,rgba(214,40,40,.34),transparent 28%),radial-gradient(circle at 15% 100%,rgba(32,116,181,.33),transparent 36%),linear-gradient(135deg,#061426,#0b2545 60%,#101827); box-shadow: 0 28px 70px rgba(11,37,69,.25); }
.network-lab-hero::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .42; background-image: linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(90deg,#000,transparent 85%); }
.network-lab-hero .network-eyebrow { color: #fca5a5; }
.network-lab-hero h1 { margin: .7rem 0 1rem; color: #fff; font-size: clamp(3.4rem,7vw,6.8rem); line-height: .84; font-weight: 950; letter-spacing: -.075em; }
.network-lab-hero h1 em { color: #f6c453; font-style: normal; }
.network-lab-hero-copy > p { max-width: 760px; margin: 0; color: #c2cedc; font-size: clamp(.86rem,1.35vw,1.08rem); line-height: 1.65; }
.network-lab-hero-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.35rem; }
.network-lab-hero .network-secondary-button { border-color: rgba(255,255,255,.17); background: rgba(255,255,255,.08); color: #fff; }
.network-lab-hero .network-secondary-button:hover { background: rgba(255,255,255,.14); color: #fff; }
.network-lab-hero-panel { position: relative; isolation: isolate; overflow: hidden; min-height: 260px; display: flex; flex-direction: column; justify-content: flex-end; padding: 1.35rem; border: 1px solid rgba(255,255,255,.15); border-radius: 27px; background: linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045)); box-shadow: inset 0 1px rgba(255,255,255,.1),0 24px 50px rgba(0,0,0,.18); backdrop-filter: blur(12px); }
.network-lab-orbit { position: absolute; z-index: -1; right: -1rem; top: -1rem; width: 175px; height: 175px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; color: rgba(255,255,255,.08); font-size: 5rem; box-shadow: 0 0 0 28px rgba(255,255,255,.025),0 0 0 56px rgba(255,255,255,.018); transform: rotate(-16deg); }
.network-lab-hero-panel > small { color: #fca5a5; font-size: .6rem; font-weight: 950; letter-spacing: .09em; text-transform: uppercase; }
.network-lab-hero-panel > strong { margin: .25rem 0 1.15rem; font-size: clamp(1.8rem,3.5vw,3.25rem); line-height: .95; font-weight: 950; letter-spacing: -.05em; }
.network-lab-hero-panel > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(1,12,25,.26); }
.network-lab-hero-panel > div > span { min-width: 0; padding: .75rem; border-right: 1px solid rgba(255,255,255,.1); }.network-lab-hero-panel > div > span:last-child { border-right: 0; }
.network-lab-hero-panel b,.network-lab-hero-panel span small { display: block; }.network-lab-hero-panel b { overflow: hidden; font-size: 1.05rem; text-overflow: ellipsis; white-space: nowrap; }.network-lab-hero-panel span small { margin-top: .15rem; color: #94a3b8; font-size: .48rem; font-weight: 850; text-transform: uppercase; }

.network-lab-week,.network-lab-simulator { scroll-margin-top: 96px; margin-top: clamp(1.1rem,3vw,2rem); }
.network-lab-week { padding: clamp(1rem,2.6vw,1.8rem); border: 1px solid rgba(11,37,69,.1); border-radius: 30px; background: linear-gradient(145deg,rgba(255,255,255,.94),rgba(244,238,226,.72)); box-shadow: var(--network-shadow); }
.network-lab-week-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; }
.network-lab-week-head h2,.network-lab-simulator > header h2 { margin: .25rem 0; color: var(--network-ink); font-size: clamp(1.75rem,3.4vw,3rem); font-weight: 950; letter-spacing: -.05em; }
.network-lab-week-head p,.network-lab-simulator > header p { max-width: 760px; margin: 0; color: var(--network-muted); font-size: .72rem; line-height: 1.55; }
.network-lab-week-head > small { flex: 0 0 auto; padding: .5rem .65rem; border: 1px solid var(--network-line); border-radius: 99px; background: #fff; color: var(--network-muted); font-size: .54rem; font-weight: 850; }
.network-lab-week-nav { display: flex; gap: .45rem; overflow-x: auto; margin: 1rem 0; padding: .15rem; scrollbar-width: thin; }
.network-lab-week-nav a { flex: 0 0 auto; min-width: 104px; padding: .6rem .75rem; border: 1px solid var(--network-line); border-radius: 14px; background: rgba(255,255,255,.82); color: var(--network-ink); text-decoration: none; }
.network-lab-week-nav span,.network-lab-week-nav small { display: block; }.network-lab-week-nav span { font-size: .68rem; font-weight: 950; }.network-lab-week-nav small { margin-top: .1rem; color: var(--network-muted); font-size: .46rem; font-weight: 750; }
.network-lab-week-nav a.is-active { border-color: var(--network-ink); background: var(--network-ink); color: #fff; box-shadow: 0 8px 20px rgba(11,37,69,.18); }.network-lab-week-nav a.is-active small { color: #9fb0c5; }
.network-lab-game-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; }
.network-lab-game-card { position: relative; isolation: isolate; overflow: hidden; min-width: 0; padding: 1rem; border: 1px solid color-mix(in srgb,var(--lab-a) 22%,var(--network-line)); border-radius: 24px; background: linear-gradient(145deg,#fff 54%,color-mix(in srgb,var(--lab-b) 6%,#fff)); box-shadow: 0 14px 34px rgba(11,37,69,.075); }
.network-lab-game-card::before { content: ""; position: absolute; z-index: -1; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg,var(--lab-a),var(--lab-a2) 43%,var(--lab-b2) 57%,var(--lab-b)); }
.network-lab-game-glow { position: absolute; z-index: -1; right: -70px; top: -85px; width: 240px; height: 240px; border-radius: 50%; background: color-mix(in srgb,var(--lab-b) 8%,transparent); }
.network-lab-game-card > header { display: grid; grid-template-columns: 1fr auto 1fr; gap: .5rem; align-items: center; color: var(--network-muted); font-size: .52rem; font-weight: 850; text-transform: uppercase; }
.network-lab-game-card > header > span { display: flex; align-items: center; gap: .4rem; }.network-lab-game-card > header > span b { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 8px; background: var(--network-ink); color: #fff; font-size: .47rem; }
.network-lab-game-card > header time { color: var(--network-ink); font-size: .58rem; font-weight: 950; }
.network-lab-game-card > header em { justify-self: end; padding: .32rem .46rem; border-radius: 99px; background: #e8eef5; color: #526075; font-size: .44rem; font-style: normal; }.network-lab-game-card > header em.is-live { background: #fee2e2; color: #b91c1c; }.network-lab-game-card > header em.is-final { background: #dcfce7; color: #15803d; }
.network-lab-game-matchup { display: grid; grid-template-columns: minmax(0,1fr) 142px minmax(0,1fr); gap: .6rem; align-items: center; min-height: 116px; margin: .75rem 0; }
.network-lab-team { display: grid; grid-template-columns: 68px minmax(0,1fr); gap: .6rem; align-items: center; min-width: 0; }.network-lab-team.is-second { grid-template-columns: minmax(0,1fr) 68px; text-align: right; }.network-lab-team.is-second > span { grid-column: 2; }.network-lab-team.is-second > div { grid-column: 1; grid-row: 1; }
.network-lab-team > span { width: 68px; height: 68px; display: grid; place-items: center; border: 1px solid color-mix(in srgb,var(--lab-a) 16%,var(--network-line)); border-radius: 19px; background: color-mix(in srgb,var(--lab-a) 6%,#fff); }.network-lab-team.is-second > span { border-color: color-mix(in srgb,var(--lab-b) 16%,var(--network-line)); background: color-mix(in srgb,var(--lab-b) 6%,#fff); }
.network-lab-team img { width: 58px; height: 58px; object-fit: contain; }.network-lab-team small,.network-lab-team strong,.network-lab-team > div > b { display: block; }.network-lab-team small { color: var(--network-muted); font-size: .45rem; font-weight: 900; text-transform: uppercase; }.network-lab-team strong { display: -webkit-box; overflow: hidden; margin-top: .13rem; font-size: .72rem; line-height: 1.1; font-weight: 950; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.network-lab-team > div > b { margin-top: .14rem; color: var(--lab-a); font-size: .58rem; }.network-lab-team.is-second > div > b { color: var(--lab-b); }
.network-lab-score { min-width: 0; text-align: center; }.network-lab-score > small { display: block; color: var(--network-muted); font-size: .43rem; font-weight: 900; letter-spacing: .035em; text-transform: uppercase; }.network-lab-score > strong { display: flex; align-items: center; justify-content: center; gap: .3rem; margin: .12rem 0; color: var(--network-ink); font-size: 1.55rem; line-height: 1; font-weight: 950; letter-spacing: -.05em; }.network-lab-score > strong i { color: #b7c0cd; font-size: .75rem; font-style: normal; }.network-lab-score > em { display: inline-flex; max-width: 100%; padding: .28rem .4rem; border-radius: 99px; background: #eef2f7; color: var(--network-ink); font-size: .43rem; font-style: normal; font-weight: 950; text-transform: uppercase; }
.network-lab-odds-head { display: grid; grid-template-columns: 1fr auto 1fr; gap: .4rem; align-items: end; color: var(--network-muted); font-size: .48rem; font-weight: 850; }.network-lab-odds-head span:last-child { text-align: right; }.network-lab-odds-head span b { color: var(--network-ink); font-size: .68rem; }.network-lab-odds-head small { color: #8793a5; font-size: .42rem; }
.network-lab-probability { display: flex; overflow: hidden; height: 12px; margin: .35rem 0 .65rem; border: 2px solid #fff; border-radius: 99px; background: #e2e8f0; box-shadow: 0 0 0 1px var(--network-line); }.network-lab-probability i { background: linear-gradient(90deg,var(--lab-a),var(--lab-a2)); }.network-lab-probability b { background: #f6c453; }.network-lab-probability span { background: linear-gradient(90deg,var(--lab-b2),var(--lab-b)); }
.network-lab-model-note { display: flex; align-items: center; justify-content: space-between; gap: .7rem; margin: .1rem 0 .6rem; padding: .5rem .65rem; border: 1px solid rgba(8,145,178,.18); border-radius: 12px; background: linear-gradient(90deg,rgba(8,145,178,.09),rgba(8,145,178,.025)); }.network-lab-model-note span { color: #087f9b; font-size: .53rem; font-weight: 950; letter-spacing: .015em; }.network-lab-model-note small { color: var(--network-muted); font-size: .45rem; font-weight: 800; text-align: right; }
.network-lab-game-facts { display: grid; grid-template-columns: 1fr 1.35fr 1fr; overflow: hidden; border: 1px solid var(--network-line); border-radius: 14px; background: rgba(248,250,252,.86); }.network-lab-game-facts > span { min-width: 0; padding: .58rem; border-right: 1px solid var(--network-line); text-align: center; }.network-lab-game-facts > span:last-child { border-right: 0; }.network-lab-game-facts small,.network-lab-game-facts strong { display: block; }.network-lab-game-facts small { color: var(--network-muted); font-size: .4rem; font-weight: 850; text-transform: uppercase; }.network-lab-game-facts strong { overflow: hidden; margin-top: .13rem; font-size: .59rem; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }.network-lab-game-facts .is-pick strong { color: var(--network-red); }
.network-lab-game-card > footer { display: flex; align-items: center; justify-content: space-between; gap: .7rem; margin-top: .65rem; padding-top: .65rem; border-top: 1px solid #edf0f3; color: var(--network-muted); font-size: .5rem; font-weight: 850; }.network-lab-game-card > footer a { color: var(--network-red); font-weight: 950; text-decoration: none; white-space: nowrap; }
.network-lab-forming-note { display: flex; align-items: center; gap: .65rem; padding: .7rem; border: 1px dashed #cbd5e1; border-radius: 14px; background: #f8fafc; }.network-lab-forming-note > i { width: 34px; height: 34px; display: grid; flex: 0 0 34px; place-items: center; border-radius: 10px; background: var(--network-soft-blue); }.network-lab-forming-note strong,.network-lab-forming-note small { display: block; }.network-lab-forming-note strong { font-size: .62rem; }.network-lab-forming-note small { margin-top: .1rem; color: var(--network-muted); font-size: .5rem; }

.network-lab-simulator { padding: clamp(1rem,2.6vw,1.8rem); border: 1px solid var(--network-line); border-radius: 30px; background: #fff; box-shadow: var(--network-shadow); }
.network-lab-simulator > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; }.network-lab-simulator > header > span { flex: 0 0 auto; padding: .5rem .65rem; border-radius: 99px; background: #eaf6ef; color: #16724a; font-size: .52rem; font-weight: 900; }
.network-lab-simulator .network-lab-form { margin-bottom: 0; box-shadow: none; }

@media (max-width: 980px) {
  .network-lab-hero { grid-template-columns: 1fr minmax(280px,.7fr); min-height: 390px; }
  .network-lab-game-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .network-lab-hero { grid-template-columns: 1fr; gap: 1rem; min-height: 0; padding: 1.25rem; border-radius: 25px; }
  .network-lab-hero h1 { font-size: clamp(3rem,15vw,4.5rem); }
  .network-lab-hero-copy > p { font-size: .74rem; }
  .network-lab-hero-panel { min-height: 0; padding: 1rem; border-radius: 20px; }.network-lab-orbit { width: 120px; height: 120px; font-size: 3.5rem; }.network-lab-hero-panel > strong { margin-bottom: .7rem; font-size: 1.8rem; }
  .network-lab-week,.network-lab-simulator { scroll-margin-top: 64px; padding: .8rem; border-radius: 23px; }
  .network-lab-week-head,.network-lab-simulator > header { align-items: flex-start; flex-direction: column; }.network-lab-week-head > small,.network-lab-simulator > header > span { align-self: flex-start; }
  .network-lab-game-card { padding: .75rem; border-radius: 19px; }
  .network-lab-game-matchup { grid-template-columns: minmax(0,1fr) 104px minmax(0,1fr); gap: .3rem; min-height: 128px; }
  .network-lab-team,.network-lab-team.is-second { grid-template-columns: 1fr; justify-items: center; text-align: center; }.network-lab-team.is-second > span,.network-lab-team.is-second > div { grid-column: 1; grid-row: auto; }.network-lab-team > span { width: 62px; height: 62px; }.network-lab-team img { width: 53px; height: 53px; }.network-lab-team strong { font-size: .63rem; }
  .network-lab-score > strong { font-size: 1.25rem; }
  .network-lab-model-note { align-items: flex-start; flex-direction: column; gap: .15rem; }.network-lab-model-note small { text-align: left; }
  .network-lab-game-card > footer { align-items: flex-start; }
  .network-lab-simulator .network-lab-form { padding: .75rem; }
}
@media (max-width: 430px) {
  .network-lab-hero-actions > a { flex: 1 1 100%; }
  .network-lab-hero-panel > div > span { padding: .55rem; }
  .network-lab-week-head h2,.network-lab-simulator > header h2 { font-size: 1.8rem; }
  .network-lab-game-card > header { grid-template-columns: 1fr auto; }.network-lab-game-card > header time { text-align: right; }.network-lab-game-card > header em { display: none; }
  .network-lab-game-matchup { grid-template-columns: minmax(0,1fr) 88px minmax(0,1fr); }
  .network-lab-team > span { width: 54px; height: 54px; border-radius: 16px; }.network-lab-team img { width: 47px; height: 47px; }.network-lab-team strong { font-size: .58rem; }
  .network-lab-score > small { font-size: .36rem; }.network-lab-score > strong { gap: .18rem; font-size: 1.05rem; }.network-lab-score > em { font-size: .36rem; }
  .network-lab-game-facts { grid-template-columns: 1fr 1.2fr 1fr; }.network-lab-game-facts > span { padding: .46rem .3rem; }.network-lab-game-facts small { font-size: .34rem; }.network-lab-game-facts strong { font-size: .5rem; }
  .network-lab-game-card > footer { font-size: .43rem; }
}

@media (max-width: 720px) {
  .network-power-board { overflow: visible; border-radius: 22px; }
  .network-power-board-head { align-items: flex-start; flex-direction: column; padding: .8rem; }
  .network-power-list { display: grid; gap: .65rem; }
  .network-power-row { min-width: 0; min-height: 0; grid-template-columns: 50px minmax(0,1fr) 68px; grid-template-areas: "position team rating" "record record record" "form form form" "details details details"; gap: .65rem; padding: .8rem 1.8rem .8rem .7rem; border-radius: 18px; }
  .network-power-position { grid-area: position; }
  .network-power-position > em span { display: none; }
  .network-power-team { grid-area: team; grid-template-columns: 50px minmax(0,1fr); gap: .5rem; }
  .network-power-team > span { width: 50px; height: 50px; border-radius: 15px; }
  .network-power-team img { width: 43px; height: 43px; }
  .network-power-team b { display: -webkit-box; overflow: hidden; font-size: .68rem; line-height: 1.05; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .network-power-rating { grid-area: rating; text-align: right; }
  .network-power-record { grid-area: record; }
  .network-power-form { grid-area: form; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; }
  .network-power-details { grid-area: details; }
  .network-power-rating,.network-power-record { min-height: 0; padding: .4rem; }
  .network-power-record { display: flex; align-items: center; justify-content: flex-start; gap: .45rem; background: transparent; border-color: rgba(255,255,255,.12); }
  .network-power-record em { display: none; }
  .network-power-watermark { right: -7%; width: 150px; height: 120px; opacity: .1; }
  .network-power-board > footer { align-items: flex-start; flex-direction: column; }
}