/* Shared public navigation chassis for Asian Handicap / 1X2 · Over/Under.
   Presentation only: no runtime, feed, signal, odds or analytics logic.
   v4 locks identical typography and geometry across public pages. */

html{scrollbar-gutter:stable}
@media(min-width:701px){html{overflow-y:scroll}}

.topbar{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  width:100%!important;
  height:64px!important;
  min-height:64px!important;
  background:linear-gradient(90deg,#123328,#125c45,#123328)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.28)!important;
  border-bottom:0!important;
}
.topbar-inner.public-four-nav{
  position:relative!important;
  width:100%!important;
  max-width:1120px!important;
  height:64px!important;
  min-height:64px!important;
  margin:0 auto!important;
  padding:0 16px!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:16px!important;
  box-sizing:border-box!important;
}
.topbar-inner.public-four-nav>.brand{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:var(--text)!important;
  text-decoration:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:30px!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
  line-height:1!important;
  white-space:nowrap!important;
  transform:none!important;
  -webkit-text-stroke:.22px currentColor!important;
  text-rendering:geometricPrecision!important;
  animation:none!important;
  transition:none!important;
}
.topbar-inner.public-four-nav>.brand span{color:var(--yellow)!important;-webkit-text-stroke:.22px currentColor!important}
.topbar-inner.public-four-nav>.brand::after{display:none!important;content:none!important}
.topbar-inner.public-four-nav>.source-pill{display:none!important}

/* Public navigation has two primary destinations. Statistics is an Asian Handicap subpage;
   hide legacy cached Statistics/Picks anchors so every public header stays identical. */
.topbar-inner.public-four-nav>.topnav a[href*="statistics"],
.mobile-nav.public-four-nav a[href*="statistics"],
.topbar-inner.public-four-nav>.topnav a[href*="soccer-predictions"],
.mobile-nav.public-four-nav a[href*="soccer-predictions"]{display:none!important}

.topbar-inner.public-four-nav>.topnav{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:2px!important;
  white-space:nowrap!important;
  animation:none!important;
  transition:none!important;
}
.topbar-inner.public-four-nav>.topnav a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  height:40px!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  text-decoration:none!important;
  color:rgba(255,255,255,.75)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:0!important;
  line-height:1!important;
  transition:none!important;
  animation:none!important;
}
.topbar-inner.public-four-nav>.topnav a:nth-child(1){width:124px!important;font-size:13px!important}
.topbar-inner.public-four-nav>.topnav a:nth-child(1)::after{display:none!important;content:none!important}
.topbar-inner.public-four-nav>.topnav a:nth-child(2){width:144px!important}
.topbar-inner.public-four-nav>.topnav a:nth-child(3){width:104px!important}
.topbar-inner.public-four-nav>.topnav a:nth-child(4){width:72px!important}
.topbar-inner.public-four-nav>.topnav a[href*="nomad-live-342"]{width:144px!important}
.topbar-inner.public-four-nav>.topnav a:hover,
.topbar-inner.public-four-nav>.topnav a:focus-visible,
.topbar-inner.public-four-nav>.topnav a.active{
  color:var(--green)!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  outline:none!important;
}
.topbar-inner.public-four-nav>.topnav a:focus-visible{
  outline:1px solid var(--green)!important;
  outline-offset:2px!important;
}

.mobile-nav.public-four-nav{display:none!important}

