:root{--paper:#fff;--surface:#eef2f6;--ink:#121720;--muted:#65707e;--line:#d7dde5;--nav:#0d1219;--blue:#168bff;--purple:#9d43ff;--shadow:0 14px 40px rgba(20,29,40,.12)}
*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.navbar{background:rgba(11,16,23,.97);border-bottom:1px solid rgba(255,255,255,.09);position:sticky;top:0;z-index:20}
.navinner{max-width:1320px;margin:auto;height:78px;padding:8px 24px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.navlogo{height:58px;width:auto;max-width:320px;object-fit:contain}.navlinks{display:flex;gap:20px;color:#e5e9ef;font-size:13px;font-weight:800}.week{color:#fff;border:1px solid #394352;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}
.hero{position:relative;background:#080d13;overflow:hidden}.hero{padding:18px 24px 0}.hero>img{width:100%;height:auto;max-height:650px;object-fit:contain;object-position:center;max-width:1440px;margin:0 auto}
.hero:after{display:none}
.herocap{position:absolute;z-index:2;left:50%;bottom:26px;transform:translateX(-50%);width:min(1240px,calc(100% - 48px));display:flex;justify-content:space-between;align-items:end;gap:28px;color:#fff}
.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:900}.herocap .eyebrow{color:#d2d9e2}.herocap h1{font-size:clamp(36px,4.3vw,62px);line-height:.98;margin:7px 0 0;max-width:700px}.herocap p{max-width:410px;margin:0;text-align:right;color:#dce2e9;line-height:1.5}
.league-intro{background:#ffffff;border-bottom:1px solid var(--line)}.league-intro-inner{max-width:1240px;margin:auto;padding:28px 24px 30px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:42px;align-items:center}.league-intro .eyebrow{color:#6e7783}.league-intro h1{font-size:38px;line-height:1.08;margin:8px 0 0;color:#121720;max-width:780px}.league-intro p{margin:0;color:#65707e;font-size:16px;line-height:1.55;text-align:left;max-width:420px;justify-self:end}.showband{background:linear-gradient(180deg,#fff,#f7f9fb);border-bottom:1px solid var(--line)}.showinner{max-width:1240px;margin:auto;padding:34px 24px;display:grid;grid-template-columns:.95fr 1.05fr;gap:36px;align-items:center}
.logowrap{padding:18px 22px;border-radius:22px;background:radial-gradient(circle at 30% 50%,rgba(22,139,255,.12),transparent 45%),radial-gradient(circle at 75% 50%,rgba(157,67,255,.12),transparent 45%)}.herologo{width:100%;max-height:270px;object-fit:contain}
.showcopy .eyebrow{color:#6d7683}.showcopy h2{font-size:40px;line-height:1.03;margin:8px 0 10px}.showcopy p{font-size:17px;line-height:1.56;color:var(--muted);margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.btn{display:inline-flex;padding:11px 16px;border-radius:999px;border:1px solid #cfd6df;background:#fff;font-size:13px;font-weight:900}.btn.primary{color:#fff;border:0;background:linear-gradient(90deg,#147fec,#7e46e8)}
.main{max-width:1240px;margin:auto;padding:34px 24px 68px}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.sectionhead .eyebrow{color:#747e8b}.sectionhead h2{font-size:34px;margin:6px 0 0}.sectionhead p{margin:0;color:var(--muted)}
.strip{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:14px;margin-bottom:24px}.info{background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px 18px;box-shadow:var(--shadow)}.info .lab{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#78818d;font-weight:900}.info strong{display:block;margin-top:6px;font-size:20px}.info .sub{margin-top:5px;color:#737c88;font-size:13px}
.featuregrid{display:grid;grid-template-columns:1.17fr .83fr;gap:18px}.feature{position:relative;min-height:440px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);background:#151a22}.feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,15,.04) 25%,rgba(7,10,15,.86) 100%)}.fcopy{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;color:#fff}.fcopy .eyebrow{color:#d7dee7}.fcopy h3{font-size:36px;line-height:1.02;margin:7px 0 9px}.fcopy p{color:#e0e5eb;line-height:1.48;max-width:650px}
.side{display:grid;gap:14px}.sidecard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;box-shadow:var(--shadow)}.sidecard .eyebrow{color:#737d89}.sidecard h3{font-size:23px;margin:6px 0 8px}.sidecard p{color:var(--muted);line-height:1.5;margin:0}
.explore{margin-top:42px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.card img{width:100%;height:205px;object-fit:cover}.card.logo img{object-fit:contain;background:#eef2f6;padding:18px}.pad{padding:18px}.pad .eyebrow{color:#737d89}.pad h3{font-size:22px;margin:6px 0 8px}.pad p{color:var(--muted);line-height:1.47;margin:0}
.fanzone{margin-top:42px;border-radius:24px;background:linear-gradient(110deg,#fff,#edf4ff 47%,#f6efff);border:1px solid #d9e0ea;box-shadow:var(--shadow)}.faninner{padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.fancopy .eyebrow{color:#6d7580}.fancopy h2{font-size:36px;margin:7px 0 10px}.fancopy p{color:var(--muted);line-height:1.55;margin:0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{background:#fff;border:1px solid #d5dce5;border-radius:16px;padding:16px}.choice b{display:block;margin-bottom:5px}.choice span{color:#737c88;font-size:13px;line-height:1.4}
.footer{background:#0e141c;color:#cbd2dc;padding:26px 24px}.footerin{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center}.footer img{height:46px;max-width:260px;object-fit:contain}
@media(max-width:980px){.navlinks{display:none}.league-intro-inner,.showinner,.featuregrid,.faninner{grid-template-columns:1fr}.strip{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.league-intro p{text-align:left}}
@media(max-width:620px){.navlogo{max-width:220px}.cards,.choices{grid-template-columns:1fr}}

.showband{background:linear-gradient(180deg,#151b24 0%,#0e141d 100%);border-bottom:1px solid #242d39;color:#fff;position:relative;overflow:hidden}
.showstage{max-width:1240px;margin:auto;padding:28px 24px 22px;position:relative}
.showglow{position:absolute;border-radius:50%;filter:blur(46px);opacity:.28;pointer-events:none}
.showglow-left{width:360px;height:220px;background:#168bff;left:-80px;top:36px}
.showglow-right{width:360px;height:220px;background:#9d43ff;right:-90px;top:28px}
.show-logo-row{position:relative;z-index:2;display:flex;justify-content:center}
.herologo{width:min(860px,92%);max-height:275px;object-fit:contain;filter:drop-shadow(0 18px 35px rgba(0,0,0,.42))}
.show-message{position:relative;z-index:2;text-align:center;max-width:820px;margin:0 auto}
.show-message .eyebrow{color:#b9c5d3}
.show-message h2{font-size:40px;line-height:1.03;margin:2px 0 10px}
.show-message p{font-size:17px;line-height:1.56;color:#ccd5df;margin:0}
.show-actions{justify-content:center}
.show-rail{position:relative;z-index:2;margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.show-rail div{padding:15px 18px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}
.show-rail div:last-child{border-right:0}
.show-rail span{display:block;font-size:10px;letter-spacing:.16em;color:#8f9baa;font-weight:900;margin-bottom:5px}
.show-rail strong{font-size:14px;color:#f0f3f7}


.pulse-section{padding-top:4px}
.pulse-head{margin-bottom:20px}
.pulse-status{display:flex;align-items:center;gap:9px;color:#394351;font-size:13px}
.pulse-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(90deg,#168bff,#9d43ff);box-shadow:0 0 0 5px rgba(90,95,255,.08)}
.pulse-dashboard{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}
.pulse-primary{background:linear-gradient(135deg,#121923,#0c1118 62%,#161123);color:#fff;border-radius:24px;padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.pulse-primary:before{content:"";position:absolute;inset:auto -80px -100px auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(157,67,255,.25),transparent 68%)}
.pulse-kicker{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#9eabb9;font-weight:900}
.matchup-line{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:25px 0 22px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.12)}
.team-block{display:flex;align-items:center;gap:14px}
.team-block.right{justify-content:flex-end;text-align:right}
.team-abbr{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#1d2d3f,#233b52);border:1px solid rgba(255,255,255,.13);font-size:18px;font-weight:900}
.team-block.right .team-abbr{background:linear-gradient(145deg,#263026,#3a4335)}
.team-block span{display:block;color:#cbd3dc;font-size:13px;margin-bottom:4px}
.team-block strong{font-size:22px}
.versus{font-size:12px;color:#7f8a99;font-weight:900;letter-spacing:.14em}
.pulse-primary-copy h3{font-size:34px;line-height:1.02;margin:0 0 10px}
.pulse-primary-copy p{max-width:650px;color:#cbd3dc;line-height:1.5;margin:0}
.btn.dark{background:#1c2530;border-color:#384454;color:#fff}
.pulse-side{display:grid;gap:14px}
.pulse-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}
.pulse-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#7b8591;font-weight:900}
.pulse-card-top strong{font-size:10px;color:#414a56}
.pulse-card h3{font-size:22px;margin:8px 0 0}
.pulse-card p{color:var(--muted);line-height:1.45;font-size:14px;margin:10px 0 12px}
.pulse-card a{font-size:13px;font-weight:900;color:#315d9d}
.pulse-lower{display:grid;grid-template-columns:1.18fr .82fr;gap:18px;margin-top:18px}
.story-feature{position:relative;min-height:360px;border-radius:22px;overflow:hidden;background:#111821;box-shadow:var(--shadow)}
.story-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.story-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,14,.05) 20%,rgba(6,10,14,.88) 100%)}
.story-copy{position:absolute;left:26px;right:26px;bottom:24px;color:#fff}
.story-copy .eyebrow{color:#d4dbe4}
.story-copy h3{font-size:32px;margin:6px 0 8px}
.story-copy p{max-width:620px;margin:0 0 14px;color:#e0e6ed;line-height:1.47}
.btn.light{background:#fff;color:#18202a;border-color:#fff}
.quick-links{display:grid;gap:14px}
.quick-link{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow);display:block;transition:transform .15s ease,box-shadow .15s ease}
.quick-link:hover{transform:translateY(-2px)}
.quick-link span{display:block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#78828f;font-weight:900}
.quick-link strong{display:block;font-size:22px;margin:6px 0 5px}
.quick-link em{display:block;font-style:normal;color:var(--muted);font-size:14px;line-height:1.4}
@media(max-width:980px){.pulse-dashboard,.pulse-lower{grid-template-columns:1fr}}
@media(max-width:620px){.matchup-line{grid-template-columns:1fr;gap:12px}.versus{text-align:center}.team-block,.team-block.right{justify-content:flex-start;text-align:left}.pulse-primary-copy h3{font-size:29px}}


.team-logo-badge{width:86px;height:64px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:6px;box-sizing:border-box}
.team-logo-badge img{max-width:100%;max-height:100%;object-fit:contain}
.team-logo-badge.marshals{width:98px}
.result-row{display:grid;gap:6px;margin-top:10px}
.mini-team{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center}
.mini-logo{height:44px;border-radius:10px;background:#0d1320;padding:4px;display:grid;place-items:center}
.mini-logo.shadow{background:#0d0a14}
.mini-logo img{max-width:100%;max-height:100%;object-fit:contain}


.team-logo-badge{width:112px!important;height:78px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#121923!important;border:1px solid rgba(255,255,255,.12)!important;padding:7px!important;overflow:hidden!important}
.team-logo-badge.marshals{width:124px!important}
.team-logo-badge img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:9px!important}
.mini-logo{height:48px!important;width:66px!important;border-radius:10px!important;background:#111720!important;padding:4px!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.mini-logo.shadow{background:#0c0913!important}
.mini-logo img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:7px!important}
.mini-team{grid-template-columns:66px 1fr!important}
.team-worlds{padding-bottom:16px!important}
.team-logo-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:12px 0 10px}
.team-logo-strip img{width:100%;aspect-ratio:1.25/1;object-fit:contain;border-radius:8px;background:#111720;padding:3px}


/* Minor logo-fit refinement */
.team-logo-badge{
  width:126px!important;
  height:92px!important;
  padding:11px!important;
}
.team-logo-badge.marshals{
  width:138px!important;
  height:92px!important;
}
.team-logo-badge img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
.team-logo-strip{
  grid-template-columns:repeat(5,1fr)!important;
  gap:10px!important;
}
.team-logo-strip img{
  aspect-ratio:auto!important;
  height:92px!important;
  width:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:8px!important;
  box-sizing:border-box!important;
  background:#111720!important;
  border-radius:9px!important;
}


/* Fix the latest-result logos/text on mobile */
.pulse-side .pulse-card:first-child{
  overflow:hidden;
}
.pulse-side .pulse-card:first-child .result-row{
  gap:10px;
}
.pulse-side .pulse-card:first-child .mini-team{
  display:grid;
  grid-template-columns:78px minmax(0,1fr) !important;
  gap:12px;
  align-items:center;
}
.pulse-side .pulse-card:first-child .mini-logo{
  width:78px !important;
  height:58px !important;
  padding:5px !important;
}
.pulse-side .pulse-card:first-child .mini-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}
.pulse-side .pulse-card:first-child .mini-team h3{
  margin:0 !important;
  font-size:clamp(17px,4.6vw,18px) !important;
  line-height:1.05 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

@media (max-width: 700px){
  .pulse-side .pulse-card:first-child{
    padding:18px 16px !important;
  }
  .pulse-side .pulse-card:first-child .mini-team{
    grid-template-columns:88px minmax(0,1fr) !important;
    gap:14px !important;
  }
  .pulse-side .pulse-card:first-child .mini-logo{
    width:88px !important;
    height:66px !important;
    border-radius:12px !important;
  }
  .pulse-side .pulse-card:first-child .mini-team h3{
    font-size:clamp(15px,5.2vw,17px) !important;
    line-height:1.06 !important;
  }
}

@media (max-width: 420px){
  .pulse-side .pulse-card:first-child .mini-team{
    grid-template-columns:92px minmax(0,1fr) !important;
  }
  .pulse-side .pulse-card:first-child .mini-logo{
    width:92px !important;
    height:70px !important;
  }
  .pulse-side .pulse-card:first-child .mini-team h3{
    font-size:15px !important;
  }
}


.findteam{padding:18px 0 8px}
.findteam-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch}
.findteam-left{display:grid;gap:18px}
.find-card{
  background:#fff;border:1px solid #d8e0eb;border-radius:24px;padding:22px;
  box-shadow:0 8px 24px rgba(16,24,40,.05)
}
.find-card h3{margin:6px 0 10px;font-size:1.45rem;line-height:1.1}
.find-card p{margin:0;color:#5d6978}
.find-button{
  display:inline-flex;align-items:center;justify-content:center;
  margin-top:16px;padding:14px 22px;border:none;border-radius:999px;cursor:pointer;
  font-weight:800;font-size:1rem;color:#fff;
  background:linear-gradient(90deg,#2d8cff,#9253ff)
}
.find-note{margin-top:10px;color:#8190a3;font-size:.9rem}
.fit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.fit-chip{
  text-align:left;background:#f5f7fb;border:1px solid #dce5f0;border-radius:16px;
  padding:13px 14px;cursor:pointer;color:#122033;font-weight:700
}
.fit-chip span{display:block;font-size:.84rem;font-weight:500;color:#6b7788;margin-top:4px}
.fit-chip.active{border-color:#4f82ff;background:#eef4ff;box-shadow:0 0 0 3px rgba(79,130,255,.12)}
.team-result{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#0b1322,#121a2b 65%, #23153c);
  color:#fff;border-radius:28px;padding:24px;border:1px solid rgba(255,255,255,.08);
  min-height:100%
}
.team-result:before{
  content:"";position:absolute;inset:auto -80px -110px auto;width:280px;height:280px;
  background:radial-gradient(circle,var(--accent2, #8b5cf6), transparent 70%);opacity:.25;pointer-events:none
}
.team-result:after{
  content:"";position:absolute;inset:-70px auto auto -70px;width:240px;height:240px;
  background:radial-gradient(circle,var(--accent1, #3b82f6), transparent 70%);opacity:.22;pointer-events:none
}
.result-inner{position:relative;z-index:1}
.result-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.result-kicker{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:#bac6d8;font-weight:800}
.result-pill{font-size:.78rem;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.09);color:#dfe7f4}
.result-logo{
  margin:16px 0 14px;width:100%;height:200px;border-radius:20px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);
  display:grid;place-items:center;padding:12px;overflow:hidden
}
.result-logo img{max-width:100%;max-height:100%;object-fit:contain}
.team-result h3{margin:0;font-size:2rem;line-height:1.05}
.team-line{margin:12px 0 16px;color:#dde6f4;font-size:1.06rem;line-height:1.45}
.result-meta{display:grid;gap:12px}
.meta-box{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);
  border-radius:18px;padding:14px
}
.meta-box span{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:#b9c6da;font-weight:800;margin-bottom:6px}
.meta-box strong{display:block;font-size:1rem;line-height:1.35;color:#fff}
.result-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.result-cta a{
  text-decoration:none;border-radius:999px;padding:12px 16px;font-weight:800
}
.result-cta a.primary{background:#fff;color:#101827}
.result-cta a.secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.12)}
@media (max-width:900px){
  .findteam-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .fit-grid{grid-template-columns:1fr}
  .team-result h3{font-size:1.8rem}
  .result-logo{height:180px}
}


/* Fix Find Your Team logo cropping */
.team-result .result-logo{
  height:260px !important;
  min-height:260px !important;
  padding:18px !important;
  overflow:hidden !important;
}
.team-result .result-logo img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
}
@media (max-width: 900px){
  .team-result .result-logo{
    height:240px !important;
    min-height:240px !important;
    padding:16px !important;
  }
}
@media (max-width: 640px){
  .team-result .result-logo{
    height:220px !important;
    min-height:220px !important;
    padding:14px !important;
  }
}


/* Canonical safe-logo treatment: all team art is pre-padded to the same canvas */
.team-result .result-logo{
  width:100% !important;
  height:auto !important;
  aspect-ratio: 1000 / 650 !important;
  min-height:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#0c121b !important;
}
.team-result .result-logo img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:0 !important;
}


.team-result .result-logo{
  aspect-ratio: 16 / 10 !important;
  background:#0b111a !important;
}
.team-result .result-logo img{
  object-fit:contain !important;
}


/* Latest Result wordmark protection */
.pulse-side .pulse-card:first-child .mini-team{
  grid-template-columns: 96px minmax(0,1fr) !important;
  gap: 14px !important;
}
.pulse-side .pulse-card:first-child .mini-logo{
  width: 96px !important;
  height: 68px !important;
  padding: 4px !important;
  border-radius: 12px !important;
  background: #0d1420 !important;
}
.pulse-side .pulse-card:first-child .mini-logo.shadow{
  background: #120d1f !important;
}
.pulse-side .pulse-card:first-child .mini-logo img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
}
@media (max-width: 700px){
  .pulse-side .pulse-card:first-child .mini-team{
    grid-template-columns: 100px minmax(0,1fr) !important;
    gap: 14px !important;
  }
  .pulse-side .pulse-card:first-child .mini-logo{
    width: 100px !important;
    height: 72px !important;
  }
}


/* Find Your Team interaction polish */
.find-card{transition:transform .18s ease, box-shadow .18s ease}
.find-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(16,24,40,.09)}
.find-button{
  position:relative;overflow:hidden;
  box-shadow:0 10px 22px rgba(74,104,255,.22);
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease
}
.find-button:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(74,104,255,.28)}
.find-button:active{transform:translateY(1px)}
.find-button.spinning{pointer-events:none;filter:saturate(1.15)}
.find-button.spinning:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.28) 45%,transparent 70%);
  animation:buttonSweep .7s linear infinite
}
@keyframes buttonSweep{from{transform:translateX(-110%)}to{transform:translateX(110%)}}

.fit-chip{transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}
.fit-chip:hover{transform:translateY(-1px);border-color:#afbdd2}
.fit-chip.active{
  border-color:#5683ff!important;background:#edf3ff!important;
  box-shadow:0 0 0 3px rgba(86,131,255,.13)!important
}
.fit-chip.active:before{content:"✓ ";color:#336dff;font-weight:900}

.team-result{transition:box-shadow .22s ease,transform .22s ease}
.team-result.result-hit{
  animation:resultHit .52s ease;
  box-shadow:0 20px 52px rgba(74,77,255,.20)
}
@keyframes resultHit{
  0%{transform:scale(.985);filter:brightness(.92)}
  55%{transform:scale(1.012);filter:brightness(1.07)}
  100%{transform:scale(1);filter:brightness(1)}
}

.result-top{margin-bottom:2px}
.result-pill{transition:background .2s ease,color .2s ease}
.result-logo{transition:opacity .16s ease,transform .2s ease}
.team-result.loading .result-logo{opacity:.55;transform:scale(.985)}
.team-result.loading h3,.team-result.loading .team-line{opacity:.72}

.result-button{
  border-radius:999px;padding:12px 16px;font-weight:800;cursor:pointer;
  background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.12);
  font-family:inherit;font-size:inherit
}
.result-button:hover{background:rgba(255,255,255,.13)}

.randomizer-readout{
  margin-top:14px;min-height:24px;font-weight:800;color:#334155;font-size:.95rem
}
.randomizer-readout span{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 11px;border-radius:999px;background:#f2f5fa;border:1px solid #dde5ef
}
.randomizer-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(90deg,#2d8cff,#9253ff)}

.choice-helper{
  margin-top:12px;padding:10px 12px;border-radius:14px;background:#f7f9fc;color:#6d7888;
  font-size:.9rem;border:1px solid #e2e8f0
}

@media(max-width:640px){
  .find-card{padding:18px}
  .result-cta{display:grid;grid-template-columns:1fr 1fr}
  .result-cta a,.result-cta button{width:100%;text-align:center}
}


.all-teams{margin-top:46px}
.all-teams-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px
}
.team-explore-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  overflow:hidden;
  box-shadow:var(--shadow);
  transition:transform .16s ease,box-shadow .16s ease
}
.team-explore-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 38px rgba(20,29,40,.13)
}
.team-explore-logo{
  height:170px;
  background:#111720;
  display:grid;
  place-items:center;
  padding:12px;
  border-bottom:1px solid #27313e
}
.team-explore-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  border-radius:8px
}
.team-explore-body{padding:16px}
.team-explore-body h3{
  margin:0 0 7px;
  font-size:20px;
  line-height:1.08
}
.team-explore-body p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.45;
  min-height:62px
}
.team-explore-link{
  display:inline-block;
  margin-top:12px;
  font-weight:900;
  font-size:13px;
  color:#315d9d
}
@media(max-width:1080px){
  .all-teams-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .all-teams-grid{
    display:flex;
    overflow-x:auto;
    gap:14px;
    padding-bottom:8px;
    scroll-snap-type:x mandatory
  }
  .team-explore-card{
    flex:0 0 82%;
    scroll-snap-align:start
  }
  .team-explore-logo{height:190px}
}


/* Uniform homepage team-logo cards */
.team-explore-logo{
  height:170px !important;
  min-height:170px !important;
  max-height:170px !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#111720 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.team-explore-logo img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
}
.team-explore-body{
  position:relative !important;
  z-index:2 !important;
  background:#fff !important;
}
@media(max-width:640px){
  .team-explore-logo{
    height:190px !important;
    min-height:190px !important;
    max-height:190px !important;
  }
}


/* ---------- QA VISUAL POLISH v20 ---------- */

/* Keep content widths and section rhythm consistent */
.shell,
.league-intro-inner,
.show-stage-inner,
.pulse-section,
.find-section,
.all-teams-section{
  width:min(1240px,calc(100% - 48px));
  margin-left:auto;
  margin-right:auto;
}

.sectionhead{
  align-items:flex-end;
}
.sectionhead h2{
  line-height:1.02;
}
.sectionhead p{
  max-width:520px;
  line-height:1.45;
}

/* Team cards: equal heights and consistent title/body rhythm */
.all-teams-grid{
  align-items:stretch;
}
.team-explore-card{
  height:100%;
  display:flex;
  flex-direction:column;
}
.team-explore-body{
  display:flex;
  flex:1;
  flex-direction:column;
  min-height:176px;
}
.team-explore-body h3{
  min-height:44px;
  display:flex;
  align-items:flex-end;
}
.team-explore-body p{
  min-height:82px;
}
.team-explore-link{
  margin-top:auto;
  padding-top:10px;
}

/* Finder cards should align visually even when copy lengths differ */
.find-grid,
.find-layout{
  align-items:stretch;
}
.find-card{
  height:100%;
}
.fit-grid{
  align-content:start;
}
.fit-chip{
  min-height:74px;
  text-align:left;
}
.fit-chip span{
  line-height:1.25;
}

/* League Pulse: better wrapping and no accidental overflow */
.pulse-primary,
.pulse-card{
  min-width:0;
}
.pulse-primary-copy h3,
.pulse-card h3{
  overflow-wrap:anywhere;
}
.result-row,
.mini-team{
  min-width:0;
}

/* Reduce visual noise on small screens */
@media(max-width:1080px){
  .all-teams-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .team-explore-body h3{
    min-height:auto;
  }
  .team-explore-body p{
    min-height:62px;
  }
}

@media(max-width:640px){
  .shell,
  .league-intro-inner,
  .show-stage-inner,
  .pulse-section,
  .find-section,
  .all-teams-section{
    width:min(100% - 28px,1240px);
  }

  .sectionhead{
    display:block !important;
  }
  .sectionhead p{
    margin-top:10px !important;
  }

  /* Mobile cards remain a swipe rail, but with consistent readable width */
  .all-teams-grid{
    display:flex !important;
    overflow-x:auto !important;
    gap:14px !important;
    padding:2px 2px 12px !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch;
  }
  .team-explore-card{
    flex:0 0 min(84vw,330px) !important;
    scroll-snap-align:start !important;
  }
  .team-explore-body{
    min-height:0;
  }
  .team-explore-body h3{
    min-height:0;
    font-size:19px;
  }
  .team-explore-body p{
    min-height:0;
    font-size:13.5px;
  }

  .find-card{
    border-radius:20px;
  }
  .fit-grid{
    grid-template-columns:1fr !important;
  }
  .fit-chip{
    min-height:64px;
  }

  .pulse-primary{
    padding:22px !important;
  }
  .pulse-primary-copy h3{
    font-size:27px !important;
  }
}

/* Small-phone protection */
@media(max-width:390px){
  .team-explore-card{
    flex-basis:86vw !important;
  }
  .navbrand img{
    max-width:175px !important;
  }
}



/* ---------- V3 DEVICE QA FIXES ---------- */
.footerin p{margin:0;color:#8f9aa8}
.footerin strong{color:#f0f3f7}
@media(max-width:640px){.footerin{display:block}.footerin p{margin-top:8px}}

.pulse-utility-links{display:flex;gap:8px;margin-left:auto}
.pulse-utility-links a{font-size:11px;font-weight:900;padding:8px 10px;border:1px solid #d8dfe7;border-radius:999px;background:#fff;color:#273342;text-decoration:none}
@media(max-width:760px){.pulse-utility-links{width:100%;margin:12px 0 0;flex-wrap:wrap}.pulse-utility-links a{flex:1 1 30%;text-align:center}}


/* ---------- V8 UNIFIED MOBILE GLOBAL NAV ---------- */
@media(max-width:760px){
  .navin{
    height:auto !important;
    min-height:76px;
    flex-wrap:wrap;
    gap:8px !important;
    padding:9px 14px 8px !important;
  }
  .navbrand{width:100%;margin:0 !important;display:flex;align-items:center}
  .navlogo{height:40px !important;max-width:170px !important}
  .navlinks{
    display:flex !important;
    width:100%;
    gap:7px !important;
    overflow-x:auto;
    white-space:nowrap;
    padding:1px 0 5px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .navlinks::-webkit-scrollbar{display:none}
  .navlinks a,
  .navlinks a:not(.home-link),
  .navlinks .back{
    display:inline-flex !important;
    flex:0 0 auto;
    align-items:center;
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    padding:7px 9px;
    font-size:11px !important;
    line-height:1;
  }
}
.full-randomizer-link{display:inline-flex;margin-top:12px;color:#cfe0ff;font-size:.86rem;font-weight:800;text-decoration:none;letter-spacing:.01em}
.full-randomizer-link:hover{text-decoration:underline}


/* v13D — claimed team homepage panel */
.claimed-home{max-width:1180px;margin:34px auto 0;padding:0 22px}.claimed-home-inner{display:grid;grid-template-columns:150px 1fr 220px;gap:26px;align-items:center;padding:24px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:radial-gradient(circle at 10% 15%,rgba(72,125,255,.13),transparent 28%),linear-gradient(145deg,rgba(17,25,39,.98),rgba(9,14,23,.99));box-shadow:0 20px 58px rgba(0,0,0,.24)}.claimed-team-logo{height:132px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.026);border:1px solid rgba(255,255,255,.08)}.claimed-team-logo img{max-width:112px;max-height:108px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.38))}.claimed-home-copy h2{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1;margin:6px 0 8px}.claimed-home-copy>p{color:#98a8bc;margin:0 0 14px}.claimed-home-meta{display:flex;flex-wrap:wrap;gap:9px}.claimed-home-meta span{min-width:110px;padding:8px 10px;border-radius:11px;background:rgba(255,255,255,.027);border:1px solid rgba(255,255,255,.07)}.claimed-home-meta small{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:.52rem;color:#7e8da2;margin-bottom:3px}.claimed-home-meta strong{font-size:.78rem}.claimed-home-actions{display:grid;gap:8px}.claimed-home-actions a,.claimed-home-actions button{display:grid;place-items:center;min-height:43px;border-radius:11px;text-decoration:none;font-size:.78rem;font-weight:850;cursor:pointer}.claimed-home-actions .primary{border:0;color:#fff;background:linear-gradient(90deg,#2d8cff,#8855ff)}.claimed-home-actions .secondary{appearance:none;color:#d9e6f7;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.11)}
@media(max-width:760px){.claimed-home{padding:0 14px}.claimed-home-inner{grid-template-columns:100px 1fr}.claimed-team-logo{height:100px}.claimed-team-logo img{max-width:84px;max-height:82px}.claimed-home-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:480px){.claimed-home-inner{grid-template-columns:1fr;text-align:center}.claimed-team-logo{width:110px;margin:auto}.claimed-home-meta{justify-content:center}.claimed-home-actions{grid-template-columns:1fr}}