/* Nacworld V25 — layout-only correction for V24.  No animated observers or filters. */
/* V24's two-column grid moved the hero heading and action buttons left. Restore the
   centered, single-column hero while retaining a compact information band above it. */
.nw-hero.shell,
.nw-hero {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  position:relative!important;
  grid-template-columns:none!important;
  row-gap:0!important;
  column-gap:0!important;
  text-align:center!important;
}
.nw-hero > .nw-hero-main {
  display:block!important;
  order:1!important;
  grid-column:auto!important;
  grid-row:auto!important;
  align-self:center!important;
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  width:min(100%,880px)!important;
  max-width:880px!important;
  margin:0 auto!important;
  padding-inline:0!important;
  transform:none!important;
  text-align:center!important;
}
.nw-hero .nw-site-heading,
.nw-hero .nw-hero-main .nw-site-heading {
  transform:none!important;
  left:auto!important;
  margin-inline:auto!important;
  text-align:center!important;
}
.nw-hero .nw-hero-actions,
.nw-hero .nw-mode-actions {
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin-inline:auto!important;
  width:auto!important;
  max-width:100%!important;
  flex-wrap:wrap!important;
  transform:none!important;
}
/* All nine information cards (version, live counts, six facts) share one 3x3 grid.
   display:contents flattens the two old wrapper rows into a unified grid. */
.nw-hero > .nw-v24-info-strip {
  order:0!important;
  align-self:center!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:minmax(36px,auto)!important;
  gap:6px!important;
  width:min(100%,1130px)!important;
  max-width:1130px!important;
  margin:0 auto 18px!important;
  padding:0!important;
  box-sizing:border-box!important;
  position:relative!important;
  z-index:2!important;
}
.nw-hero > .nw-v24-info-strip > .nw-hero-top,
.nw-hero > .nw-v24-info-strip > .nw-v20-facts {
  display:contents!important;
}
.nw-hero > .nw-v24-info-strip .nw-v20-fact,
.nw-hero > .nw-v24-info-strip .nw-hero-ey,
.nw-hero > .nw-v24-info-strip .nw-online-indicator,
.nw-hero > .nw-v24-info-strip #nw-web-users {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  min-height:36px!important;
  max-height:none!important;
  margin:0!important;
  padding:6px 10px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(141,217,211,.40)!important;
  border-radius:10px!important;
  background:rgba(20,73,82,.46)!important;
  color:#f2fcff!important;
  font-size:clamp(.70rem,.76vw,.79rem)!important;
  font-weight:650!important;
  line-height:1.23!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:none!important;
  filter:none!important;
}
/* Uniform treatment. Only semitransparent tint changes; shape and type are identical. */
.nw-hero > .nw-v24-info-strip .nw-hero-ey {order:0!important;background:rgba(17,92,109,.48)!important}
.nw-hero > .nw-v24-info-strip .nw-online-indicator {order:1!important;background:rgba(17,106,68,.48)!important}
.nw-hero > .nw-v24-info-strip #nw-web-users {order:2!important;background:rgba(70,61,127,.48)!important}
.nw-hero > .nw-v24-info-strip .nw-v20-fact:nth-child(1) {order:3!important;background:rgba(108,67,36,.48)!important}
.nw-hero > .nw-v24-info-strip .nw-v20-fact:nth-child(3) {order:4!important;background:rgba(26,75,128,.48)!important}
.nw-hero > .nw-v24-info-strip .nw-v20-fact:nth-child(4) {order:5!important;background:rgba(106,47,84,.48)!important}
.nw-hero > .nw-v24-info-strip .nw-v20-fact:nth-child(2) {order:6!important;background:rgba(22,100,84,.48)!important}
.nw-hero > .nw-v24-info-strip .nw-v20-fact:nth-child(5) {order:7!important;background:rgba(82,63,120,.48)!important}
.nw-hero > .nw-v24-info-strip .nw-v20-fact:nth-child(6) {order:8!important;background:rgba(90,81,28,.48)!important}
.nw-hero > .nw-v24-info-strip .nw-v23-fact-icon,
.nw-hero > .nw-v24-info-strip .nw-v23-fact-icon svg {width:15px!important;height:15px!important;flex:0 0 15px!important}
.nw-hero > .nw-v24-info-strip .nw-v23-fact-icon svg {stroke:currentColor!important}
/* Keep the news on the right only when sufficient width is actually available;
   otherwise it sits below the centered hero instead of pushing it sideways. */
