/* Shared mobile bottom navigation — exact same component on every page */
.bottomnav{display:none!important}
@media(max-width:760px){
  .bottomnav,.bottomnav *{box-sizing:border-box!important}
  body{padding-bottom:82px!important}
  .bottomnav{
    position:fixed!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    width:auto!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:4px!important;
    gap:0!important;
    z-index:200!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:16px!important;
    background:rgba(6,9,13,.94)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    overflow:hidden!important
  }
  .bottomnav a,.bottomnav a.active{
    position:relative!important;
    display:grid!important;
    grid-template-rows:22px 11px!important;
    place-items:center!important;
    align-content:center!important;
    min-width:0!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    margin:0!important;
    padding:2px 0!important;
    gap:3px!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#8f99a6!important;
    text-decoration:none!important;
    font-family:Inter,Arial,Helvetica,sans-serif!important;
    font-size:9px!important;
    line-height:11px!important;
    font-weight:800!important;
    letter-spacing:.02em!important;
    overflow:hidden!important
  }
  .bottomnav a.active{color:#fff!important}
  .bottomnav a:after,.bottomnav a.active:after{display:none!important;content:none!important}
  .bottomnav a b,.bottomnav a.active b{
    display:grid!important;
    place-items:center!important;
    width:22px!important;
    height:22px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    color:inherit!important;
    transform:none!important;
    line-height:1!important
  }
  .bottomnav .navglyph{
    display:block!important;
    width:19px!important;
    height:19px!important;
    margin:0!important;
    background:currentColor!important;
    opacity:.82!important;
    mask-position:center!important;
    mask-repeat:no-repeat!important;
    mask-size:contain!important;
    -webkit-mask-position:center!important;
    -webkit-mask-repeat:no-repeat!important;
    -webkit-mask-size:contain!important
  }
  .bottomnav a.active .navglyph{opacity:1!important}
  .bottomnav .icon-home{mask-image:url('icons/home.svg')!important;-webkit-mask-image:url('icons/home.svg')!important}
  .bottomnav .icon-sports{mask-image:url('icons/sports.svg')!important;-webkit-mask-image:url('icons/sports.svg')!important}
  .bottomnav .icon-scores{mask-image:url('icons/scores.svg')!important;-webkit-mask-image:url('icons/scores.svg')!important}
  .bottomnav .icon-news{mask-image:url('icons/news.svg')!important;-webkit-mask-image:url('icons/news.svg')!important}
  .bottomnav .icon-odds{mask-image:url('icons/odds.svg')!important;-webkit-mask-image:url('icons/odds.svg')!important}
}

@media(max-width:760px){
  :root[data-theme="light"] .bottomnav{
    background:rgba(255,255,255,.96)!important;
    border-color:rgba(17,21,27,.14)!important;
    box-shadow:0 10px 28px rgba(17,21,27,.14)!important
  }
  :root[data-theme="light"] .bottomnav a,
  :root[data-theme="light"] .bottomnav a.active{color:#5a6674!important}
  :root[data-theme="light"] .bottomnav a.active{color:#11151b!important}
}