/* GodlyFlip primary navigation — compact live-mode register, v301. */
@keyframes gf-nav-value-refresh {
  45% { color:#f1ddfa; }
}

html.gf-scale #gfPrimaryNav.gf-primary-nav {
  --gf-nav-height:76px;
  display:inline-flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:1px!important;
  width:max-content!important;
  height:var(--gf-nav-height)!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-bottom:1px solid #242129!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  isolation:isolate!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav > button {
  all:unset!important;
  position:relative!important;
  box-sizing:border-box!important;
  isolation:isolate!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:var(--gf-nav-height)!important;
  margin:0!important;
  padding:0 15px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#8f8a95!important;
  font:650 16px/20px Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.02em!important;
  text-align:center!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:color .16s ease!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav > button.top-nav-game {
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:20px 18px!important;
  place-items:center!important;
  align-content:center!important;
  row-gap:6px!important;
  width:144px!important;
  min-width:144px!important;
  padding:0 12px!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav .top-nav-label {
  all:unset!important;
  grid-column:1!important;
  grid-row:1!important;
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  color:inherit!important;
  font:750 17px/20px Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.028em!important;
  text-align:center!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  transform:none!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav .top-nav-stat {
  all:unset!important;
  grid-column:1!important;
  grid-row:2!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  height:18px!important;
  color:#a780ba!important;
  font-variant-numeric:tabular-nums!important;
  opacity:.78!important;
  pointer-events:none!important;
  transform:none!important;
  transition:color .16s ease,opacity .16s ease!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav .top-nav-stat::before {
  content:none!important;
  display:none!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav .top-nav-stat small {
  all:unset!important;
  display:block!important;
  margin:1px 0 0 1px!important;
  color:#6f6875!important;
  font:700 7.5px/10px "DM Mono",Consolas,monospace!important;
  letter-spacing:.105em!important;
  line-height:10px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav .top-nav-stat .g-coin {
  display:block!important;
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  margin:0!important;
  opacity:.92!important;
  filter:drop-shadow(0 0 5px rgba(147,92,184,.18))!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav .top-nav-stat strong {
  all:unset!important;
  display:block!important;
  color:inherit!important;
  font:760 15.5px/18px Manrope,"Segoe UI",system-ui,sans-serif!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:-.03em!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav .top-nav-game > i,
html.gf-scale #gfPrimaryNav.gf-primary-nav .top-nav-mode-icon {
  display:none!important;
}

/* Selected state: a flush dark plane with dissolved edges, never a card. */
html.gf-scale #gfPrimaryNav.gf-primary-nav > button::before {
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:0 2px!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
  background:
    radial-gradient(ellipse 88% 68% at 50% 105%,rgba(171,105,198,.16),transparent 72%),
    linear-gradient(180deg,rgba(108,65,126,.025),rgba(86,49,102,.1))!important;
  box-shadow:none!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .18s ease!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav > button::after {
  content:""!important;
  position:absolute!important;
  right:auto!important;
  bottom:0!important;
  left:50%!important;
  display:block!important;
  width:52px!important;
  height:2px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,transparent,#81568f 20%,#c188d7 50%,#81568f 80%,transparent)!important;
  box-shadow:0 -4px 12px rgba(168,101,195,.18)!important;
  opacity:0!important;
  transform:translateX(-50%) scaleX(.64)!important;
  transform-origin:center!important;
  transition:opacity .16s ease,transform .2s cubic-bezier(.22,.75,.25,1)!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav > button.top-nav-game::after {
  width:76px!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav > button:hover:not(:disabled) {
  color:#d9d4dd!important;
  background:transparent!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav > button:hover:not(:disabled)::before {
  opacity:.38!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav > button.top-nav-game:hover .top-nav-stat {
  color:#bc8dce!important;
  opacity:1!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav > button.top-nav-game:hover .top-nav-stat .g-coin,
html.gf-scale #gfPrimaryNav.gf-primary-nav > button.top-nav-game.active .top-nav-stat .g-coin {
  filter:drop-shadow(0 0 7px rgba(174,105,211,.3))!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav > button.active,
html.gf-scale #gfPrimaryNav.gf-primary-nav > button.active:hover {
  color:#faf8fb!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav > button.active::before {
  opacity:1!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav > button.active::after,
html.gf-scale #gfPrimaryNav.gf-primary-nav > button:focus-visible::after {
  opacity:1!important;
  transform:translateX(-50%) scaleX(1)!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav > button.active .top-nav-stat {
  color:#cf98e5!important;
  opacity:1!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav > button:focus,
html.gf-scale #gfPrimaryNav.gf-primary-nav > button:focus-visible {
  outline:0!important;
  box-shadow:none!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav > button:disabled {
  color:#69646d!important;
  cursor:default!important;
}

html.gf-scale #gfPrimaryNav.gf-primary-nav .top-nav-stat.is-updated strong {
  animation:gf-nav-value-refresh .34s ease!important;
}

@media (max-width:1450px) {
  html.gf-scale #gfPrimaryNav.gf-primary-nav {
    --gf-nav-height:70px;
  }

  html.gf-scale #gfPrimaryNav.gf-primary-nav > button {
    padding-right:13px!important;
    padding-bottom:0!important;
    padding-left:13px!important;
    font-size:14.5px!important;
  }

  html.gf-scale #gfPrimaryNav.gf-primary-nav > button.top-nav-game {
    width:130px!important;
    min-width:130px!important;
    row-gap:5px!important;
    padding:0 10px!important;
  }

  html.gf-scale #gfPrimaryNav.gf-primary-nav .top-nav-label {
    font-size:15.5px!important;
  }

  html.gf-scale #gfPrimaryNav.gf-primary-nav .top-nav-stat .g-coin {
    width:15px!important;
    height:15px!important;
    flex-basis:15px!important;
  }

  html.gf-scale #gfPrimaryNav.gf-primary-nav .top-nav-stat strong {
    font-size:13.5px!important;
  }
}

@media (max-width:1050px) {
  html.gf-scale #gfPrimaryNav.gf-primary-nav {
    justify-content:flex-start!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }

  html.gf-scale #gfPrimaryNav.gf-primary-nav::-webkit-scrollbar {
    display:none!important;
  }

  html.gf-scale #gfPrimaryNav.gf-primary-nav > button {
    flex:0 0 auto!important;
  }
}