/* Nacworld V27. Only icons remain green in the navigation. */
html body .navbar .nav-links a.nav-link:not(.nac-rank-nav),
html body .navbar .nav-links a.nav-link:not(.nac-rank-nav):visited,
html body .navbar .nav-links a.nav-link:not(.nac-rank-nav) span:not(.nav-ico):not(.nw-v21-nav-icon):not(.nw-v23-navbar-icon) {
  color:#dae5e9!important;-webkit-text-fill-color:#dae5e9!important;
}
html body .navbar .nav-links a.nav-link:not(.nac-rank-nav):is(.active,.nw-v23-active,[aria-current="page"]),
html body .navbar .nav-links a.nav-link:not(.nac-rank-nav):is(.active,.nw-v23-active,[aria-current="page"]) span:not(.nav-ico):not(.nw-v21-nav-icon):not(.nw-v23-navbar-icon) {
  color:#69e9a3!important;-webkit-text-fill-color:#69e9a3!important;
}
/* Account and detached navigation labels are not permanently green either. */
html body .navbar .nac-account-toggle,
html body .navbar .nac-account-toggle:visited,
html body .navbar .nav-link:not(.nac-rank-nav),
html body .navbar .nav-link:not(.nac-rank-nav):visited {
  color:#dae5e9!important;-webkit-text-fill-color:#dae5e9!important;
}
html body .navbar .nav-link:not(.nac-rank-nav):is(.active,.nw-v23-active,[aria-current="page"]),
html body .navbar .nav-link:not(.nac-rank-nav):is(.active,.nw-v23-active,[aria-current="page"]):visited {
  color:#69e9a3!important;-webkit-text-fill-color:#69e9a3!important;
}
/* Keep the symbols of all links green; do not tint regular label text. */
html body .navbar .nav-links .nav-link .nav-ico,
html body .navbar .nav-links .nav-link .nw-v21-nav-icon,
html body .navbar .nav-links .nav-link .nw-v23-navbar-icon,
html body .navbar .nav-links .nav-link .nav-ico svg,
html body .navbar .nav-links .nav-link .nw-v21-nav-icon svg,
html body .navbar .nav-links .nav-link .nw-v23-navbar-icon svg,
html body .navbar .nac-rank-nav .nav-ico,
html body .navbar .nac-rank-nav .nav-ico svg {
  color:#62eda4!important;-webkit-text-fill-color:#62eda4!important;stroke:#62eda4!important;
}
/* Ranky is a normal navigation item, with BLUE selection/hover instead of green.
   Inactive surface exactly matches other transparent links. */