@media(max-width:700px){
  .topbar{
    height:58px!important;
    min-height:58px!important;
  }
  .topbar-inner.public-four-nav{
    width:100%!important;
    max-width:1120px!important;
    height:58px!important;
    min-height:58px!important;
    padding:0 12px!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
  }
  .topbar-inner.public-four-nav>.brand{
    font-size:25px!important;
    text-align:center!important;
    -webkit-text-stroke:.24px currentColor!important;
  }
  .topbar-inner.public-four-nav>.brand span{-webkit-text-stroke:.24px currentColor!important}
  .topbar-inner.public-four-nav>.topnav{display:none!important}
  .mobile-nav.public-four-nav{
    display:grid!important;
    position:fixed!important;
    bottom:0!important;
    left:0!important;
    right:0!important;
    z-index:30!important;
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    margin:0!important;
    padding:0!important;
    background:#111711!important;
    border-top:1px solid var(--line)!important;
    box-shadow:0 -8px 20px rgba(0,0,0,.18)!important;
    box-sizing:border-box!important;
    animation:none!important;
    transition:none!important;
  }
  .mobile-nav.public-four-nav a{
    min-width:0!important;
    height:57px!important;
    margin:0!important;
    padding:5px 3px 4px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    text-align:center!important;
    text-decoration:none!important;
    color:#aab1ab!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    text-shadow:none!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:11.7px!important;
    font-weight:900!important;
    letter-spacing:0!important;
    line-height:1!important;
    white-space:nowrap!important;
    transition:none!important;
    animation:none!important;
    box-sizing:border-box!important;
  }
  .mobile-nav.public-four-nav a:nth-child(1){font-size:11.7px!important}
  .mobile-nav.public-four-nav a:nth-child(1)::after{display:none!important;content:none!important}
  .mobile-nav.public-four-nav a::before{
    content:""!important;
    display:block!important;
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
    background:currentColor!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-position:center!important;
    mask-position:center!important;
    -webkit-mask-size:18px 18px!important;
    mask-size:18px 18px!important;
  }
  .mobile-nav.public-four-nav a:nth-child(1)::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 12 18 6M12 4v2M4 12h2M12 18v2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='12' r='2' fill='black'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 12 18 6M12 4v2M4 12h2M12 18v2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='12' r='2' fill='black'/%3E%3C/svg%3E")!important;
  }
  .mobile-nav.public-four-nav a:nth-child(2)::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19V11M12 19V5M19 19V8M3 19h18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19V11M12 19V5M19 19V8M3 19h18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  }
  .mobile-nav.public-four-nav a:nth-child(3)::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m12 8 3 2-1 4h-4l-1-4 3-2Zm-3 2-4-1M15 10l4-1M10 14l-2 4M14 14l2 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m12 8 3 2-1 4h-4l-1-4 3-2Zm-3 2-4-1M15 10l4-1M10 14l-2 4M14 14l2 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  }
  .mobile-nav.public-four-nav a:nth-child(4)::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='black'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='black'/%3E%3C/svg%3E")!important;
  }
  .mobile-nav.public-four-nav a[href*="nomad-live-342"]::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m12 8 3 2-1 4h-4l-1-4 3-2Zm-3 2-4-1M15 10l4-1M10 14l-2 4M14 14l2 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m12 8 3 2-1 4h-4l-1-4 3-2Zm-3 2-4-1M15 10l4-1M10 14l-2 4M14 14l2 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  }
  .mobile-nav.public-four-nav a:hover,
  .mobile-nav.public-four-nav a:focus-visible,
  .mobile-nav.public-four-nav a.active{
    color:var(--green)!important;
    background:transparent!important;
    box-shadow:none!important;
    text-shadow:none!important;
    outline:none!important;
  }
  .mobile-nav.public-four-nav a:focus-visible{
    outline:1px solid var(--green)!important;
    outline-offset:-2px!important;
  }
}

/* Prediction2-only layout alignment. Keep this isolated from the main pages. */
body[data-page="prediction2"] .kicker{display:none!important}
body[data-page="prediction2"] .king-shell{
  width:100%!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding:10px 16px 28px!important;
  box-sizing:border-box!important;
}
body[data-page="prediction2"] .king-hero{
  margin:0 0 12px!important;
}
body[data-page="prediction2"] .topbar-inner.public-four-nav>.brand{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:30px!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
  line-height:1!important;
  white-space:nowrap!important;
  -webkit-text-stroke:.22px currentColor!important;
  text-rendering:geometricPrecision!important;
}
body[data-page="prediction2"] .topbar-inner.public-four-nav>.brand span{
  -webkit-text-stroke:.22px currentColor!important;
}
@media(max-width:700px){
  body[data-page="prediction2"] .king-shell{
    padding:8px 12px 28px!important;
  }
  body[data-page="prediction2"] .topbar-inner.public-four-nav>.brand{
    font-size:25px!important;
    -webkit-text-stroke:.24px currentColor!important;
  }
  body[data-page="prediction2"] .topbar-inner.public-four-nav>.brand span{
    -webkit-text-stroke:.24px currentColor!important;
  }
}

/* Primary content cards: square corners on every viewport. */
html body main.shell :is(.hero,.panel,.metric,.match-wrap,.signal-card,.signal-lock-card,.table-wrap,.stats-table-wrap){
  border-radius:0!important;
}
html body main.shell .match-wrap > summary{border-radius:0!important;}

/* Final two-link geometry lock: identical before and after page scripts run. */
html body .topbar-inner.public-four-nav>.topnav{
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
}
html body .topbar-inner.public-four-nav>.topnav>a:nth-child(1){
  width:124px!important;
  min-width:124px!important;
  max-width:124px!important;
  flex:0 0 124px!important;
}
html body .topbar-inner.public-four-nav>.topnav>a:nth-child(2){
  width:144px!important;
  min-width:144px!important;
  max-width:144px!important;
  flex:0 0 144px!important;
}