.nw-hero > .nw-hero-news {
  order:2!important;
  grid-row:auto!important;
  grid-column:auto!important;
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  align-self:center!important;
  width:min(100%,720px)!important;
  max-width:720px!important;
  margin:22px auto 0!important;
}
@media(min-width:1500px) {
  .nw-hero > .nw-hero-news {
    position:absolute!important;
    right:0!important;
    left:auto!important;
    top:clamp(315px,27vw,410px)!important;
    width:clamp(235px,20vw,290px)!important;
    max-width:290px!important;
    margin:0!important;
    transform:none!important;
  }
}
@media(max-width:800px) {
  .nw-hero > .nw-v24-info-strip {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .nw-hero > .nw-hero-main {width:100%!important}
}
@media(max-width:430px) {
  .nw-hero > .nw-v24-info-strip {grid-template-columns:1fr!important;gap:5px!important}
  .nw-hero > .nw-v24-info-strip .nw-v20-fact,
  .nw-hero > .nw-v24-info-strip .nw-hero-ey,
  .nw-hero > .nw-v24-info-strip .nw-online-indicator,
  .nw-hero > .nw-v24-info-strip #nw-web-users {min-height:32px!important;padding:5px 8px!important;font-size:.72rem!important}
}
/* Navigation: green labels AND green outline symbols, both selected and inactive. */
.navbar .nav-links .nav-link,
.navbar .nav-links .nav-link:visited,
.navbar .nav-links .nav-link span,
.navbar .nac-rank-nav,
.navbar .nac-rank-nav:visited,
.navbar .nac-rank-nav span,
.navbar .nac-account-toggle {
  color:#62eda4!important;
  -webkit-text-fill-color:#62eda4!important;
}
.navbar .nav-link .nav-ico,
.navbar .nav-link .nav-ico svg,
.navbar .nav-link .nw-v21-nav-icon,
.navbar .nav-link .nw-v21-nav-icon svg,
.navbar .nav-link .nw-v23-navbar-icon,
.navbar .nav-link .nw-v23-navbar-icon svg,
.navbar .nac-rank-nav .nav-ico,
.navbar .nac-rank-nav .nav-ico svg {
  color:#62eda4!important;
  stroke:#62eda4!important;
  -webkit-text-fill-color:#62eda4!important;
}
.navbar .nav-links .nav-link.active,
.navbar .nav-links .nav-link[aria-current="page"],
.navbar .nav-links .nav-link.nw-v23-active {
  background:rgba(32,144,87,.28)!important;
  border:1px solid rgba(87,242,157,.68)!important;
}
/* Rank buttons in navbar and next to IP use the SAME surface, border and typography. */
.navbar .nac-rank-nav,
.nw-hero .nw-v25-ranks-nav {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:45px!important;
  padding:12px 17px!important;
  box-sizing:border-box!important;
  border-radius:13px!important;
  border:1px solid rgba(97,224,152,.62)!important;
  background:rgba(21,90,70,.52)!important;
  color:#62eda4!important;
  -webkit-text-fill-color:#62eda4!important;
  font-size:clamp(.78rem,.94vw,.9rem)!important;
  font-weight:750!important;
  line-height:1.2!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11)!important;
  transform:none!important;
  backdrop-filter:none!important;
}
.nw-hero .nw-v25-ranks-nav *,
.nw-hero .nw-v25-ranks-nav:link,
.nw-hero .nw-v25-ranks-nav:visited {
  color:#62eda4!important;
  -webkit-text-fill-color:#62eda4!important;
}
.nw-hero .nw-v25-ranks-nav .nav-ico,
.nw-hero .nw-v25-ranks-nav svg {
  color:#62eda4!important;
  stroke:#62eda4!important;
  flex:none!important;
  width:18px!important;
  height:18px!important;
}
/* Green outline on hover, without changing layout or causing expensive repaints. */
.navbar .nav-link:hover,
.navbar .nac-rank-nav:hover,
.nw-hero .nw-v25-ranks-nav:hover {
  border-color:#6affad!important;
  box-shadow:0 0 0 2px rgba(83,242,151,.65),0 7px 18px rgba(0,0,0,.19)!important;
}