.header-club-search{position:relative;flex:0 0 190px;min-width:0}
.header-club-search input{width:100%;font-size:16px;background:#fff;color:#071f46;border:1px solid #bccfe8;border-radius:12px;padding:11px 13px;min-height:44px}
.header-club-results{position:absolute;top:calc(100% + 10px);right:0;width:340px;max-width:90vw;max-height:60vh;overflow:auto;background:#fff;color:#071f46;border:1px solid #cedced;border-radius:16px;box-shadow:0 18px 50px #00163245;padding:8px;z-index:30}
.header-club-results[hidden]{display:none}
.header-club-results p{margin:8px 10px;font-size:13px;color:#52647a}
.header-club-results button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:white;color:#071f46;border:0;border-radius:10px;padding:10px;cursor:pointer}
.header-club-results button:hover,.header-club-results button:focus{background:#e7f1ff;outline:2px solid #176ce1}
.header-club-results img{object-fit:contain;flex-shrink:0}
.header-club-results span{display:grid;gap:4px}.header-club-results small{color:#52647a}
@media(min-width:1051px) and (max-width:1500px){.topbar nav{display:none!important}.topbar nav.open{display:flex!important;position:absolute;top:76px;left:18px;right:18px;background:#071f46;flex-wrap:wrap}.topbar .menu-toggle{display:block}}
@media(max-width:600px){.topbar{height:auto!important;min-height:82px;flex-wrap:wrap;padding:12px 16px!important;gap:10px!important}.header-club-search{order:4;flex:0 0 100%}.header-club-results{width:100%;max-width:100%}.topbar nav{top:130px!important}.topbar .premium{display:none}.brand{margin-right:auto}}
:root {
  --ink: #071f46;
  --deep: #061a3a;
  --forest: #0a3470;
  --green: #1269d3;
  --lime: #39d8ff;
  --paper: #f3f7fd;
  --line: #d5e2f1;
  --muted: #63738a;
  --gold: #ffb648;
  --red: #cf3f55;
  --blue: #1269d3;
  --shadow: 0 20px 50px rgba(7, 31, 70, .11);
}

.topbar {
  background: rgba(6, 26, 58, .97);
  gap: 26px;
}

.brand-logo {
  width: 44px;
  height: 44px;
  object-fit: contain;
  filter: drop-shadow(0 6px 14px rgba(29, 104, 255, .28));
}

nav {
  gap: 8px;
  padding: 5px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 14px;
}

nav a {
  padding: 9px 10px;
  border-radius: 10px;
  white-space: nowrap;
  font-size: 12px;
}

nav a:hover {
  background: rgba(57,216,255,.12);
  color: #70e5ff;
}
.menu-toggle { display: none; width: 43px; height: 43px; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; background: rgba(255,255,255,.07); padding: 10px; }
.menu-toggle span { display: block; height: 2px; background: #fff; margin: 4px 0; border-radius: 2px; }

.hero {
  background: radial-gradient(circle at 88% 0, #164f9b 0, transparent 38%), var(--deep);
}

.hero .eyebrow, .light { color: #6fe5ff; }
.hero-copy>p, .trust-row { color: #bfd0e6; }
.eyebrow { color: #1269d3; }
.primary, .premium { background: linear-gradient(135deg, #39d8ff, #2676ff); color: #04142f; }
.spotlight { background: #fff; color: #071f46; border: 1px solid #d5e2f1; transform: none; }
.country-flag { width: 28px; height: 20px; object-fit: contain; vertical-align: middle; flex-shrink: 0; }
.league-row>span { display: inline-flex; align-items: center; gap: 8px; }
.premium-lock,.avoid-section{padding:26px;border:1px solid #cbd9e9;border-radius:20px;margin:22px 0;background:#fff;color:#102e51}
.premium-lock{background:#edf4ff;border-color:#a9c7f0}.avoid-section h3,.premium-lock h3{margin:12px 0;font-size:24px}.avoid-section p,.premium-lock p{line-height:1.6;color:#52647a}.avoid-entry{border:1px solid #cbd4df;border-radius:16px;overflow:hidden;margin-top:18px}.avoid-entry>h4,.avoid-entry>p{margin:18px 22px}.avoid-entry>h4{font-size:18px;letter-spacing:.04em}.odds-grid .favourite-warning{border:2px solid #657489!important;background:#e2e7ee!important;color:#17283f!important}.odds-grid .favourite-warning span{font-weight:900;color:#233a56!important}
.signal, .pick-strip { background: linear-gradient(135deg, #dff9ff, #dceaff); color: #082b61; }
.competition summary { border-left-color: #2676ff; }
.official-card { border-top-color: #2676ff; }
.server-fixture-index{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.status.official { background: #dbeaff; color: #075cbf; }
.status.stake-favorite { background: #dff7ff; color: #006b91; border: 1px solid #80d9f4; }
.status.stake-underdog { background: #eee7ff; color: #6530ad; border: 1px solid #cbb4f4; }
.odds-grid .back { background: #e4f1ff; border-color: #9bc6fa; }
.odds-grid .back span { color: #075cbf; }
.logic-grid div { background: #0b2b5d; border-color: #1d4c86; }
.logic-grid b { color: #6fe5ff; }
.logic-grid span { color: #a8bdd8; }
.method p, .tracking p { color: #b5c7dd; }
.ranking-table .table-head { background: #e8f1fc; }
.ranking-table em { color: #075cbf; background: #deecff; }
.track-stats small { color: #a9bdd7; }
.result-panel p { color: #5b6f88; }
.mini-bars div { background: #edf4fc; }
.method, .tracking { background: linear-gradient(135deg, #061a3a, #0a3470); }
.result-panel { background: #eaf3ff; color: #071f46; }
.dont-back { background: #fff3e4 !important; border-color: #ffcf88 !important; }
.dont-back span { color: #a75800 !important; }

.crest {
  object-fit: contain;
  background: #fff;
  padding: 6px;
  box-sizing: border-box;
}

.signal { display:flex; flex-direction:row; align-items:center; gap:14px; border-color:#a8ccff; }
.signal>div { display:grid; gap:6px; }
.signal span,.pick-strip span { color:#26466b; }
.pick-strip b { margin-left:0; }
.spotlight .card-label,.spotlight .league-row time,.spotlight .versus small { color:#52647a; }
.result-panel .card-label { color:#405773; }
.date-tabs { display:flex; gap:10px; margin-bottom:18px; flex-wrap:wrap; }
.date-tabs button { border:1px solid #c3d4e8; border-radius:12px; background:white; color:#183959; padding:14px 18px; cursor:pointer; font-weight:750; }
.date-tabs button.active { background:#0064e8; border-color:#0064e8; color:white; }
.date-tabs button:focus-visible,summary:focus-visible { outline:3px solid #1680ff; outline-offset:3px; }
.day-count { color:#425671; font-size:14px; margin:22px 0; }
.odds-grid .back { background:#0064e8!important; border:2px solid #1982ff!important; color:white!important; box-shadow:0 0 15px #2676ff30; }
.odds-grid .back small,.odds-grid .back b,.odds-grid .back span { color:white!important; }
.odds-grid .avoid,.odds-grid .dont-back { background:#e9edf2!important; border-color:#cbd3df!important; color:#273749!important; }
.odds-grid .avoid span,.odds-grid .avoid small,.odds-grid .dont-back span { color:#435269!important; }
.match-card .team b { color:#071f46; overflow-wrap:anywhere; }
.match-card .analysis-btn { display:inline-block; }
.match-card .pick-strip { background:#e0edff; }
.crest.tiny {
  padding: 3px;
}

.feed-note {
  margin: 9px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.team-directory { padding-top: 72px; }
.team-heading { align-items: end; }
.team-heading p { max-width: 680px; color: var(--muted); line-height: 1.65; }
.team-search { width: min(340px, 100%); display: grid; gap: 7px; }
.team-search span { font-size: 11px; font-weight: 800; color: var(--muted); text-transform: uppercase; letter-spacing: .12em; }
.team-search input { width: 100%; min-height: 48px; border: 1px solid var(--line); border-radius: 14px; background: #fff; padding: 0 16px; color: var(--ink); font-size: 16px; outline: none; }
.team-search input:focus { border-color: #2676ff; box-shadow: 0 0 0 4px rgba(38,118,255,.12); }
.team-directory-meta { display: flex; justify-content: space-between; gap: 20px; padding: 14px 18px; margin: 20px 0; color: var(--muted); background: #eaf2fd; border: 1px solid #d4e4f7; border-radius: 14px; font-size: 13px; }
.team-directory-meta b { color: var(--ink); }
.team-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.team-card { border: 1px solid var(--line); background: #fff; border-radius: 20px; min-height: 104px; display: grid; grid-template-columns: 62px 1fr auto; gap: 16px; align-items: center; padding: 18px; text-align: left; color: var(--ink); cursor: pointer; transition: transform .2s, box-shadow .2s, border-color .2s; }
.team-card:hover { transform: translateY(-2px); border-color: #84b9f8; box-shadow: var(--shadow); }
.team-card>img { width: 58px; height: 58px; object-fit: contain; }
.club-monogram{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#e5f3ff,#cfe6fb);border:1px solid #b9d5ee;color:#0b5f9c;font-weight:900;font-size:15px;flex-shrink:0}.club-monogram.profile{width:82px;height:82px;border-radius:23px;font-size:22px}.club-monogram.search{width:36px;height:36px;border-radius:10px;font-size:10px}.team-results-note{grid-column:1/-1;margin:4px 0 0;padding:14px;text-align:center;color:var(--muted);background:#edf5fc;border-radius:13px;font-size:12px}
.team-card>span { display: grid; gap: 4px; }
.team-card span small { font-size: 11px; color: #2676ff; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.team-card span b { font-size: 18px; }
.team-card span em { color: var(--muted); font-size: 13px; font-style: normal; }
.team-card>strong { font-size: 24px; text-align: right; }
.team-card>strong small { display: block; font-size: 10px; color: var(--muted); letter-spacing: .1em; text-transform: uppercase; }
.empty-state { grid-column: 1/-1; padding: 38px; text-align: center; color: var(--muted); background: #fff; border: 1px dashed var(--line); border-radius: 18px; }
.team-profile { position: relative; margin-top: 22px; padding: 30px; border-radius: 24px; border: 1px solid #cbdcf1; background: linear-gradient(135deg,#fff,#edf5ff); box-shadow: var(--shadow); }
.profile-close { position: absolute; right: 18px; top: 18px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: #dfeafa; color: var(--ink); font-size: 24px; cursor: pointer; }
.team-profile header { display: flex; align-items: center; gap: 20px; }
.team-profile header img { width: 82px; height: 82px; object-fit: contain; }
.team-profile h3 { margin: 5px 0; font-size: 34px; }
.team-profile p { color: var(--muted); margin: 0; }
.profile-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 26px; }
.profile-stats span { padding: 18px; border-radius: 16px; background: #fff; border: 1px solid var(--line); }
.profile-stats small { display: block; color: var(--muted); margin-bottom: 8px; }
.profile-stats b { font-size: 22px; }
.positive { color: #087f5b; }.negative { color: #bf3145; }
.profile-insight { margin-top: 16px; padding: 20px; border-radius: 16px; background: #071f46; color: #fff; }
.profile-insight span { color: #6fe5ff; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.profile-insight b { display: block; margin: 8px 0; font-size: 20px; }
.profile-insight p { color: #c2d3e9; line-height: 1.6; }
.analytics-section { padding-top: 40px; }
.analytics-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.analytics-grid article { padding: 24px; min-height: 160px; border-radius: 20px; background: #fff; border: 1px solid var(--line); border-top: 4px solid #2676ff; display: flex; flex-direction: column; }
.analytics-grid span { color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.analytics-grid b { font-size: 30px; margin: 17px 0 8px; }
.analytics-grid small { color: var(--muted); line-height: 1.5; }
.team-card { color: inherit; text-decoration: none; }
.team-link{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none;min-width:0}.team-link>span{display:flex;flex-direction:column;gap:3px;min-width:0}.team-link b{line-height:1.15}.team-link small{font-size:10px!important;color:#60758b!important;font-weight:700;letter-spacing:.01em}.team-link:hover b{color:#087ff5}.team-link:hover small{text-decoration:underline}.team-link.away{justify-content:flex-end;text-align:right}.team-link:focus-visible{outline:3px solid #51b9ff;outline-offset:6px;border-radius:8px}

@media (max-width: 1050px) {
  .topbar nav { display: none; position: absolute; left: 18px; right: 18px; top: 72px; padding: 12px; background: #071f46; border-color: #264a77; flex-direction: column; box-shadow: 0 20px 40px rgba(0,0,0,.3); }
  .topbar nav.open { display: flex; }
  .topbar nav a { font-size: 14px; padding: 12px; }
  .menu-toggle { display: block; }
  .analytics-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 700px) {
  .team-heading { align-items: stretch; }
  .team-grid, .analytics-grid, .profile-stats { grid-template-columns: 1fr; }
  .team-directory-meta { flex-direction: column; }
  .team-card { grid-template-columns: 52px 1fr auto; padding: 15px; }
  .team-card>img { width: 48px; height: 48px; }
  .club-monogram{width:40px;height:40px;border-radius:11px;font-size:11px}.club-monogram.profile{width:68px;height:68px;border-radius:18px;font-size:18px}
  .team-profile { padding: 24px 18px; }
  .team-profile h3 { font-size: 27px; }
  .team-link.away{justify-content:flex-start;text-align:left;flex-direction:row-reverse}.team-link small{font-size:9px!important}
}