/* AdvanceScores release enhancements — 2026.07.26.5 */
:root {
  color-scheme: light;
}

html.dark { color-scheme: dark; }

/* Contrast and typography audit */
body.adv-body { color: #102535; }
body.adv-body a { text-underline-offset: .2em; }
.dark body.adv-body { color: #edf5fa; }
.adv-body p,
.adv-body li { text-wrap: pretty; }
.adv-body .text-navy-400 { color: #667d8d; }
.adv-body .text-navy-500 { color: #496879; }
.dark .adv-body .text-navy-400 { color: #9fb3c1; }
.dark .adv-body .text-navy-500 { color: #b6c7d2; }
.dark .adv-body .text-navy-600 { color: #c7d6df; }

/* New homepage command-centre hero */
.as-home-hero-v2 {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(9,35,52,.08);
  background:
    radial-gradient(circle at 76% 12%, rgba(69,204,255,.25), transparent 22rem),
    radial-gradient(circle at 8% 18%, rgba(101,88,245,.22), transparent 28rem),
    linear-gradient(135deg,#f9fbff 0%,#edf5fc 54%,#eef1ff 100%);
}
.as-home-hero-v2::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.35;
  background-image:linear-gradient(rgba(15,56,77,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,56,77,.05) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,#000,transparent 88%);
}
.dark .as-home-hero-v2 {
  border-color:rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 76% 12%,rgba(41,211,255,.18),transparent 23rem),
    radial-gradient(circle at 8% 18%,rgba(101,88,245,.24),transparent 29rem),
    linear-gradient(135deg,#071b29 0%,#07131f 58%,#111a3b 100%);
}
.as-home-command-grid {
  position:relative;
  z-index:1;
  display:grid;
  gap:clamp(1.5rem,4vw,3.5rem);
  align-items:center;
}
@media(min-width:1024px){.as-home-command-grid{grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr)}}
.as-home-command-copy h1 {
  max-width:760px;
  margin-top:1rem;
  color:#081d2a;
  font-family:var(--font-display);
  font-size:clamp(2.65rem,6vw,5.4rem);
  font-weight:950;
  letter-spacing:-.06em;
  line-height:.94;
}
.dark .as-home-command-copy h1 { color:#fff; }
.as-home-command-copy>p {
  max-width:710px;
  margin-top:1.35rem;
  color:#3f6476;
  font-size:clamp(1rem,1.8vw,1.2rem);
  line-height:1.8;
}
.dark .as-home-command-copy>p { color:#c4d5df; }
.as-home-command-metrics {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.7rem;
  margin-top:1.6rem;
}
.as-home-command-metrics article {
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.25rem .55rem;
  align-items:center;
  min-width:0;
  border:1px solid rgba(11,44,62,.09);
  border-radius:1.25rem;
  background:rgba(255,255,255,.72);
  padding:.9rem;
  box-shadow:0 14px 30px rgba(8,31,47,.06);
  backdrop-filter:blur(12px);
}
.dark .as-home-command-metrics article { border-color:rgba(255,255,255,.08); background:rgba(13,38,54,.72); }
.as-home-command-metric-icon { grid-row:1/3; color:var(--as-primary); font-size:.8rem; }
.as-home-command-metrics strong { color:#0a2636; font-family:var(--font-display); font-size:1.45rem; line-height:1; }
.dark .as-home-command-metrics strong { color:white; }
.as-home-command-metrics small { overflow:hidden; color:#597586; font-size:.63rem; font-weight:900; letter-spacing:.08em; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.dark .as-home-command-metrics small { color:#adc0cc; }
.as-home-command-board {
  overflow:hidden;
  border:1px solid rgba(9,35,52,.1);
  border-radius:2rem;
  background:rgba(255,255,255,.88);
  box-shadow:0 28px 70px rgba(8,31,47,.15);
  backdrop-filter:blur(18px);
}
.dark .as-home-command-board { border-color:rgba(255,255,255,.09); background:rgba(7,25,37,.9); }
.as-home-command-board__head { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; padding:1.25rem 1.35rem .9rem; }
.as-home-command-board__head h2 { margin-top:.25rem; color:#0a2636; font-family:var(--font-display); font-size:1.25rem; font-weight:900; }
.dark .as-home-command-board__head h2 { color:#fff; }
.as-home-command-board__head>a { color:var(--as-primary); font-size:.75rem; font-weight:900; }
.as-home-command-board__live { display:grid; gap:.7rem; padding:.2rem 1rem 1rem; }
.as-home-command-board__quick { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid rgba(9,35,52,.08); }
.dark .as-home-command-board__quick { border-color:rgba(255,255,255,.08); }
.as-home-command-board__quick a { position:relative; display:flex; min-width:0; flex-direction:column; padding:1rem; border-right:1px solid rgba(9,35,52,.07); }
.dark .as-home-command-board__quick a { border-color:rgba(255,255,255,.07); }
.as-home-command-board__quick a:last-child { border-right:0; }
.as-home-command-board__quick span { color:#698392; font-size:.62rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.as-home-command-board__quick strong { margin-top:.25rem; overflow:hidden; color:#102a39; font-size:.78rem; text-overflow:ellipsis; white-space:nowrap; }
.dark .as-home-command-board__quick strong { color:#fff; }
.as-home-command-board__quick b { position:absolute; top:1rem; right:.8rem; color:var(--as-primary); }
.as-home-command-empty { padding:2rem; color:#6d8390; text-align:center; }

/* Match analysis hub */
.as-analysis-hero,.as-category-hero,.as-clubs-hero {
  border-bottom:1px solid rgba(9,35,52,.08);
  background:
    radial-gradient(circle at 84% 14%,rgba(41,211,255,.13),transparent 18rem),
    radial-gradient(circle at 12% 10%,rgba(101,88,245,.12),transparent 22rem),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(242,247,252,.96));
}
.dark .as-analysis-hero,.dark .as-category-hero,.dark .as-clubs-hero { border-color:rgba(255,255,255,.08); background:linear-gradient(180deg,#0a2434,#071925); }
.as-analysis-notice {
  display:flex;
  gap:1rem;
  border:1px solid rgba(101,88,245,.18);
  border-radius:1.45rem;
  background:linear-gradient(135deg,rgba(101,88,245,.09),rgba(41,211,255,.07));
  padding:1.15rem;
}
.as-analysis-notice__icon { display:flex; width:2.4rem; height:2.4rem; flex:0 0 auto; align-items:center; justify-content:center; border-radius:.85rem; background:var(--as-primary); color:white; font-weight:900; }
.as-analysis-notice h2 { color:#102a39; font-family:var(--font-display); font-weight:900; }
.as-analysis-notice p { margin-top:.25rem; color:#4d6d7d; font-size:.82rem; line-height:1.65; }
.dark .as-analysis-notice h2 { color:white; }.dark .as-analysis-notice p { color:#bfd0da; }
.as-analysis-filter { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem; border:1px solid rgba(9,35,52,.08); border-radius:1.55rem; background:rgba(255,255,255,.86); padding:1.2rem; box-shadow:0 14px 36px rgba(5,22,35,.07); }
.dark .as-analysis-filter { border-color:rgba(255,255,255,.08); background:rgba(8,27,40,.9); }
.as-home-analysis-hub { border-radius:1.8rem; background:linear-gradient(135deg,rgba(101,88,245,.06),rgba(41,211,255,.05)); padding:clamp(1rem,3vw,1.6rem); }
.as-home-analysis-section { border:1px solid rgba(9,35,52,.08); border-radius:1.45rem; background:rgba(255,255,255,.86); padding:1rem; }
.dark .as-home-analysis-section { border-color:rgba(255,255,255,.08); background:rgba(8,27,40,.86); }
.as-home-analysis-section__head { display:flex; align-items:flex-start; justify-content:space-between; gap:.8rem; }
.as-home-analysis-section__head h3 { margin-top:.25rem; color:#102a39; font-family:var(--font-display); font-weight:900; }
.dark .as-home-analysis-section__head h3 { color:#fff; }
.as-home-analysis-section__head>a { color:var(--as-primary); font-size:.72rem; font-weight:900; white-space:nowrap; }
.as-analysis-card { position:relative; overflow:hidden; border:1px solid rgba(9,35,52,.08); border-radius:1.35rem; background:linear-gradient(180deg,#fff,#f6f9fd); padding:1rem; box-shadow:0 12px 28px rgba(5,22,35,.06); }
.dark .as-analysis-card { border-color:rgba(255,255,255,.08); background:linear-gradient(180deg,#0b2a3c,#071b28); }
.as-analysis-card__head { display:flex; align-items:center; justify-content:space-between; gap:.7rem; color:#6a8493; font-size:.66rem; font-weight:900; text-transform:uppercase; }
.as-analysis-card__teams { display:grid; gap:.65rem; margin-top:.85rem; }
.as-analysis-card__team { display:grid; grid-template-columns:1.75rem minmax(0,1fr) auto; align-items:center; gap:.55rem; min-width:0; }
.as-analysis-card__team img { width:1.75rem; height:1.75rem; object-fit:contain; }
.as-analysis-card__team strong { overflow:hidden; color:#102a39; text-overflow:ellipsis; white-space:nowrap; }
.dark .as-analysis-card__team strong { color:#fff; }
.as-count-pill { display:inline-flex; border-radius:999px; background:var(--as-primary-soft); padding:.5rem .8rem; color:var(--as-primary); font-size:.72rem; font-weight:900; }

/* Clubs and follow controls */
.as-club-search { display:flex; align-items:center; gap:.6rem; min-width:min(100%,420px); border:1px solid rgba(9,35,52,.1); border-radius:999px; background:white; padding:.45rem .5rem .45rem .9rem; box-shadow:0 10px 24px rgba(5,22,35,.06); }
.dark .as-club-search { border-color:rgba(255,255,255,.1); background:#0b2a3c; }
.as-club-search svg { width:1.1rem; color:#718998; }.as-club-search input { min-width:0; flex:1; border:0; background:transparent; color:#102a39; outline:0; }.dark .as-club-search input { color:white; }
.as-club-search button { border-radius:999px; background:var(--as-primary); padding:.65rem .9rem; color:white; font-size:.72rem; font-weight:900; }
.as-club-card { position:relative; overflow:hidden; min-height:14rem; border:1px solid rgba(9,35,52,.08); border-radius:1.45rem; background:linear-gradient(180deg,#fff,#f5f9fd); padding:1.1rem; box-shadow:0 14px 30px rgba(5,22,35,.06); }
.dark .as-club-card { border-color:rgba(255,255,255,.08); background:linear-gradient(180deg,#0b2a3c,#071b28); }
.as-club-card__head { position:relative; z-index:20; display:flex; align-items:flex-start; justify-content:space-between; gap:.8rem; }
.as-club-card__crest { display:flex; width:4rem; height:4rem; align-items:center; justify-content:center; border-radius:1.25rem; background:#edf3f8; }.dark .as-club-card__crest { background:#123548; }
.as-club-card__crest img { width:3rem; height:3rem; object-fit:contain; }
.as-club-card h2 { margin-top:1rem; color:#102a39; font-family:var(--font-display); font-size:1.05rem; font-weight:900; }.dark .as-club-card h2{color:white}
.as-club-card p { margin-top:.35rem; color:#617d8d; font-size:.76rem; line-height:1.55; }
.as-club-card>span { position:absolute; left:1.1rem; bottom:1.1rem; color:var(--as-primary); font-size:.72rem; font-weight:900; }
.as-team-follow { position:relative; z-index:30; display:inline-flex; min-height:2.45rem; align-items:center; justify-content:center; gap:.45rem; border:0; border-radius:999px; background:#edf3f8; padding:.55rem .8rem; color:#456779; font-size:.72rem; font-weight:900; cursor:pointer; }
.dark .as-team-follow { background:#123548; color:#c4d6e0; }
.as-team-follow svg { width:1.05rem; height:1.05rem; }
.as-team-follow.is-compact { width:2.45rem; padding:0; }
.as-team-follow.is-following { background:var(--as-primary-soft); color:var(--as-primary); }
.as-team-follow.is-following svg { fill:currentColor; }

/* Preview upvote and share */
.as-preview-upvote { display:inline-flex; min-height:2.8rem; align-items:center; justify-content:center; gap:.55rem; border:1px solid rgba(101,88,245,.22); border-radius:999px; background:rgba(255,255,255,.88); padding:.7rem 1rem; color:var(--as-primary); font-size:.78rem; font-weight:900; box-shadow:0 10px 24px rgba(5,22,35,.06); }
.dark .as-preview-upvote { background:rgba(14,39,55,.9); }
.as-preview-upvote svg { width:1.15rem; height:1.15rem; }
.as-preview-upvote strong { display:inline-flex; min-width:1.35rem; height:1.35rem; align-items:center; justify-content:center; border-radius:999px; background:var(--as-primary-soft); font-size:.65rem; }
.as-preview-upvote.is-upvoted { border-color:transparent; background:var(--as-primary); color:white; }
.as-preview-upvote.is-upvoted strong { background:rgba(255,255,255,.18); }
.as-match-centre-action.is-copied::after { content:"Copied"; position:absolute; top:calc(100% + .45rem); right:0; border-radius:.55rem; background:#fff; padding:.35rem .5rem; color:#102a39; font-size:.65rem; font-weight:900; }

/* Keep form next to a truncated team name on every viewport */
.as-scorecard__team,
.fixture-list-team { min-width:0; }
.as-scorecard__team-name,
.fixture-list-team__name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.as-scorecard__form,
.fixture-list-team__form { display:inline-flex !important; flex:0 0 auto; justify-self:end; white-space:nowrap; }
@media(max-width:767px){
  .as-scorecard__team { grid-template-columns:1.55rem minmax(0,1fr) auto auto !important; gap:.35rem !important; }
  .as-scorecard__team-name { font-size:.77rem; }
  .as-scorecard__form b { width:.92rem !important; height:.92rem !important; font-size:.43rem !important; }
  .as-scorecard__form b:nth-child(n+4),.fixture-list-team__form b:nth-child(n+4){display:none}
  .fixture-list-team { grid-template-columns:1.2rem minmax(0,1fr) auto auto !important; gap:.3rem !important; }
  .fixture-list-team__name { font-size:.74rem; }
  .fixture-list-team__form b { width:.9rem!important;height:.9rem!important;font-size:.42rem!important; }
}
@media(max-width:430px){
  .as-scorecard__form b:nth-child(n+3),.fixture-list-team__form b:nth-child(n+3){display:none}
}

/* Calendar always floats above cards and is never clipped */
.as-analysis-filter .relative,.as-category-hero .relative { z-index:45; }
.as-analysis-filter [x-show="open"],.as-category-hero [x-show="open"] { z-index:120 !important; }

/* Responsive refinements */
@media(max-width:640px){
  .as-home-command-metrics { grid-template-columns:1fr 1fr; }
  .as-home-command-metrics article:last-child { grid-column:1/-1; }
  .as-home-command-board__quick { grid-template-columns:1fr; }
  .as-home-command-board__quick a { border-right:0; border-bottom:1px solid rgba(9,35,52,.07); }
  .as-home-command-board__quick a:last-child { border-bottom:0; }
  .as-analysis-filter { align-items:stretch; }
  .as-analysis-filter>div,.as-analysis-filter .relative { width:100%; }
  .as-analysis-filter button { width:100%; justify-content:space-between; }
}

/* ========================================================================
   AdvanceScores production refinements — 2026.07.26.6
   ======================================================================== */

/* True modal date picker: teleported to body, centered, scroll-safe and never clipped. */
.as-date-modal {
  position:fixed;
  inset:0;
  z-index:10000;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow-y:auto;
  padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));
  background:rgba(2,11,18,.62);
  backdrop-filter:blur(10px);
}
.as-date-modal__panel {
  width:min(100%,25rem);
  max-height:calc(100dvh - 2rem);
  overflow-y:auto;
  border:1px solid rgba(9,35,52,.11);
  border-radius:1.65rem;
  background:#fff;
  padding:1.15rem;
  color:#102a39;
  box-shadow:0 30px 80px rgba(2,11,18,.32);
}
.dark .as-date-modal__panel { border-color:rgba(255,255,255,.1); background:#092333; color:#fff; }
@media(max-width:480px){.as-date-modal{align-items:flex-end;padding:.65rem}.as-date-modal__panel{width:100%;border-radius:1.5rem 1.5rem .9rem .9rem}}

/* Match Pulse carousel arrows remain visible even when the match track is long. */
.as-pulsebar__arrow {
  display:inline-flex;
  width:1.9rem;
  height:1.9rem;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:.72rem;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-weight:900;
  transition:background .18s ease,transform .18s ease;
}
.as-pulsebar__arrow:hover { background:rgba(255,255,255,.13); transform:translateY(-1px); }

/* New compact breadcrumb ribbon. */
.as-breadcrumb-zone { border-bottom:1px solid rgba(9,35,52,.06); background:linear-gradient(90deg,rgba(94,92,230,.055),rgba(32,212,255,.045)); }
.dark .as-breadcrumb-zone { border-color:rgba(255,255,255,.06); background:linear-gradient(90deg,rgba(94,92,230,.09),rgba(32,212,255,.045)); }
.as-breadcrumb-trail { display:flex; width:min(100% - 2rem,80rem); min-height:3.35rem; margin-inline:auto; align-items:center; gap:.25rem; overflow-x:auto; padding:.55rem 0; scrollbar-width:none; }
.as-breadcrumb-trail::-webkit-scrollbar{display:none}
.as-breadcrumb-chip { display:inline-flex; min-height:2.1rem; max-width:min(22rem,70vw); flex:0 0 auto; align-items:center; gap:.4rem; border-radius:.8rem; padding:.42rem .7rem; color:#527184; font-size:.72rem; font-weight:850; white-space:nowrap; }
.as-breadcrumb-chip span { overflow:hidden; text-overflow:ellipsis; }
.as-breadcrumb-chip:hover { background:rgba(255,255,255,.68); color:var(--as-primary); }
.dark .as-breadcrumb-chip { color:#b9cbd6; }.dark .as-breadcrumb-chip:hover{background:rgba(255,255,255,.06);color:#fff}
.as-breadcrumb-chip.is-home { width:2.1rem; justify-content:center; background:var(--as-primary); color:#fff; box-shadow:0 8px 18px rgba(94,92,230,.22); }
.as-breadcrumb-chip.is-home svg { width:1rem; height:1rem; }
.as-breadcrumb-chip.is-current { background:var(--as-primary-soft); color:var(--as-primary); }
.as-breadcrumb-separator { display:inline-flex; width:1.2rem; flex:0 0 auto; align-items:center; justify-content:center; color:#9bb0bd; }.as-breadcrumb-separator svg{width:.8rem;height:.8rem}

/* Dedicated footer mobile-app widget. */
.as-site-footer { border-top:1px solid rgba(9,35,52,.08); background:rgba(255,255,255,.9); }
.dark .as-site-footer { border-color:rgba(255,255,255,.08); background:rgba(3,15,24,.96); }
.as-site-footer a { transition:color .18s ease; }.as-site-footer li a:hover{color:var(--as-primary)}
.as-footer-app-widget { position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.72fr); min-height:18rem; margin-top:2.5rem; overflow:hidden; border-radius:2rem; background:radial-gradient(circle at 82% 25%,rgba(32,212,255,.24),transparent 21rem),linear-gradient(135deg,#071b29,#103448); box-shadow:0 24px 60px rgba(3,18,29,.2); }
.as-footer-app-widget__copy { position:relative; z-index:2; align-self:center; padding:clamp(1.5rem,4vw,3rem); color:#fff; }
.as-footer-app-widget__eyebrow { display:block; color:#31d8ff; font-size:.7rem; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.as-footer-app-widget h2 { max-width:42rem; margin-top:.65rem; font-family:var(--font-display); font-size:clamp(1.7rem,4vw,2.8rem); font-weight:900; line-height:1.02; letter-spacing:-.04em; }
.as-footer-app-widget p { max-width:43rem; margin-top:1rem; color:rgba(255,255,255,.7); font-size:.9rem; line-height:1.75; }
.as-footer-app-widget__badges { margin-top:1.3rem; }.as-footer-app-widget__badges>div{gap:.65rem}
.as-footer-app-widget__visual { position:relative; min-height:18rem; overflow:hidden; }
.as-footer-app-widget__visual img { position:absolute; bottom:-4.8rem; width:12rem; border-radius:1.7rem; box-shadow:0 22px 55px rgba(0,0,0,.38); }
.as-footer-app-widget__visual img:first-of-type { right:9rem; transform:rotate(-7deg); }.as-footer-app-widget__visual img:last-of-type { right:-.5rem; bottom:-3.2rem; transform:rotate(7deg); }
.as-footer-app-widget__glow { position:absolute; inset:16% -10% auto auto; width:20rem; height:20rem; border-radius:999px; background:rgba(94,92,230,.38); filter:blur(50px); }
@media(max-width:900px){.as-footer-app-widget{grid-template-columns:1fr}.as-footer-app-widget__visual{min-height:14rem}.as-footer-app-widget__visual img:first-of-type{right:50%;margin-right:1rem}.as-footer-app-widget__visual img:last-of-type{right:50%;margin-right:-11rem}}
@media(max-width:560px){.as-footer-app-widget__visual{display:none}.as-footer-app-widget__badges>div{align-items:stretch}.as-footer-app-widget__badges a{width:100%;justify-content:center}}

/* Analysis cards reuse the readable W/D/L language of fixture cards. */
.as-analysis-card--tip { display:flex; min-height:20rem; flex-direction:column; }
.as-analysis-card__team-name { min-width:0; overflow:hidden; color:#102a39; text-overflow:ellipsis; white-space:nowrap; font-size:.9rem; font-weight:800; }
.dark .as-analysis-card__team-name { color:#fff; }
.as-analysis-card__form { display:inline-flex; gap:.18rem; justify-self:end; white-space:nowrap; }
.as-analysis-card__form .form-badge { display:inline-flex; width:1.12rem; height:1.12rem; align-items:center; justify-content:center; border-radius:.32rem; color:#fff; font-size:.53rem; font-weight:900; line-height:1; }
.as-analysis-tip { position:relative; z-index:20; margin-top:.9rem; border:1px solid rgba(94,92,230,.14); border-radius:1.05rem; background:linear-gradient(135deg,rgba(94,92,230,.075),rgba(32,212,255,.055)); padding:.8rem; }
.dark .as-analysis-tip { border-color:rgba(255,255,255,.08); background:linear-gradient(135deg,rgba(94,92,230,.15),rgba(32,212,255,.065)); }
.as-analysis-tip__label { display:block; color:var(--as-primary); font-size:.58rem; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.as-analysis-tip>strong { display:block; margin-top:.3rem; color:#102a39; font-family:var(--font-display); font-size:.96rem; font-weight:900; }.dark .as-analysis-tip>strong{color:#fff}
.as-analysis-tip>p { margin-top:.3rem; color:#607c8c; font-size:.67rem; line-height:1.55; }.dark .as-analysis-tip>p{color:#b8cbd6}
.as-confidence-meter { display:grid; gap:.35rem; margin-top:.6rem; }
.as-confidence-meter>span { height:.35rem; overflow:hidden; border-radius:999px; background:rgba(9,35,52,.09); }.dark .as-confidence-meter>span{background:rgba(255,255,255,.1)}
.as-confidence-meter i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--as-primary),#23cbed); }
.as-confidence-meter small { color:#718c9b; font-size:.58rem; font-weight:800; }.dark .as-confidence-meter small{color:#a9bfcb}
.as-analysis-card__footer { position:relative; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:.7rem; margin-top:auto; padding-top:.8rem; color:#5f7b8b; font-size:.68rem; }.dark .as-analysis-card__footer{color:#b5c8d3}
.as-analysis-card__cta { flex:0 0 auto; color:var(--as-primary); font-weight:900; }
@media(max-width:430px){.as-analysis-card__team{grid-template-columns:1.55rem minmax(0,1fr) auto;gap:.4rem}.as-analysis-card__form .form-badge:nth-child(n+4){display:none}}

/* Analysis detail widgets. */
.as-analysis-detail-team .form-strip { display:flex; flex-wrap:wrap; justify-content:center; gap:.22rem; margin-top:.55rem; }
.as-analysis-detail-team .form-badge { display:inline-flex; width:1.35rem; height:1.35rem; align-items:center; justify-content:center; border-radius:.42rem; color:#fff; font-size:.62rem; font-weight:900; }

/* Mobile app landing page. */
.as-mobile-app-hero { position:relative; overflow:hidden; color:#fff; background:radial-gradient(circle at 78% 18%,rgba(32,212,255,.24),transparent 22rem),radial-gradient(circle at 10% 20%,rgba(94,92,230,.34),transparent 28rem),linear-gradient(135deg,#041521,#0b2d40 62%,#10455b); }
.as-mobile-app-hero__eyebrow { color:#37dafd; font-size:.72rem; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.as-mobile-app-hero h1 { max-width:46rem; margin-top:.85rem; font-family:var(--font-display); font-size:clamp(2.8rem,7vw,5.6rem); font-weight:900; line-height:.93; letter-spacing:-.06em; }
.as-mobile-app-hero p { max-width:43rem; margin-top:1.35rem; color:rgba(255,255,255,.72); font-size:clamp(.95rem,2vw,1.13rem); line-height:1.8; }
.as-mobile-app-hero__proof { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; margin-top:1.5rem; }
.as-mobile-app-hero__proof span { border:1px solid rgba(255,255,255,.1); border-radius:1rem; background:rgba(255,255,255,.07); padding:.8rem; backdrop-filter:blur(10px); }.as-mobile-app-hero__proof strong,.as-mobile-app-hero__proof small{display:block}.as-mobile-app-hero__proof strong{font-size:.75rem}.as-mobile-app-hero__proof small{margin-top:.2rem;color:rgba(255,255,255,.55);font-size:.58rem;line-height:1.4}
.as-mobile-app-hero__devices { position:relative; min-height:35rem; }
.as-mobile-app-hero__orb { position:absolute; inset:15% 8% auto; height:24rem; border-radius:999px; background:rgba(94,92,230,.34); filter:blur(55px); }
.as-mobile-app-device { position:absolute; bottom:-5rem; overflow:hidden; border:8px solid rgba(255,255,255,.12); border-radius:2.25rem; background:#071925; box-shadow:0 32px 70px rgba(0,0,0,.42); }.as-mobile-app-device img{display:block;width:100%;height:auto}
.as-mobile-app-device--back { left:2%; width:min(54%,16rem); transform:rotate(-7deg); opacity:.88; }.as-mobile-app-device--front { right:3%; width:min(62%,19rem); transform:rotate(5deg); }
.as-mobile-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.as-mobile-feature-card { border:1px solid rgba(9,35,52,.08); border-radius:1.45rem; background:linear-gradient(180deg,#fff,#f5f9fd); padding:1.2rem; box-shadow:0 14px 32px rgba(4,20,32,.06); }.dark .as-mobile-feature-card{border-color:rgba(255,255,255,.08);background:linear-gradient(180deg,#0b2b3e,#071b28)}
.as-mobile-feature-card>span { display:flex; width:2.6rem; height:2.6rem; align-items:center; justify-content:center; border-radius:.9rem; background:var(--as-primary-soft); color:var(--as-primary); font-size:1.2rem; font-weight:900; }.as-mobile-feature-card h3{margin-top:.9rem;color:#102a39;font-family:var(--font-display);font-weight:900}.dark .as-mobile-feature-card h3{color:#fff}.as-mobile-feature-card p{margin-top:.45rem;color:#607d8d;font-size:.76rem;line-height:1.7}.dark .as-mobile-feature-card p{color:#b8cbd6}
.as-mobile-app-story,.as-mobile-appearance { background:linear-gradient(135deg,rgba(94,92,230,.055),rgba(32,212,255,.045)); }
.dark .as-mobile-app-story,.dark .as-mobile-appearance { background:linear-gradient(135deg,rgba(94,92,230,.09),rgba(32,212,255,.035)); }
.as-mobile-step { display:flex; gap:.8rem; align-items:flex-start; }.as-mobile-step>strong{display:flex;width:2rem;height:2rem;flex:0 0 auto;align-items:center;justify-content:center;border-radius:.75rem;background:var(--as-primary);color:#fff;font-size:.7rem}.as-mobile-step b,.as-mobile-step small{display:block}.as-mobile-step b{color:#102a39;font-size:.84rem}.dark .as-mobile-step b{color:#fff}.as-mobile-step small{margin-top:.2rem;color:#607d8d;font-size:.72rem;line-height:1.55}.dark .as-mobile-step small{color:#b8cbd6}
.as-mobile-story-visual { display:grid; grid-template-columns:minmax(180px,.55fr) 1fr; gap:1.25rem; align-items:center; overflow:hidden; border-radius:1.8rem; background:#071d2b; padding:1.2rem;color:#fff}.as-mobile-story-visual img{width:100%;max-height:31rem;object-fit:cover;object-position:top;border-radius:1.35rem}.as-mobile-story-visual h3{margin-top:.55rem;font-family:var(--font-display);font-size:1.55rem;font-weight:900;line-height:1.05}.as-mobile-story-visual p{margin-top:.8rem;color:rgba(255,255,255,.65);font-size:.78rem;line-height:1.7}
.as-mobile-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }.as-mobile-gallery-card{overflow:hidden;border:1px solid rgba(9,35,52,.08);border-radius:1.45rem;background:#fff;padding-bottom:1rem;box-shadow:0 13px 30px rgba(4,20,32,.06)}.dark .as-mobile-gallery-card{border-color:rgba(255,255,255,.08);background:#092433}.as-mobile-gallery-card>div{aspect-ratio:9/13;overflow:hidden;background:#edf3f8}.as-mobile-gallery-card img{width:100%;height:100%;object-fit:cover;object-position:top}.as-mobile-gallery-card h3{padding:1rem 1rem 0;color:#102a39;font-family:var(--font-display);font-weight:900}.dark .as-mobile-gallery-card h3{color:#fff}.as-mobile-gallery-card p{padding:.4rem 1rem 0;color:#607d8d;font-size:.72rem;line-height:1.65}.dark .as-mobile-gallery-card p{color:#b8cbd6}
.as-mobile-theme-pair { display:grid; grid-template-columns:1fr 1fr; gap:1rem; align-items:end; }.as-mobile-theme-pair img{width:100%;max-height:29rem;object-fit:cover;object-position:top;border-radius:1.5rem;box-shadow:0 20px 45px rgba(4,20,32,.14)}
.as-mobile-support-card { border:1px solid rgba(9,35,52,.08);border-radius:1.6rem;background:#fff;padding:clamp(1.3rem,4vw,2.2rem);box-shadow:0 15px 35px rgba(4,20,32,.06)}.dark .as-mobile-support-card{border-color:rgba(255,255,255,.08);background:#092433}.as-mobile-support-card h2{margin-top:.65rem;color:#102a39;font-family:var(--font-display);font-size:1.7rem;font-weight:900;line-height:1.08}.dark .as-mobile-support-card h2{color:#fff}.as-mobile-support-card p{margin-top:.85rem;color:#607d8d;font-size:.82rem;line-height:1.75}.dark .as-mobile-support-card p{color:#b8cbd6}.as-mobile-support-card--dark{border:0;background:linear-gradient(135deg,#061925,#12394d);color:#fff}.dark .as-mobile-support-card--dark{background:linear-gradient(135deg,#061925,#12394d)}.as-mobile-support-card--dark h2{color:#fff}.as-mobile-support-card--dark p{color:rgba(255,255,255,.68)}
@media(max-width:900px){.as-mobile-app-hero__devices{min-height:30rem}.as-mobile-feature-grid,.as-mobile-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.as-mobile-app-hero__proof{grid-template-columns:1fr}.as-mobile-app-hero__devices{min-height:25rem}.as-mobile-app-device--back{left:0}.as-mobile-app-device--front{right:0}.as-mobile-feature-grid,.as-mobile-gallery{grid-template-columns:1fr 1fr}.as-mobile-story-visual{grid-template-columns:1fr}.as-mobile-story-visual img{max-height:25rem}.as-mobile-gallery-card>div{aspect-ratio:9/14}}
@media(max-width:430px){.as-mobile-gallery{grid-template-columns:1fr}.as-mobile-app-device--back{width:52%}.as-mobile-app-device--front{width:64%}}

/* ========================================================================
   AdvanceScores production refinements — 2026.07.26.8
   Pagination, directories, analysis dropdown, compact tabs and footer
   ======================================================================== */
@layer components {
  .as-directory-search {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: .75rem;
    max-width: 46rem;
    border: 1px solid rgb(255 255 255 / .14);
    border-radius: 1.2rem;
    background: rgb(255 255 255 / .1);
    padding: .55rem .6rem .55rem 1rem;
    backdrop-filter: blur(16px);
  }
  .as-directory-search svg { width: 1.15rem; height: 1.15rem; color: rgb(255 255 255 / .65); }
  .as-directory-search input { min-width: 0; border: 0; background: transparent; color: white; outline: none; font-size: .9rem; }
  .as-directory-search input::placeholder { color: rgb(255 255 255 / .5); }
  .as-directory-search button { border-radius: .9rem; background: white; padding: .7rem 1rem; color: #09202f; font-size: .78rem; font-weight: 900; }
  .as-directory-rank { border-radius: 999px; background: var(--as-primary-soft); padding: .42rem .65rem; color: var(--as-primary); font-size: .65rem; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
  .as-directory-card { display:flex; align-items:center; gap:.8rem; min-width:0; border:1px solid rgb(8 34 51 / .08); border-radius:1.2rem; background:linear-gradient(180deg,#fff,#f6f9fd); padding:.9rem; box-shadow:0 10px 25px rgb(5 22 35 / .055); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
  .as-directory-card:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--as-primary) 38%,transparent); box-shadow:0 16px 32px rgb(5 22 35 / .09); }
  .dark .as-directory-card { border-color:rgb(255 255 255 / .08); background:linear-gradient(180deg,#0a293b,#071b28); }
  .as-directory-card__logo { display:flex; width:2.9rem; height:2.9rem; flex:0 0 auto; align-items:center; justify-content:center; border-radius:1rem; background:#edf3f8; }
  .dark .as-directory-card__logo { background:#102f42; }
  .as-directory-card__logo img { width:2rem; height:2rem; object-fit:contain; }
  .as-directory-card strong { display:block; overflow:hidden; color:#102a39; text-overflow:ellipsis; white-space:nowrap; font-size:.88rem; }
  .dark .as-directory-card strong { color:white; }
  .as-directory-card small { display:block; overflow:hidden; margin-top:.2rem; color:#6d8797; text-overflow:ellipsis; white-space:nowrap; font-size:.68rem; }
  .as-directory-card__arrow { color:var(--as-primary); font-size:1.35rem; transition:transform .18s ease; }
  .as-directory-card:hover .as-directory-card__arrow { transform:translateX(2px); }

  .as-pagination { display:flex; align-items:center; justify-content:space-between; gap:1rem; border:1px solid rgb(8 34 51 / .08); border-radius:1.2rem; background:rgb(255 255 255 / .9); padding:.75rem; box-shadow:0 12px 28px rgb(5 22 35 / .06); }
  .dark .as-pagination { border-color:rgb(255 255 255 / .08); background:rgb(7 24 36 / .9); }
  .as-pagination__summary { display:flex; align-items:center; gap:.35rem; color:#6c8594; font-size:.72rem; }
  .as-pagination__summary strong { color:#102a39; }
  .dark .as-pagination__summary strong { color:white; }
  .as-pagination__controls { display:flex; align-items:center; gap:.45rem; min-width:0; }
  .as-pagination__pages { display:flex; align-items:center; gap:.3rem; }
  .as-pagination__button,.as-pagination__page { display:inline-flex; min-height:2.35rem; align-items:center; justify-content:center; border:1px solid rgb(8 34 51 / .09); border-radius:.8rem; background:#fff; padding:.55rem .75rem; color:#234b60; font-size:.72rem; font-weight:900; transition:all .16s ease; }
  .dark .as-pagination__button,.dark .as-pagination__page { border-color:rgb(255 255 255 / .08); background:#0b2a3d; color:#d6e4ec; }
  .as-pagination__page { min-width:2.35rem; padding:.55rem; }
  .as-pagination__button:hover,.as-pagination__page:hover { border-color:color-mix(in srgb,var(--as-primary) 45%,transparent); color:var(--as-primary); transform:translateY(-1px); }
  .as-pagination__page.is-active { border-color:transparent; background:linear-gradient(135deg,var(--as-primary),#4435d5); color:#fff; box-shadow:0 8px 18px rgb(94 92 230 / .24); }
  .as-pagination__button.is-disabled { opacity:.42; pointer-events:none; }
  .as-pagination__ellipsis { padding:0 .2rem; color:#90a3af; }

  .as-analysis-menu { position:relative; }
  .as-analysis-menu__trigger { cursor:pointer; }
  .as-analysis-menu__chevron { width:.9rem; height:.9rem; transition:transform .18s ease; }
  .as-analysis-menu__panel { position:absolute; top:calc(100% + .75rem); left:50%; z-index:80; width:min(46rem,78vw); transform:translateX(-50%); overflow:hidden; border:1px solid rgb(255 255 255 / .1); border-radius:1.35rem; background:linear-gradient(180deg,#0b293a,#061a27); box-shadow:0 24px 60px rgb(0 0 0 / .32); }
  .as-analysis-menu__header { display:flex; align-items:center; justify-content:space-between; gap:1rem; border-bottom:1px solid rgb(255 255 255 / .08); padding:1rem 1.1rem; color:white; font-size:.75rem; font-weight:900; }
  .as-analysis-menu__header a { color:#33d8ff; }
  .as-analysis-menu__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem; padding:.8rem; }
  .as-analysis-menu__item { display:grid; grid-template-columns:2.4rem minmax(0,1fr); gap:.7rem; align-items:start; border-radius:1rem; background:rgb(255 255 255 / .055); padding:.8rem; transition:background .16s ease,transform .16s ease; }
  .as-analysis-menu__item:hover { background:rgb(255 255 255 / .1); transform:translateY(-1px); }
  .as-analysis-menu__item-icon { display:flex; width:2.4rem; height:2.4rem; align-items:center; justify-content:center; border-radius:.8rem; background:linear-gradient(135deg,var(--as-primary),#4435d5); color:white; font-size:.7rem; font-weight:900; }
  .as-analysis-menu__item strong { display:block; color:white; font-size:.78rem; }
  .as-analysis-menu__item small { display:-webkit-box; overflow:hidden; margin-top:.25rem; color:rgb(255 255 255 / .55); font-size:.64rem; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
  .as-analysis-menu__note { border-top:1px solid rgb(255 255 255 / .08); padding:.7rem 1rem; color:rgb(255 255 255 / .48); font-size:.63rem; }

  .as-match-nav { display:flex !important; grid-template-columns:none !important; align-items:center; gap:.25rem; overflow-x:auto; padding:.28rem !important; scrollbar-width:none; }
  .as-match-nav::-webkit-scrollbar { display:none; }
  .as-match-nav button { flex:1 1 0; min-width:6.25rem; border-radius:.85rem !important; padding:.62rem .55rem !important; font-size:.7rem !important; line-height:1 !important; }

  .as-footer-layout { display:grid; grid-template-columns:minmax(220px,.72fr) minmax(360px,1fr) minmax(340px,1.05fr); gap:1rem; align-items:stretch; }
  .as-footer-brand-card,.as-footer-links-grid,.as-footer-app-card { border:1px solid rgb(8 34 51 / .08); border-radius:1.5rem; background:linear-gradient(180deg,rgb(255 255 255 / .96),rgb(247 250 253 / .94)); padding:1.35rem; box-shadow:0 12px 30px rgb(5 22 35 / .055); }
  .dark .as-footer-brand-card,.dark .as-footer-links-grid { border-color:rgb(255 255 255 / .08); background:linear-gradient(180deg,#0a293b,#071b28); }
  .as-footer-chip { border-radius:999px; background:#edf3f8; padding:.5rem .7rem; color:#365d70; }
  .dark .as-footer-chip { background:#103044; color:#d7e5ed; }
  .as-footer-links-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; }
  .as-footer-links-grid h2 { color:#102a39; font-family:var(--font-display); font-size:.82rem; font-weight:900; }
  .dark .as-footer-links-grid h2 { color:white; }
  .as-footer-links-grid ul { margin-top:.8rem; display:grid; gap:.55rem; }
  .as-footer-links-grid a { color:#607b8b; font-size:.75rem; }
  .dark .as-footer-links-grid a { color:#b8cad4; }
  .as-footer-links-grid a:hover { color:var(--as-primary); }
  .as-footer-app-card { position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) 9rem; border-color:rgb(255 255 255 / .08); background:radial-gradient(circle at 95% 8%,rgb(41 211 255 / .24),transparent 12rem),linear-gradient(135deg,#061b29,#0d3448); color:white; }
  .as-footer-app-card__copy { position:relative; z-index:2; align-self:center; }
  .as-footer-app-card__eyebrow { color:#31d8ff; font-size:.65rem; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
  .as-footer-app-card h2 { margin-top:.55rem; font-family:var(--font-display); font-size:1.45rem; font-weight:900; line-height:1.05; letter-spacing:-.035em; }
  .as-footer-app-card p { margin-top:.75rem; color:rgb(255 255 255 / .68); font-size:.72rem; line-height:1.65; }
  .as-footer-app-card__badges { margin-top:1rem; }
  .as-footer-app-card__badges>div { gap:.45rem; flex-wrap:wrap; }
  .as-footer-app-card__visual { position:relative; min-height:13rem; }
  .as-footer-app-card__visual img { position:absolute; bottom:-3.6rem; width:7.5rem; border-radius:1.2rem; box-shadow:0 18px 42px rgb(0 0 0 / .38); }
  .as-footer-app-card__visual img:first-child { right:4rem; transform:rotate(-7deg); }
  .as-footer-app-card__visual img:last-child { right:-1rem; bottom:-2.6rem; transform:rotate(7deg); }

  .as-analysis-card-v2 { position:relative; overflow:hidden; border:1px solid rgb(8 34 51 / .08); border-radius:1.4rem; background:linear-gradient(180deg,#fff,#f6f9fd); box-shadow:0 12px 30px rgb(5 22 35 / .065); }
  .dark .as-analysis-card-v2 { border-color:rgb(255 255 255 / .08); background:linear-gradient(180deg,#0a293b,#071b28); }
  .as-analysis-card-v2__header { display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:.85rem 1rem; border-bottom:1px solid rgb(8 34 51 / .07); }
  .dark .as-analysis-card-v2__header { border-color:rgb(255 255 255 / .07); }
  .as-analysis-card-v2__league-logo { display:flex; width:2.15rem; height:2.15rem; flex:0 0 auto; align-items:center; justify-content:center; border-radius:.75rem; background:#edf3f8; }
  .dark .as-analysis-card-v2__league-logo { background:#103044; }
  .as-analysis-card-v2__league-logo img { width:1.55rem; height:1.55rem; object-fit:contain; }
  .as-analysis-card-v2__header strong,.as-analysis-card-v2__header small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .as-analysis-card-v2__header strong { color:#102a39; font-size:.7rem; font-weight:900; text-transform:uppercase; }
  .dark .as-analysis-card-v2__header strong { color:white; }
  .as-analysis-card-v2__header small,.as-analysis-card-v2__header time { color:#78909e; font-size:.62rem; font-weight:800; }
  .as-analysis-card-v2__body { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.8rem; align-items:center; padding:1rem; }
  .as-analysis-card-v2__teams { display:grid; gap:.7rem; min-width:0; }
  .as-analysis-card-v2__team { display:grid; grid-template-columns:1.9rem minmax(0,1fr); gap:.55rem; align-items:center; min-width:0; }
  .as-analysis-card-v2__team>img { width:1.9rem; height:1.9rem; object-fit:contain; }
  .as-analysis-card-v2__team-copy { display:flex; min-width:0; align-items:center; justify-content:space-between; gap:.45rem; }
  .as-analysis-card-v2__team-copy>strong { min-width:0; overflow:hidden; color:#102a39; text-overflow:ellipsis; white-space:nowrap; font-size:.88rem; }
  .dark .as-analysis-card-v2__team-copy>strong { color:white; }
  .as-analysis-card-v2__form { display:flex; flex:0 0 auto; gap:.16rem; }
  .as-analysis-card-v2__form .form-badge { display:inline-flex; width:1.05rem; height:1.05rem; align-items:center; justify-content:center; border-radius:.3rem; color:white; font-size:.48rem; font-weight:900; }
  .as-analysis-card-v2__score { display:flex; min-width:4.5rem; flex-direction:column; align-items:center; justify-content:center; border-radius:1rem; background:#eaf1f8; padding:.7rem .6rem; text-align:center; }
  .dark .as-analysis-card-v2__score { background:#103044; }
  .as-analysis-card-v2__score strong { color:#102a39; font-family:var(--font-display); font-size:1rem; }
  .dark .as-analysis-card-v2__score strong { color:white; }
  .as-analysis-card-v2__score span { margin-top:.18rem; color:#728b99; font-size:.58rem; font-weight:900; text-transform:uppercase; }
  .as-analysis-card-v2__insight { margin:0 1rem; border-radius:1rem; background:#eef3f8; padding:.8rem; }
  .dark .as-analysis-card-v2__insight { background:#0e3043; }
  .as-analysis-card-v2__insight>span { color:var(--as-primary); font-size:.58rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
  .as-analysis-card-v2__insight>strong { display:block; margin-top:.25rem; color:#102a39; font-size:.82rem; }
  .dark .as-analysis-card-v2__insight>strong { color:white; }
  .as-analysis-card-v2__insight>p { margin-top:.25rem; color:#658090; font-size:.65rem; line-height:1.55; }
  .as-analysis-card-v2__footer { display:flex; align-items:center; justify-content:space-between; gap:.7rem; padding:.8rem 1rem; color:#718b99; font-size:.62rem; }
  .as-analysis-card-v2__footer span:last-child { color:var(--as-primary); font-weight:900; }

  .as-analysis-detail-hero-v2 { background:radial-gradient(circle at 10% 0%,rgb(94 92 230 / .13),transparent 22rem),radial-gradient(circle at 92% 10%,rgb(41 211 255 / .14),transparent 20rem),linear-gradient(180deg,#f8fbff,#eef4f9); border-bottom:1px solid rgb(8 34 51 / .07); }
  .dark .as-analysis-detail-hero-v2 { background:radial-gradient(circle at 10% 0%,rgb(94 92 230 / .2),transparent 22rem),radial-gradient(circle at 92% 10%,rgb(41 211 255 / .12),transparent 20rem),linear-gradient(180deg,#071b28,#05141f); border-color:rgb(255 255 255 / .07); }
  .as-analysis-back,.as-analysis-detail-date { display:inline-flex; align-items:center; border-radius:999px; background:rgb(255 255 255 / .72); padding:.55rem .8rem; color:#527184; font-size:.7rem; font-weight:900; }
  .dark .as-analysis-back,.dark .as-analysis-detail-date { background:rgb(255 255 255 / .06); color:#c5d6df; }
  .as-analysis-scoreboard { border:1px solid rgb(8 34 51 / .08); border-radius:1.55rem; background:rgb(255 255 255 / .9); padding:1.2rem; box-shadow:0 16px 38px rgb(5 22 35 / .07); }
  .dark .as-analysis-scoreboard { border-color:rgb(255 255 255 / .08); background:rgb(7 24 36 / .92); }
  .as-analysis-scoreboard__competition { display:flex; align-items:center; gap:.7rem; }
  .as-analysis-scoreboard__competition img { width:2.4rem; height:2.4rem; object-fit:contain; }
  .as-analysis-scoreboard__competition small,.as-analysis-scoreboard__competition strong { display:block; }
  .as-analysis-scoreboard__competition small { color:#78909e; font-size:.62rem; font-weight:900; text-transform:uppercase; }
  .as-analysis-scoreboard__competition strong { margin-top:.15rem; color:#102a39; font-size:.9rem; }
  .dark .as-analysis-scoreboard__competition strong { color:white; }
  .as-analysis-scoreboard__teams { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:1rem; align-items:center; margin-top:1.2rem; }
  .as-analysis-scoreboard__team { min-width:0; text-align:center; }
  .as-analysis-scoreboard__team img { width:4.8rem; height:4.8rem; object-fit:contain; }
  .as-analysis-scoreboard__team strong { display:block; overflow:hidden; margin-top:.6rem; color:#102a39; text-overflow:ellipsis; white-space:nowrap; font-family:var(--font-display); font-size:1.15rem; }
  .dark .as-analysis-scoreboard__team strong { color:white; }
  .as-analysis-scoreboard__form { display:flex; justify-content:center; gap:.2rem; margin-top:.45rem; }
  .as-analysis-scoreboard__form .form-badge { display:inline-flex; width:1.2rem; height:1.2rem; align-items:center; justify-content:center; border-radius:.36rem; color:white; font-size:.55rem; font-weight:900; }
  .as-analysis-scoreboard__centre { display:flex; min-width:5.5rem; flex-direction:column; align-items:center; }
  .as-analysis-scoreboard__centre strong { color:#102a39; font-family:var(--font-display); font-size:2rem; }
  .dark .as-analysis-scoreboard__centre strong { color:white; }
  .as-analysis-scoreboard__centre span { color:#718a99; font-size:.62rem; font-weight:900; text-transform:uppercase; }
  .as-analysis-scoreboard__meta { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.6rem; margin-top:1.2rem; }
  .as-analysis-scoreboard__meta>span { border-radius:.9rem; background:#edf3f8; padding:.65rem; text-align:center; }
  .dark .as-analysis-scoreboard__meta>span { background:#103044; }
  .as-analysis-scoreboard__meta small,.as-analysis-scoreboard__meta strong { display:block; }
  .as-analysis-scoreboard__meta small { color:#7a919f; font-size:.56rem; font-weight:900; text-transform:uppercase; }
  .as-analysis-scoreboard__meta strong { overflow:hidden; margin-top:.2rem; color:#102a39; text-overflow:ellipsis; white-space:nowrap; font-size:.7rem; }
  .dark .as-analysis-scoreboard__meta strong { color:white; }
  .as-analysis-context-card { border-radius:1.55rem; background:linear-gradient(145deg,#071b29,#0f3a50); padding:1.35rem; color:white; box-shadow:0 18px 44px rgb(5 22 35 / .18); }
  .as-analysis-context-card h1 { margin-top:.65rem; font-family:var(--font-display); font-size:1.55rem; font-weight:900; line-height:1.08; letter-spacing:-.035em; }
  .as-analysis-context-card p { margin-top:.75rem; color:rgb(255 255 255 / .68); font-size:.76rem; line-height:1.7; }
  .as-analysis-context-card__note { font-size:.62rem !important; color:rgb(255 255 255 / .48) !important; }
  .as-analysis-disclaimer { border:1px solid #f5d78e; border-radius:1.1rem; background:#fff8df; padding:1rem; color:#765713; font-size:.75rem; line-height:1.65; }
  .dark .as-analysis-disclaimer { border-color:#725d25; background:#2c2512; color:#f0d88f; }
}

@media (max-width: 1100px) {
  .as-footer-layout { grid-template-columns:1fr 1fr; }
  .as-footer-app-card { grid-column:1 / -1; }
}
@media (max-width: 760px) {
  .as-directory-search { grid-template-columns:auto minmax(0,1fr); }
  .as-directory-search button { grid-column:1 / -1; width:100%; }
  .as-pagination { align-items:stretch; flex-direction:column; }
  .as-pagination__summary { justify-content:center; }
  .as-pagination__controls { justify-content:space-between; }
  .as-pagination__pages { max-width:58vw; overflow-x:auto; }
  .as-pagination__button { white-space:nowrap; }
  .as-footer-layout { grid-template-columns:1fr; }
  .as-footer-links-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .as-footer-app-card { grid-template-columns:1fr; }
  .as-footer-app-card__visual { display:none; }
  .as-match-nav button { flex:0 0 auto; min-width:5.5rem; }
  .as-analysis-card-v2__team-copy { align-items:center; flex-direction:row; gap:.3rem; }
  .as-analysis-card-v2__team-copy>strong { flex:1 1 auto; }
  .as-analysis-card-v2__form { flex:0 0 auto; }
  .as-analysis-scoreboard__teams { grid-template-columns:minmax(0,1fr) 4.5rem minmax(0,1fr); gap:.45rem; }
  .as-analysis-scoreboard__team img { width:3.6rem; height:3.6rem; }
  .as-analysis-scoreboard__team strong { font-size:.85rem; }
  .as-analysis-scoreboard__centre strong { font-size:1.5rem; }
}
@media (max-width: 440px) {
  .as-footer-links-grid { grid-template-columns:1fr 1fr; gap:1rem; }
  .as-analysis-card-v2__body { grid-template-columns:minmax(0,1fr) 4rem; }
  .as-analysis-card-v2__form .form-badge:nth-child(n+5) { display:none; }
  .as-analysis-scoreboard { padding:.9rem; }
  .as-analysis-scoreboard__meta { grid-template-columns:1fr; }
}


/* Focused v2026.07.26.11 fixes: mobile analysis contrast, match stars and SEO content. */
.as-mobile-analysis-menu {
  margin-top:.75rem; border:1px solid rgb(255 255 255 / .16); border-radius:1rem;
  background:#0b2738; padding:.85rem; box-shadow:inset 0 1px 0 rgb(255 255 255 / .04);
}
.as-mobile-analysis-menu__title { margin:0; color:#8ee9ff; font-size:.64rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.as-mobile-analysis-menu__grid { display:grid; gap:.45rem; margin-top:.65rem; }
.as-mobile-analysis-menu__link { display:flex; align-items:center; justify-content:space-between; gap:.7rem; border:1px solid rgb(255 255 255 / .10); border-radius:.8rem; background:#15394b; padding:.72rem .8rem; color:#fff !important; text-decoration:none; }
.as-mobile-analysis-menu__link:hover,.as-mobile-analysis-menu__link:focus-visible { background:#1c4a60; color:#fff !important; outline:none; }
.as-mobile-analysis-menu__link strong { color:#fff !important; font-size:.82rem; font-weight:800; }
.as-mobile-analysis-menu__link small { color:#a9c9d8 !important; font-size:.62rem; font-weight:700; text-align:right; }

.as-team-follow svg { fill:transparent; }
.as-team-follow.is-following svg { fill:currentColor; }
.as-team-follow.is-star-only { width:2.55rem; height:2.55rem; min-height:2.55rem; flex:0 0 2.55rem; border:0; background:transparent; padding:0; color:rgb(255 255 255 / .56); box-shadow:none; }
.as-team-follow.is-star-only:hover { background:rgb(255 255 255 / .08); color:#fff; }
.as-team-follow.is-star-only.is-following { background:transparent; color:#ffc928; }
.as-team-follow.is-star-only svg { width:1.55rem; height:1.55rem; }
.as-match-team__crest-row { display:flex; align-items:center; justify-content:center; gap:.65rem; }
.as-match-team__crest-row .as-match-team__crest-link { display:block; flex:0 0 auto; color:white; }
.as-match-team__name-link { display:block !important; max-width:100%; margin-top:.65rem; color:white !important; }
.as-match-team__name-link strong { display:block; overflow:hidden; max-width:100%; text-overflow:ellipsis; white-space:nowrap; font-family:var(--font-display); font-size:clamp(1rem,3vw,1.45rem); font-weight:900; }

.as-match-seo-content { max-width:80rem; margin:0 auto; padding:0 1rem 3.5rem; }
.as-match-seo-content__intro,.as-match-seo-faq { border:1px solid rgb(8 34 51 / .08); border-radius:1.55rem; background:#fff; padding:1.5rem; box-shadow:0 16px 38px rgb(5 22 35 / .06); }
.dark .as-match-seo-content__intro,.dark .as-match-seo-faq { border-color:rgb(255 255 255 / .08); background:#071b28; }
.as-match-seo-content__intro h2,.as-match-seo-faq h2 { margin-top:.6rem; color:#102a39; font-family:var(--font-display); font-size:clamp(1.5rem,3vw,2.15rem); line-height:1.08; font-weight:900; letter-spacing:-.035em; }
.dark .as-match-seo-content__intro h2,.dark .as-match-seo-faq h2 { color:#fff; }
.as-match-seo-content__intro p { max-width:62rem; margin-top:.85rem; color:#527184; font-size:.92rem; line-height:1.85; }
.dark .as-match-seo-content__intro p { color:#aec2cd; }
.as-match-seo-widgets { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin-top:1rem; }
.as-match-seo-widgets article,.as-match-seo-links article { border:1px solid rgb(8 34 51 / .08); border-radius:1.25rem; background:linear-gradient(180deg,#fff,#f7fbff); padding:1.15rem; }
.dark .as-match-seo-widgets article,.dark .as-match-seo-links article { border-color:rgb(255 255 255 / .08); background:linear-gradient(180deg,#0b2a3c,#071b28); }
.as-match-seo-widget__icon { display:flex; width:2.35rem; height:2.35rem; align-items:center; justify-content:center; border-radius:.85rem; background:var(--as-primary-soft); color:var(--as-primary); font-size:.76rem; font-weight:900; }
.as-match-seo-widgets h3,.as-match-seo-links h3 { margin-top:.8rem; color:#102a39; font-family:var(--font-display); font-size:1rem; font-weight:900; }
.dark .as-match-seo-widgets h3,.dark .as-match-seo-links h3 { color:#fff; }
.as-match-seo-widgets p,.as-match-seo-links p { margin-top:.45rem; color:#5c7888; font-size:.76rem; line-height:1.7; }
.dark .as-match-seo-widgets p,.dark .as-match-seo-links p { color:#a9bec9; }
.as-match-seo-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:1rem; }
.as-match-seo-links a { display:inline-flex; margin-top:.8rem; color:var(--as-primary); font-size:.78rem; font-weight:900; }
.as-match-seo-links article>div { display:flex; flex-wrap:wrap; gap:.9rem; }
.as-match-seo-faq { margin-top:1rem; }
.as-match-seo-faq>div { margin-top:1rem; border-top:1px solid rgb(8 34 51 / .08); }
.dark .as-match-seo-faq>div { border-color:rgb(255 255 255 / .08); }
.as-match-seo-faq article { border-bottom:1px solid rgb(8 34 51 / .08); }
.dark .as-match-seo-faq article { border-color:rgb(255 255 255 / .08); }
.as-match-seo-faq button { display:flex; width:100%; align-items:flex-start; justify-content:space-between; gap:1rem; border:0; background:transparent; padding:1rem 0; color:#102a39; text-align:left; cursor:pointer; }
.dark .as-match-seo-faq button { color:#fff; }
.as-match-seo-faq button span { font-size:.86rem; font-weight:800; line-height:1.5; }
.as-match-seo-faq button b { color:var(--as-primary); font-size:1.2rem; }
.as-match-seo-faq article p { padding:0 0 1rem; color:#5c7888; font-size:.78rem; line-height:1.75; }
.dark .as-match-seo-faq article p { color:#a9bec9; }
.as-match-seo-disclaimer { margin-top:1rem; border:1px solid #efd79b; border-radius:1rem; background:#fff8df; padding:1rem 1.1rem; color:#735716; font-size:.74rem; line-height:1.7; }
.dark .as-match-seo-disclaimer { border-color:#6d5923; background:#2b2514; color:#ecd68f; }

@media (max-width: 900px) { .as-match-seo-widgets { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 640px) {
  .as-match-team__crest-row { gap:.25rem; }
  .as-team-follow.is-star-only { width:2rem; height:2rem; min-height:2rem; flex-basis:2rem; }
  .as-team-follow.is-star-only svg { width:1.25rem; height:1.25rem; }
  .as-match-team__name-link { margin-top:.45rem; }
  .as-match-seo-content { padding:0 .75rem 2.5rem; }
  .as-match-seo-content__intro,.as-match-seo-faq { padding:1.15rem; border-radius:1.25rem; }
  .as-match-seo-widgets,.as-match-seo-links { grid-template-columns:1fr; }
}

/* Focused v2026.07.26.12 refinements: prediction widget, carousel, mobile analysis and match-page polish. */
.as-pulsebar__viewport {
  min-width:0;
  flex:1;
  overflow:hidden;
}
.as-pulsebar__track {
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  overscroll-behavior-inline:contain;
}
.as-pulsebar__match {
  scroll-snap-align:start;
}
.as-pulsebar__arrow {
  display:inline-flex;
  width:1.9rem;
  height:1.9rem;
  flex:0 0 1.9rem;
  align-items:center;
  justify-content:center;
  border:1px solid rgb(255 255 255 / .1);
  border-radius:.7rem;
  background:rgb(255 255 255 / .055);
  color:rgb(255 255 255 / .72);
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.as-pulsebar__arrow:hover,.as-pulsebar__arrow:focus-visible {
  background:rgb(255 255 255 / .13);
  color:#fff;
  transform:translateY(-1px);
  outline:none;
}
.as-pulsebar__arrow svg { width:.95rem; height:.95rem; }

.as-navbar-action--settings svg { width:1.35rem; height:1.35rem; }
.as-navbar-action--bento svg { width:1.15rem; height:1.15rem; }
.as-navbar-action--bento[aria-expanded="true"] { background:rgb(255 255 255 / .14); }

.as-mobile-analysis-menu {
  margin-top:.8rem;
  border:1px solid rgb(255 255 255 / .12);
  border-radius:1.25rem;
  background:linear-gradient(180deg,#0b2b3d,#071e2c);
  padding:.55rem;
  box-shadow:0 15px 32px rgb(0 0 0 / .2);
}
.as-mobile-analysis-menu__trigger {
  display:grid;
  width:100%;
  grid-template-columns:2.5rem minmax(0,1fr) auto;
  align-items:center;
  gap:.7rem;
  border:0;
  border-radius:1rem;
  background:rgb(255 255 255 / .08);
  padding:.72rem;
  color:#fff;
  text-align:left;
}
.as-mobile-analysis-menu__trigger-icon {
  display:flex;
  width:2.5rem;
  height:2.5rem;
  align-items:center;
  justify-content:center;
  border-radius:.85rem;
  background:linear-gradient(135deg,var(--as-primary),#4435d5);
  color:#fff;
}
.as-mobile-analysis-menu__trigger-icon svg { width:1.25rem; height:1.25rem; }
.as-mobile-analysis-menu__trigger strong { display:block; color:#fff; font-size:.85rem; font-weight:900; }
.as-mobile-analysis-menu__trigger small { display:block; margin-top:.18rem; color:#b8d1dc; font-size:.62rem; line-height:1.4; }
.as-mobile-analysis-menu__chevron { width:1rem; height:1rem; color:#9edff0; transition:transform .18s ease; }
.as-mobile-analysis-menu__panel { padding:.55rem .15rem .15rem; }
.as-mobile-analysis-menu__hub {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.7rem;
  border-radius:.85rem;
  background:#fff;
  padding:.72rem .8rem;
  color:#102a39 !important;
  font-size:.72rem;
  font-weight:900;
}
.as-mobile-analysis-menu__hub b { color:var(--as-primary); }
.as-mobile-analysis-menu__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.45rem; margin-top:.45rem; }
.as-mobile-analysis-menu__link {
  display:grid;
  min-width:0;
  grid-template-columns:1.9rem minmax(0,1fr);
  align-items:start;
  gap:.55rem;
  border:1px solid #dbe7ee;
  border-radius:.9rem;
  background:linear-gradient(180deg,#fff,#f4f8fb);
  padding:.65rem;
  color:#102a39 !important;
  text-decoration:none;
  box-shadow:0 6px 16px rgb(2 12 18 / .12);
}
.as-mobile-analysis-menu__link:hover,.as-mobile-analysis-menu__link:focus-visible {
  border-color:var(--as-primary);
  background:#fff;
  color:#102a39 !important;
  outline:none;
}
.as-mobile-analysis-menu__badge {
  display:flex;
  width:1.9rem;
  height:1.9rem;
  align-items:center;
  justify-content:center;
  border-radius:.65rem;
  background:var(--as-primary-soft);
  color:var(--as-primary);
  font-size:.62rem;
  font-weight:900;
}
.as-mobile-analysis-menu__link strong {
  display:block;
  overflow:hidden;
  color:#102a39 !important;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.7rem;
  font-weight:900;
}
.as-mobile-analysis-menu__link small {
  display:-webkit-box;
  overflow:hidden;
  margin-top:.18rem;
  color:#607b8a !important;
  font-size:.55rem;
  line-height:1.35;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.as-match-team__crest-stage {
  position:relative;
  display:flex;
  width:9.2rem;
  min-height:5.8rem;
  margin:0 auto;
  align-items:center;
  justify-content:center;
}
.as-match-team__crest-link { display:block !important; flex:0 0 auto; }
.as-match-team__follow {
  position:absolute;
  top:50%;
  z-index:5;
  transform:translateY(-50%);
}
.as-match-team__follow--home { left:0; }
.as-match-team__follow--away { right:0; }
.as-match-team__follow .as-team-follow.is-star-only {
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
}

.as-watchlist-button {
  min-height:3rem !important;
  border:1px solid rgb(8 34 51 / .1) !important;
  background:linear-gradient(180deg,#fff,#f2f7fb) !important;
  padding:.72rem 1.05rem !important;
  color:#365b6e !important;
  font-weight:900 !important;
  box-shadow:0 9px 22px rgb(5 22 35 / .08);
}
.as-watchlist-button:hover {
  border-color:var(--as-primary) !important;
  background:var(--as-primary-soft) !important;
  color:var(--as-primary) !important;
  transform:translateY(-1px);
}
.as-watchlist-button.is-favorite {
  border-color:rgb(94 92 230 / .28) !important;
  background:var(--as-primary-soft) !important;
  color:var(--as-primary) !important;
}
.dark .as-watchlist-button {
  border-color:rgb(255 255 255 / .1) !important;
  background:linear-gradient(180deg,#113246,#0c2839) !important;
  color:#d5e4eb !important;
}

.as-our-prediction {
  position:relative;
  overflow:hidden;
  border:1px solid rgb(8 34 51 / .08);
  border-radius:1.6rem;
  background:
    radial-gradient(circle at 92% 0%,rgb(41 211 255 / .12),transparent 16rem),
    linear-gradient(180deg,#fff,#f6f9fd);
  padding:1.4rem;
  box-shadow:0 17px 38px rgb(5 22 35 / .075);
}
.dark .as-our-prediction {
  border-color:rgb(255 255 255 / .08);
  background:
    radial-gradient(circle at 92% 0%,rgb(41 211 255 / .12),transparent 16rem),
    linear-gradient(180deg,#0a293b,#071b28);
}
.as-our-prediction__head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.as-our-prediction__heading { display:flex; min-width:0; align-items:center; gap:.8rem; }
.as-our-prediction__icon { display:flex; width:2.8rem; height:2.8rem; flex:0 0 2.8rem; align-items:center; justify-content:center; border-radius:1rem; background:linear-gradient(135deg,var(--as-primary),#3fcfea); color:#fff; box-shadow:0 10px 24px rgb(94 92 230 / .22); }
.as-our-prediction__icon svg { width:1.25rem; height:1.25rem; }
.as-our-prediction__heading h2 { margin-top:.25rem; color:#102a39; font-family:var(--font-display); font-size:clamp(1.3rem,3vw,1.8rem); font-weight:900; line-height:1.08; letter-spacing:-.035em; }
.dark .as-our-prediction__heading h2 { color:#fff; }
.as-our-prediction__all { flex:0 0 auto; border:1px solid rgb(8 34 51 / .1); border-radius:999px; background:rgb(255 255 255 / .72); padding:.65rem .9rem; color:#365b6e; font-size:.7rem; font-weight:900; }
.dark .as-our-prediction__all { border-color:rgb(255 255 255 / .09); background:rgb(255 255 255 / .05); color:#d3e1e8; }
.as-our-prediction__body { display:grid; grid-template-columns:minmax(0,1fr) minmax(150px,210px); gap:1rem; margin-top:1.15rem; }
.as-our-prediction__pick { border:1px solid rgb(94 92 230 / .12); border-radius:1.2rem; background:linear-gradient(135deg,var(--as-primary-soft),rgb(229 248 255 / .8)); padding:1.05rem; }
.dark .as-our-prediction__pick { border-color:rgb(255 255 255 / .08); background:linear-gradient(135deg,rgb(94 92 230 / .18),rgb(41 211 255 / .08)); }
.as-our-prediction__pick small { color:var(--as-primary); font-size:.62rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.as-our-prediction__pick strong { display:block; margin-top:.45rem; color:#102a39; font-family:var(--font-display); font-size:1.25rem; font-weight:900; line-height:1.3; }
.dark .as-our-prediction__pick strong { color:#fff; }
.as-our-prediction__pick p { margin-top:.55rem; color:#527184; font-size:.76rem; line-height:1.7; }
.dark .as-our-prediction__pick p { color:#aec2cd; }
.as-our-prediction__coverage { display:flex; flex-direction:column; justify-content:center; border-radius:1.2rem; background:#eaf1f7; padding:1rem; }
.dark .as-our-prediction__coverage { background:#103044; }
.as-our-prediction__coverage>span { height:.42rem; overflow:hidden; border-radius:999px; background:rgb(8 34 51 / .1); }
.as-our-prediction__coverage>span i { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,var(--as-primary),#29d3ff); }
.as-our-prediction__coverage>div { display:flex; align-items:flex-end; justify-content:space-between; gap:.5rem; margin-top:.65rem; }
.as-our-prediction__coverage strong { color:#102a39; font-family:var(--font-display); font-size:1.3rem; }
.as-our-prediction__coverage small { color:#658090; font-size:.6rem; font-weight:800; text-align:right; }
.dark .as-our-prediction__coverage strong { color:#fff; }
.as-our-prediction__footer { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-top:1rem; border-top:1px solid rgb(8 34 51 / .08); padding-top:1rem; }
.dark .as-our-prediction__footer { border-color:rgb(255 255 255 / .08); }
.as-our-prediction__footer p { max-width:46rem; color:#627d8c; font-size:.68rem; line-height:1.65; }
.dark .as-our-prediction__footer p { color:#a8bdc8; }
.as-our-prediction__footer a { flex:0 0 auto; color:var(--as-primary); font-size:.7rem; font-weight:900; }
.as-our-prediction__alternatives { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.9rem; }
.as-our-prediction__alternatives a { display:flex; min-width:0; flex:1 1 12rem; flex-direction:column; border-radius:.9rem; background:#edf3f8; padding:.7rem .8rem; }
.dark .as-our-prediction__alternatives a { background:#0e3043; }
.as-our-prediction__alternatives small { color:#6d8796; font-size:.56rem; font-weight:900; text-transform:uppercase; }
.as-our-prediction__alternatives strong { margin-top:.2rem; overflow:hidden; color:#102a39; text-overflow:ellipsis; white-space:nowrap; font-size:.72rem; }
.dark .as-our-prediction__alternatives strong { color:#fff; }
.as-our-prediction__empty { margin-top:1rem; border-radius:1rem; background:#edf3f8; padding:1rem; }
.dark .as-our-prediction__empty { background:#103044; }
.as-our-prediction__empty strong { color:#102a39; font-family:var(--font-display); }
.dark .as-our-prediction__empty strong { color:#fff; }
.as-our-prediction__empty p { margin-top:.35rem; color:#607b8a; font-size:.75rem; line-height:1.7; }

.as-match-seo-section {
  margin-top:1.5rem;
  border-top:1px solid rgb(8 34 51 / .07);
  background:
    radial-gradient(circle at 10% 0%,rgb(94 92 230 / .09),transparent 24rem),
    radial-gradient(circle at 92% 15%,rgb(41 211 255 / .08),transparent 22rem),
    linear-gradient(180deg,#f3f7fb,#edf3f8);
}
.dark .as-match-seo-section { border-color:rgb(255 255 255 / .07); background:linear-gradient(180deg,#061824,#04131d); }
.as-match-seo-section .as-match-seo-content { max-width:80rem; margin:0 auto; padding:2.25rem 1rem 4rem; }
.as-match-seo-section .as-match-seo-content__intro,.as-match-seo-section .as-match-seo-faq { padding:1.7rem; }
.as-match-seo-section .as-match-seo-widgets,.as-match-seo-section .as-match-seo-links { gap:1.15rem; margin-top:1.15rem; }
.as-match-seo-section .as-match-seo-widgets article,.as-match-seo-section .as-match-seo-links article { padding:1.3rem; box-shadow:0 12px 28px rgb(5 22 35 / .05); }
.as-match-seo-section .as-match-seo-disclaimer { margin-top:1.2rem; padding:1.15rem 1.3rem; }

.as-results-guide-card {
  border:1px solid rgb(8 34 51 / .08);
  border-radius:1.35rem;
  background:linear-gradient(180deg,#fff,#f5f9fc);
  padding:1.2rem;
  box-shadow:0 12px 28px rgb(5 22 35 / .06);
}
.dark .as-results-guide-card { border-color:rgb(255 255 255 / .08); background:linear-gradient(180deg,#0a293b,#071b28); }
.as-results-guide-card h2 { margin-top:.55rem; color:#102a39; font-family:var(--font-display); font-size:1.15rem; font-weight:900; line-height:1.15; }
.dark .as-results-guide-card h2 { color:#fff; }
.as-results-guide-card>p { margin-top:.65rem; color:#607b8a; font-size:.72rem; line-height:1.7; }
.dark .as-results-guide-card>p { color:#abc0ca; }
.as-results-guide-card__grid { display:grid; gap:.55rem; margin-top:1rem; }
.as-results-guide-card__grid a { border-radius:.9rem; background:#eaf1f7; padding:.75rem; }
.dark .as-results-guide-card__grid a { background:#103044; }
.as-results-guide-card__grid strong { display:block; color:#102a39; font-size:.72rem; font-weight:900; }
.dark .as-results-guide-card__grid strong { color:#fff; }
.as-results-guide-card__grid small { display:block; margin-top:.22rem; color:#6d8796; font-size:.6rem; line-height:1.45; }
.as-results-guide-card__note { border-top:1px solid rgb(8 34 51 / .08); padding-top:.8rem; }
.dark .as-results-guide-card__note { border-color:rgb(255 255 255 / .08); }

@media (max-width: 640px) {
  .as-mobile-analysis-menu__grid { grid-template-columns:1fr; }
  .as-match-team__crest-stage { width:6.7rem; min-height:4.3rem; }
  .as-match-team__follow--home { left:-.15rem; }
  .as-match-team__follow--away { right:-.15rem; }
  .as-our-prediction { padding:1.05rem; border-radius:1.25rem; }
  .as-our-prediction__head { align-items:center; }
  .as-our-prediction__icon { width:2.35rem; height:2.35rem; flex-basis:2.35rem; }
  .as-our-prediction__all { padding:.52rem .7rem; font-size:.62rem; }
  .as-our-prediction__body { grid-template-columns:1fr; }
  .as-our-prediction__footer { flex-direction:column; }
  .as-match-seo-section .as-match-seo-content { padding:1.5rem .75rem 3rem; }
  .as-match-seo-section .as-match-seo-content__intro,.as-match-seo-section .as-match-seo-faq { padding:1.15rem; }
}
@media (max-width: 1023px) { .as-mobile-analysis-menu { margin-bottom:4.75rem; } }

/* Match prediction restoration and league-position snapshot. */
.as-scorecard__tip {
  display:flex;
  min-width:0;
  align-items:center;
  gap:.55rem;
  margin-top:.62rem;
  border-top:1px solid rgb(8 34 51 / .08);
  padding-top:.55rem;
}
.dark .as-scorecard__tip { border-color:rgb(255 255 255 / .08); }
.as-scorecard__tip span {
  flex:0 0 auto;
  color:var(--as-primary);
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.as-scorecard__tip strong {
  min-width:0;
  overflow:hidden;
  color:#173446;
  font-size:.68rem;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dark .as-scorecard__tip strong { color:#edf7fb; }

.fixture-list-tip {
  display:flex;
  min-width:0;
  align-items:center;
  gap:.45rem;
  margin-top:.3rem;
  padding-left:1.75rem;
  color:#617d8d;
  font-size:.66rem;
  line-height:1.35;
}
.fixture-list-tip b { flex:0 0 auto; color:var(--as-primary); font-size:.56rem; letter-spacing:.05em; text-transform:uppercase; }
.fixture-list-tip span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dark .fixture-list-tip { color:#a8bdc8; }

.as-our-prediction__body { grid-template-columns:minmax(0,1fr); }

.as-match-standing-snapshot {
  overflow:hidden;
  border:1px solid rgb(8 34 51 / .08);
  border-radius:1.4rem;
  background:linear-gradient(180deg,#fff,#f5f9fc);
  padding:1.25rem;
  box-shadow:0 14px 34px rgb(5 22 35 / .055);
}
.dark .as-match-standing-snapshot { border-color:rgb(255 255 255 / .08); background:linear-gradient(180deg,#0a293b,#071b28); }
.as-match-standing-snapshot__head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.as-match-standing-snapshot__head h2 { margin-top:.25rem; color:#102a39; font-family:var(--font-display); font-size:1.25rem; font-weight:900; letter-spacing:-.025em; }
.dark .as-match-standing-snapshot__head h2 { color:#fff; }
.as-match-standing-snapshot__head p { margin-top:.25rem; color:#6d8796; font-size:.72rem; }
.as-match-standing-snapshot__head a { flex:0 0 auto; color:var(--as-primary); font-size:.7rem; font-weight:900; }
.as-match-standing-snapshot__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; margin-top:1rem; }
.as-match-standing-card { position:relative; overflow:hidden; border:1px solid rgb(8 34 51 / .07); border-left:3px solid var(--standing-accent,var(--as-primary)); border-radius:1.05rem; background:#edf3f8; padding:1rem; }
.dark .as-match-standing-card { border-color:rgb(255 255 255 / .07); border-left-color:var(--standing-accent,var(--as-primary)); background:#103044; }
.as-match-standing-card__club { display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:.7rem; }
.as-match-standing-card__club img { width:44px; height:44px; object-fit:contain; }
.as-match-standing-card__club span { min-width:0; }
.as-match-standing-card__club small { display:block; color:#78909d; font-size:.58rem; font-weight:800; text-transform:uppercase; }
.as-match-standing-card__club strong { display:block; overflow:hidden; margin-top:.1rem; color:#102a39; font-size:.82rem; font-weight:900; text-overflow:ellipsis; white-space:nowrap; }
.dark .as-match-standing-card__club strong { color:#fff; }
.as-match-standing-card__club>b { color:var(--standing-accent,var(--as-primary)); font-family:var(--font-display); font-size:1.35rem; font-weight:950; }
.as-match-standing-card__numbers { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.45rem; margin-top:.85rem; }
.as-match-standing-card__numbers span { border-radius:.75rem; background:rgb(255 255 255 / .72); padding:.55rem .35rem; text-align:center; }
.dark .as-match-standing-card__numbers span { background:rgb(255 255 255 / .045); }
.as-match-standing-card__numbers small { display:block; color:#7b919d; font-size:.54rem; font-weight:800; text-transform:uppercase; }
.as-match-standing-card__numbers strong { display:block; margin-top:.12rem; color:#173446; font-size:.76rem; font-weight:900; }
.dark .as-match-standing-card__numbers strong { color:#f4fbff; }
.as-match-standing-card__foot { display:flex; align-items:center; justify-content:space-between; gap:.6rem; margin-top:.7rem; color:#6d8796; font-size:.6rem; }
.as-match-standing-card__form { display:flex; gap:.2rem; }
.as-match-standing-card__form i { display:flex; width:1.15rem; height:1.15rem; align-items:center; justify-content:center; border-radius:999px; color:#fff; font-size:.52rem; font-style:normal; font-weight:900; }
.as-match-standing-snapshot__note { margin-top:.8rem; color:#78909d; font-size:.6rem; line-height:1.55; }

@media (max-width:640px) {
  .as-scorecard__tip { gap:.4rem; }
  .as-scorecard__tip span { font-size:.52rem; }
  .as-scorecard__tip strong { font-size:.62rem; }
  .fixture-list-tip { padding-left:1.65rem; }
  .as-match-standing-snapshot { padding:1rem; border-radius:1.2rem; }
  .as-match-standing-snapshot__head { align-items:center; }
  .as-match-standing-snapshot__head a { font-size:.62rem; }
  .as-match-standing-snapshot__grid { grid-template-columns:1fr; }
}