/* Shared navigation between Saisonüberblick and Jahreskartenübersicht. */
.overviewTabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:16px 0 22px;
}
.overviewTab{
  position:relative;
  min-height:104px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  overflow:hidden;
  padding:18px 22px;
  border:1px solid #dfe3e8;
  border-radius:18px;
  background:#fff;
  color:#1f2a30;
  box-shadow:0 8px 24px rgba(20,25,30,.045);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.overviewTab:hover{
  transform:translateY(-2px);
  border-color:#c7ced7;
  box-shadow:0 14px 34px rgba(20,25,30,.09);
}
.overviewTab:focus-visible{
  outline:3px solid rgba(225,73,117,.3);
  outline-offset:3px;
}
.overviewTab:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:#e14975;
  opacity:0;
}
.overviewTabKicker{
  color:#8a919d;
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.overviewTab strong{
  font:700 clamp(19px,2.2vw,25px)/1.1 'Space Grotesk',Manrope,sans-serif;
  letter-spacing:-.035em;
}
.overviewTab small{
  max-width:520px;
  color:#737b88;
  font-size:11px;
  line-height:1.45;
}
.overviewTab.active{
  border-color:#1f2a30;
  background:linear-gradient(135deg,#1f2a30,#11161a);
  color:#fff;
  box-shadow:0 16px 38px rgba(18,24,28,.16);
}
.overviewTab.active:before{opacity:1}
.overviewTab.active .overviewTabKicker{color:#ff7da2}
.overviewTab.active small{color:rgba(255,255,255,.68)}
.gameCard.deepLinkedGame{
  scroll-margin-top:92px;
  border-color:#e14975!important;
  box-shadow:0 0 0 4px rgba(225,73,117,.13),0 18px 45px rgba(20,25,30,.12)!important;
  animation:seasoncrewDeepLink 1.15s ease-out;
}
@keyframes seasoncrewDeepLink{
  0%{box-shadow:0 0 0 12px rgba(225,73,117,.25),0 18px 45px rgba(20,25,30,.12)}
  100%{box-shadow:0 0 0 4px rgba(225,73,117,.13),0 18px 45px rgba(20,25,30,.12)}
}
@media(max-width:680px){
  .overviewTabs{gap:8px;margin:10px 0 16px}
  .overviewTab{min-height:92px;padding:14px 15px;border-radius:15px}
  .overviewTab strong{font-size:17px}
  .overviewTab small{font-size:9px}
}
@media(max-width:440px){
  .overviewTabs{grid-template-columns:1fr}
  .overviewTab{min-height:82px}
}
/* Compact fixture heading on phones: show the opponent instead of repeating the crew's club. */
.fixtureTeamsDesktop{display:contents}
.fixtureOpponentMobile{display:none}
@media(max-width:700px){
  .fixtureTeamsDesktop{display:none}
  .fixtureOpponentMobile{display:flex;min-width:0;align-items:center;gap:8px}
  .fixtureOpponentCopy{display:flex;min-width:0;flex-direction:column;gap:2px}
  .fixtureOpponentCopy small{color:#a36a24;font:800 8px/1 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}
  .fixtureOpponentCopy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
