.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(8,11,20,.94);
  border-bottom: 1px solid rgba(157,255,99,.18);
  box-shadow: 0 10px 35px rgba(0,0,0,.22);
  backdrop-filter: blur(14px);
}
.site-header .brand { color:#fff; text-shadow:0 0 18px rgba(157,255,99,.12); }
.main-nav { display:flex; align-items:center; gap:8px; }
.main-nav > a,.nav-dropdown > button { padding:10px 13px; color:#dce5f3; background:rgba(21,29,46,.62); border:1px solid rgba(255,255,255,.07); border-radius:10px; font-size:13px; font-weight:800; transition:color .2s,background .2s,border-color .2s; }
.nav-dropdown { position:relative; }
.nav-dropdown > button:hover,.main-nav > a:hover { color:var(--lime); background:rgba(157,255,99,.09); border-color:rgba(157,255,99,.32); }
.dropdown-menu { display:none; position:absolute; z-index:50; top:calc(100% - 3px); right:0; min-width:205px; padding:9px; background:#111827; border:1px solid var(--line); border-radius:14px; box-shadow:0 18px 50px rgba(0,0,0,.45); }
.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu { display:block; }
.dropdown-menu a { display:block; padding:11px 12px; border-radius:9px; color:var(--muted); font-size:12px; white-space:nowrap; }
.dropdown-menu a:hover { background:var(--panel2); color:var(--lime); }
@media(max-width:900px) and (min-width:721px){.main-nav{gap:14px}.main-nav>a,.nav-dropdown>button{font-size:11px}}
@media(max-width:720px){.site-header{height:auto;min-height:76px;flex-wrap:wrap;padding-bottom:12px}.site-header .main-nav{display:flex;width:100%;gap:16px;padding-top:9px;border-top:1px solid #ffffff10}.main-nav>a,.nav-dropdown>button{font-size:10px}.dropdown-menu{left:0;right:auto}.nav-dropdown:last-child .dropdown-menu{left:auto;right:0}}

footer {
  max-width: 1440px;
  margin: 70px auto 0;
  padding: 38px 34px 26px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
  color: var(--muted);
  background: linear-gradient(180deg, rgba(16,22,36,.72), rgba(8,11,20,.18));
  border-top: 1px solid var(--line);
}

footer .brand { color: var(--text); }
footer .footer-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}

footer .footer-links a,
footer > p a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 8px 13px;
  color: var(--muted);
  background: rgba(21,29,46,.72);
  border: 1px solid var(--line);
  border-radius: 10px;
  transition: color .2s, border-color .2s, background .2s;
}

footer .footer-links a:hover,
footer > p a:hover {
  color: var(--lime);
  border-color: rgba(157,255,99,.35);
  background: rgba(157,255,99,.07);
}

footer > p { margin: 0; }
footer::after {
  content: "© 2026 Football Games Unblocked 10x. All rights reserved.";
  grid-column: 1 / -1;
  padding-top: 20px;
  text-align: center;
  color: #657189;
  font-size: 10px;
  letter-spacing: .06em;
  border-top: 1px solid #ffffff0d;
}

@media(max-width:800px){
  footer { grid-template-columns: 1fr; justify-items: center; padding: 32px 18px 24px; }
  footer .footer-links { grid-column: 1; }
  footer > p { grid-column: 1; margin: 0; }
  footer::after { grid-column: 1; width: 100%; }
}


/* v26 visual audit: stronger navigation contrast and clearer interaction states */
.site-header{
  background:rgba(8,11,20,.97);
  border-bottom-color:rgba(157,255,99,.24);
  box-shadow:0 10px 32px rgba(0,0,0,.30);
}
.main-nav{gap:9px}
.main-nav > a,.nav-dropdown > button{
  color:#f1f5fb;
  background:rgba(24,33,51,.88);
  border-color:rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.main-nav > a:hover,.main-nav > a:focus-visible,
.nav-dropdown > button:hover,.nav-dropdown > button:focus-visible{
  color:var(--lime);
  background:rgba(157,255,99,.11);
  border-color:rgba(157,255,99,.42);
  outline:none;
}
.site-header nav .active{
  color:#071007!important;
  background:var(--lime)!important;
  border-color:var(--lime)!important;
}
.dropdown-menu{
  background:#0d1422;
  border-color:rgba(255,255,255,.13);
}
.dropdown-menu a{color:#d7dfed;font-weight:700}
.dropdown-menu a:hover,.dropdown-menu a:focus-visible{
  color:var(--lime);
  background:rgba(157,255,99,.09);
  outline:none;
}
@media(max-width:720px){
  .site-header{padding-left:16px;padding-right:16px}
  .site-header .main-nav{
    gap:7px;
    overflow-x:auto;
    padding-bottom:2px;
    scrollbar-width:none;
    flex-wrap:nowrap;
  }
  .site-header .main-nav::-webkit-scrollbar{display:none}
  .main-nav>a,.nav-dropdown>button{
    flex:0 0 auto;
    font-size:11px;
    padding:9px 11px;
  }
}

/* Football Games Unblocked 10x court theme */
:root{--bb20-navy:#071827;--bb20-panel:#0d2538;--bb20-orange:#ff7a1a;--bb20-gold:#ffb13b;--bb20-cream:#fff3df;--bb20-line:#21445d;}
body{background:radial-gradient(circle at 20% 0%,#173b54 0,#071827 38%,#05111d 100%)!important;color:#f7fbff!important;}
.site-header{background:rgba(5,17,29,.94)!important;border-bottom:1px solid #21445d!important;}
.brand span,.section-head h2,.about h2,.home-seo h2{color:#fff3df!important;}
.primary,.play-button,.load-more{background:linear-gradient(135deg,#ff7a1a,#ffb13b)!important;color:#1b1007!important;box-shadow:0 8px 26px rgba(255,122,26,.24)!important;}
.game-card,.player-card,.details-grid article,.game-meta-row,.about,.home-seo,.ai-finder{border-color:#21445d!important;background:rgba(13,37,56,.88)!important;}
.kicker,.result-count,.section-link{color:#ffb13b!important;}
.chip.active{background:#ff7a1a!important;color:#15100a!important;border-color:#ff7a1a!important;}

/* Football Games Unblocked 10x — violet court / electric aqua identity */
:root{--b10-ink:#09071a;--b10-panel:#17112d;--b10-violet:#8b5cf6;--b10-aqua:#2ee6c5;--b10-peach:#ff9868;--b10-line:#3a2b61;}
body{background:radial-gradient(circle at 82% 0%,#2a1853 0,transparent 34%),radial-gradient(circle at 10% 18%,#123f48 0,transparent 28%),#09071a!important;color:#f8f7ff!important;}
.site-header{background:rgba(9,7,26,.94)!important;border-bottom-color:#3a2b61!important;}
.primary,.play-button,.load-more{background:linear-gradient(135deg,#8b5cf6,#2ee6c5)!important;color:#080516!important;box-shadow:0 10px 28px rgba(139,92,246,.22)!important;}
.game-card,.player-card,.details-grid article,.game-meta-row,.about,.home-seo{border-color:#3a2b61!important;background:rgba(23,17,45,.9)!important;}
.kicker,.result-count,.section-link,.search-links a{color:#2ee6c5!important;}
.search-links a:hover{color:#ff9868!important;text-decoration:underline;}
.chip.active{background:#8b5cf6!important;color:white!important;border-color:#8b5cf6!important;}
.brand span,.section-head h2,.about h2,.home-seo h2{color:#fff8f2!important;}

/* Football Games Unblocked 10x identity */
:root{--s20-bg:#070b10;--s20-panel:#0e1620;--s20-green:#b8ff2c;--s20-cobalt:#3f66ff;--s20-ice:#dff7ff;}
body{background:radial-gradient(circle at 20% 0%,rgba(63,102,255,.16),transparent 32%),linear-gradient(180deg,#070b10,#0a1018 58%,#070b10);}
.brand span,.kicker{letter-spacing:.04em}.brand img{filter:drop-shadow(0 0 10px rgba(184,255,44,.25));}
.hero,.brand-editorial,.home-seo,.ai-finder{border-color:rgba(184,255,44,.18);box-shadow:0 18px 55px rgba(0,0,0,.28);}
.ai-suggestions a,.search-links a,.section-link{transition:transform .18s ease,box-shadow .18s ease}.ai-suggestions a:hover,.search-links a:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(63,102,255,.18);}

/* Football Games Unblocked 10x — cobalt / teal / amber classroom theme */
:root{--bg:#07111f;--panel:#0d1b2d;--panel2:#13243a;--line:#28425f;--text:#f5f8ff;--muted:#9cb0c8;--lime:#31e6c4;--cyan:#ffbd4a;}
body{background:radial-gradient(circle at 78% 0,rgba(42,91,155,.30) 0,transparent 32%),radial-gradient(circle at 10% 35%,rgba(49,230,196,.08),transparent 30%),var(--bg);}
.hero:after{background:radial-gradient(circle at 35% 35%,rgba(49,230,196,.46),transparent 52%),radial-gradient(circle at 70% 70%,rgba(255,189,74,.32),transparent 48%);}
.about{background:linear-gradient(130deg,#0d2830,#101c35);}
.ai-finder{background:linear-gradient(135deg,#0d2534,#121c32);}
.brand-editorial,.home-seo{border-color:rgba(49,230,196,.18)!important;}