html body .navbar .nac-rank-nav,
html body .navbar .nac-rank-nav:link,
html body .navbar .nac-rank-nav:visited {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;min-height:0!important;padding:var(--nw27-rank-pad,9px 13px)!important;
  font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;
  border:1px solid rgba(94,166,255,.73)!important;border-radius:12px!important;
  background:rgba(46,112,210,.19)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  color:#dae5e9!important;-webkit-text-fill-color:#dae5e9!important;
  transform:none!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
html body .navbar .nac-rank-nav > span:not(.nav-ico) {
  color:inherit!important;-webkit-text-fill-color:currentColor!important;
}
html body .navbar .nac-rank-nav:is(.active,.nw-v23-active,[aria-current="page"]),
html body .navbar .nac-rank-nav:is(.active,.nw-v23-active,[aria-current="page"]):visited {
  background:rgba(46,112,210,.19)!important;border-color:rgba(94,166,255,.73)!important;
  color:#79bbff!important;-webkit-text-fill-color:#79bbff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}
html body .navbar .nac-rank-nav:hover,
html body .navbar .nac-rank-nav:focus-visible {
  background:rgba(47,123,231,.22)!important;border-color:#77b8ff!important;
  color:#95cfff!important;-webkit-text-fill-color:#95cfff!important;
  box-shadow:0 0 0 2px rgba(69,151,254,.27),0 6px 17px rgba(24,82,151,.14)!important;
  transform:translateY(-2px)!important;
}
/* Hero's Ranky button uses the same blue style and hover movement. */
html body .nw-hero .nw-v27-hero-rank,
html body .nw-hero .nw-v27-hero-rank:link,
html body .nw-hero .nw-v27-hero-rank:visited {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:45px!important;padding:12px 17px!important;border-radius:12px!important;
  border:1px solid rgba(94,166,255,.73)!important;
  background:rgba(46,112,210,.19)!important;
  color:#79bbff!important;-webkit-text-fill-color:#79bbff!important;
  font:inherit!important;font-size:clamp(.78rem,.94vw,.9rem)!important;font-weight:700!important;
  line-height:1.2!important;text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  transform:none!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
html body .nw-hero .nw-v27-hero-rank *:not(svg):not(path) {
  color:inherit!important;-webkit-text-fill-color:currentColor!important;
}
html body .nw-hero .nw-v27-hero-rank .nav-ico,
html body .nw-hero .nw-v27-hero-rank svg {
  color:#62eda4!important;stroke:#62eda4!important;
}
html body .nw-hero .nw-v27-hero-rank:hover,
html body .nw-hero .nw-v27-hero-rank:focus-visible {
  background:rgba(47,123,231,.22)!important;border-color:#77b8ff!important;
  color:#95cfff!important;-webkit-text-fill-color:#95cfff!important;
  box-shadow:0 0 0 2px rgba(69,151,254,.27),0 6px 17px rgba(24,82,151,.14)!important;
  transform:translateY(-2px)!important;
}
/* Replace the old subtitle with live server facts at precisely the same typographic position. */
html body .nw-hero-main .nw-v27-replaced-subtitle {display:none!important;}
html body .nw-hero-main .nw-v26-hero-info.nw-v27-hero-info {
  order:initial!important;display:flex!important;justify-content:center!important;align-items:center!important;
  flex-wrap:wrap!important;gap:.25em .7em!important;width:100%!important;max-width:880px!important;
  margin:var(--nw27-sub-margin,8px auto 18px)!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  text-align:center!important;color:var(--nw27-sub-color,#b2bcc5)!important;
  font-family:var(--nw27-sub-font,inherit)!important;
  font-size:var(--nw27-sub-size,1rem)!important;font-weight:var(--nw27-sub-weight,400)!important;
  line-height:var(--nw27-sub-line,1.5)!important;letter-spacing:var(--nw27-sub-spacing,normal)!important;
}
html body .nw-hero-main .nw-v27-hero-info .nw-v20-fact,
html body .nw-hero-main .nw-v27-hero-info .nw-hero-ey,
html body .nw-hero-main .nw-v27-hero-info .nw-online-indicator,
html body .nw-hero-main .nw-v27-hero-info #nw-web-users,
html body .nw-hero-main .nw-v27-hero-info .nw-v23-fact-text {
  font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;
  line-height:inherit!important;letter-spacing:inherit!important;
  color:inherit!important;-webkit-text-fill-color:currentColor!important;
}
/* Actual 3-column layout: EarthFox at far left, centered hero, news at far right. */
html body .nw-hero .nw-v27-earthfox {
  box-sizing:border-box;display:flex;align-items:center;gap:12px;align-self:start;
  width:100%;max-width:300px;padding:15px 14px;margin:0;
  background:rgba(17,46,60,.45);border:1px solid rgba(133,196,218,.24);
  border-radius:16px;color:#eef8ff;text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  transition:border-color .2s,background-color .2s,transform .2s,box-shadow .2s;
}
html body .nw-hero .nw-v27-earthfox:hover,
html body .nw-hero .nw-v27-earthfox:focus-visible {
  background:rgba(21,62,83,.62);border-color:rgba(104,213,255,.65);
  transform:translateY(-3px);box-shadow:0 6px 25px rgba(0,0,0,.16);
}
html body .nw-v27-earthfox-logo {width:62px;height:62px;object-fit:contain;flex:none;}
html body .nw-v27-earthfox-labels {display:flex;flex-direction:column;gap:6px;min-width:0;text-align:left;}
html body .nw-v27-earthfox-title {font-weight:750;font-size:clamp(.82rem,1.05vw,.98rem);color:#f4faff;line-height:1.25;}
html body .nw-v27-earthfox-subtitle {font-size:clamp(.76rem,.9vw,.85rem);color:#a3dafe;line-height:1.25;}
@media(min-width:1250px){
  html body .nw-hero.shell,html body .nw-hero {
    display:grid!important;grid-template-columns:minmax(205px,1fr) minmax(0,3fr) minmax(225px,1fr)!important;
    align-items:start!important;justify-content:space-between!important;
    column-gap:clamp(12px,1.7vw,30px)!important;row-gap:10px!important;text-align:center!important;
  }
  html body .nw-hero > .nw-hero-main {
    grid-column:2!important;grid-row:1!important;order:0!important;width:100%!important;
    max-width:760px!important;min-width:0!important;margin:0 auto!important;position:relative!important;
  }
  html body .nw-hero > .nw-v27-earthfox {
    grid-column:1!important;grid-row:1!important;justify-self:start!important;order:0!important;
    margin-top:clamp(65px,7vw,115px)!important;
  }
  html body .nw-hero > .nw-hero-news {
    grid-column:3!important;grid-row:1!important;order:0!important;
    display:block!important;position:relative!important;inset:auto!important;left:auto!important;
    right:auto!important;top:auto!important;transform:none!important;
    justify-self:end!important;align-self:start!important;margin:clamp(65px,7vw,115px) 0 0!important;
    width:100%!important;max-width:320px!important;min-width:0!important;
  }
}
@media(max-width:1249px){
  html body .nw-hero > .nw-v27-earthfox {order:2!important;align-self:center!important;margin:20px auto 0!important;}
  html body .nw-hero > .nw-hero-news {order:3!important;align-self:center!important;position:relative!important;inset:auto!important;transform:none!important;margin:18px auto 0!important;max-width:720px!important;width:100%!important;}
}
@media(max-width:600px){
  html body .nw-hero .nw-v27-earthfox {max-width:100%;}
  html body .nw-hero-main .nw-v26-hero-info.nw-v27-hero-info {gap:.18em .55em!important;}
}
@media(prefers-reduced-motion:reduce){
  html body .navbar .nac-rank-nav,html body .nw-hero .nw-v27-hero-rank,
  html body .nw-hero .nw-v27-earthfox {transition:none!important;}
}