/* Final navbar layout layer. Loaded after legacy navbar/mobile styles. */
.meow-navbar,
.meow-navbar.is-game-navbar {
  left: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 1640px !important;
  margin: 8px auto 24px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 14px clamp(14px, 1.45vw, 24px) !important;
  display: grid !important;
  grid-template-columns: minmax(190px, max-content) minmax(0, 1fr) auto auto minmax(188px, 236px) !important;
  align-items: center !important;
  gap: 10px clamp(8px, .8vw, 14px) !important;
  overflow: visible !important;
}

.meow-navbar.is-game-navbar .meow-brand,
.meow-navbar .meow-brand {
  min-width: 0 !important;
  gap: 10px !important;
}

.meow-navbar.is-game-navbar .meow-brand-logo,
.meow-navbar .meow-brand-logo {
  width: 46px !important;
  height: 46px !important;
}

.meow-navbar.is-game-navbar .meow-brand-name,
.meow-navbar .meow-brand-name {
  font-size: clamp(27px, 2vw, 36px) !important;
  line-height: .95 !important;
}

.meow-navbar.is-game-navbar .meow-nav-links,
.meow-navbar .meow-nav-links {
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.meow-navbar.is-game-navbar .meow-nav-links > .meow-btn,
.meow-navbar .meow-nav-links > .meow-btn {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: 140px !important;
  min-height: 48px !important;
  padding: 6px clamp(6px, .55vw, 10px) !important;
  gap: 6px !important;
  overflow: hidden !important;
  border-radius: 15px !important;
  font-size: clamp(12px, .82vw, 15px) !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.meow-navbar.is-game-navbar .meow-nav-icon,
.meow-navbar .meow-nav-icon,
.meow-navbar.is-game-navbar .meow-text-icon,
.meow-navbar .meow-text-icon {
  width: 22px !important;
  height: 22px !important;
  font-size: 21px !important;
}

.meow-navbar.is-game-navbar .meow-nav-stats,
.meow-navbar .meow-nav-stats {
  justify-self: end !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
}

.meow-navbar.is-game-navbar .meow-stat-pill,
.meow-navbar .meow-stat-pill {
  min-height: 48px !important;
  padding: 8px 11px !important;
  gap: 8px !important;
  border-radius: 16px !important;
}

.meow-navbar.is-game-navbar .meow-stat-icon,
.meow-navbar .meow-stat-icon {
  width: 26px !important;
  height: 26px !important;
  font-size: 21px !important;
}

.meow-navbar.is-game-navbar .meow-stat-value,
.meow-navbar .meow-stat-value {
  font-size: 16px !important;
}

.meow-navbar.is-game-navbar .meow-stat-label,
.meow-navbar .meow-stat-label {
  font-size: 10px !important;
}

.meow-navbar.is-game-navbar .meow-language-menu,
.meow-navbar .meow-language-menu {
  justify-self: end !important;
}

.meow-navbar.is-game-navbar .meow-language-trigger,
.meow-navbar .meow-language-trigger {
  min-width: 68px !important;
  min-height: 48px !important;
  padding-inline: 9px !important;
  font-size: 18px !important;
}

.meow-navbar.is-game-navbar .meow-account-area,
.meow-navbar .meow-account-area {
  justify-self: end !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 236px !important;
}

.meow-navbar.is-game-navbar .meow-user-card,
.meow-navbar .meow-user-card {
  width: 100% !important;
  min-height: 48px !important;
  gap: 8px !important;
}

.meow-navbar.is-game-navbar .meow-user-avatar,
.meow-navbar .meow-user-avatar {
  width: 42px !important;
  height: 42px !important;
}

.meow-navbar.is-game-navbar .meow-user-name,
.meow-navbar .meow-user-name,
.meow-navbar.is-game-navbar .meow-user-plan,
.meow-navbar .meow-user-plan {
  max-width: 148px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
}

.meow-navbar.is-game-navbar .meow-user-name,
.meow-navbar .meow-user-name {
  font-size: 15px !important;
}

.meow-navbar.is-game-navbar .meow-user-plan,
.meow-navbar .meow-user-plan {
  font-size: 11px !important;
  line-height: 1.15 !important;
}

@media (max-width: 1360px) {
  .meow-navbar,
  .meow-navbar.is-game-navbar {
    width: 100% !important;
    max-width: 1180px !important;
    grid-template-columns: minmax(185px, 1fr) auto auto minmax(190px, 240px) !important;
    grid-template-rows: auto auto !important;
    gap: 12px !important;
  }

  .meow-navbar .meow-brand,
  .meow-navbar.is-game-navbar .meow-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
  }

  .meow-navbar .meow-nav-stats,
  .meow-navbar.is-game-navbar .meow-nav-stats {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .meow-navbar .meow-language-menu,
  .meow-navbar.is-game-navbar .meow-language-menu {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  .meow-navbar .meow-account-area,
  .meow-navbar.is-game-navbar .meow-account-area {
    grid-column: 4 !important;
    grid-row: 1 !important;
  }

  .meow-navbar .meow-nav-links,
  .meow-navbar.is-game-navbar .meow-nav-links {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .meow-navbar .meow-nav-links > .meow-btn,
  .meow-navbar.is-game-navbar .meow-nav-links > .meow-btn {
    flex: 0 1 auto !important;
    max-width: none !important;
    padding-inline: 11px !important;
  }
}

@media (max-width: 900px) {
  .meow-navbar,
  .meow-navbar.is-game-navbar {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto auto !important;
    gap: 12px !important;
  }

  .meow-navbar .meow-brand,
  .meow-navbar.is-game-navbar .meow-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .meow-navbar .meow-brand-logo,
  .meow-navbar.is-game-navbar .meow-brand-logo {
    width: 42px !important;
    height: 42px !important;
  }

  .meow-navbar .meow-brand-name,
  .meow-navbar.is-game-navbar .meow-brand-name {
    font-size: clamp(24px, 7vw, 32px) !important;
  }

  .meow-navbar .meow-language-menu,
  .meow-navbar.is-game-navbar .meow-language-menu {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .meow-navbar .meow-nav-links,
  .meow-navbar.is-game-navbar .meow-nav-links {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .meow-navbar .meow-nav-links > .meow-btn,
  .meow-navbar.is-game-navbar .meow-nav-links > .meow-btn {
    width: 100% !important;
    max-width: none !important;
    min-height: 50px !important;
    padding: 6px 5px !important;
    flex-direction: column !important;
    gap: 4px !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .meow-navbar .meow-nav-stats,
  .meow-navbar.is-game-navbar .meow-nav-stats {
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-self: start !important;
  }

  .meow-navbar .meow-stat-label,
  .meow-navbar.is-game-navbar .meow-stat-label,
  .meow-navbar .meow-user-plan,
  .meow-navbar.is-game-navbar .meow-user-plan,
  .meow-navbar .meow-user-arrow,
  .meow-navbar.is-game-navbar .meow-user-arrow {
    display: none !important;
  }

  .meow-navbar .meow-account-area,
  .meow-navbar.is-game-navbar .meow-account-area {
    grid-column: 2 !important;
    grid-row: 3 !important;
    width: auto !important;
    max-width: min(46vw, 230px) !important;
  }

  .meow-navbar .meow-user-card,
  .meow-navbar.is-game-navbar .meow-user-card {
    max-width: 100% !important;
  }

  .meow-navbar .meow-user-name,
  .meow-navbar.is-game-navbar .meow-user-name {
    max-width: min(23vw, 130px) !important;
    font-size: 13px !important;
  }
}

@media (max-width: 560px) {
  .meow-navbar,
  .meow-navbar.is-game-navbar {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px !important;
    border-radius: 18px !important;
  }

  .meow-navbar .meow-brand-name,
  .meow-navbar.is-game-navbar .meow-brand-name {
    font-size: clamp(22px, 8vw, 29px) !important;
  }

  .meow-navbar .meow-nav-links,
  .meow-navbar.is-game-navbar .meow-nav-links {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .meow-navbar .meow-nav-links > .meow-btn,
  .meow-navbar.is-game-navbar .meow-nav-links > .meow-btn {
    min-height: 48px !important;
    font-size: 10px !important;
    padding-inline: 4px !important;
  }

  .meow-navbar .meow-stat-pill,
  .meow-navbar.is-game-navbar .meow-stat-pill {
    min-height: 40px !important;
    padding: 6px 8px !important;
  }

  .meow-navbar .meow-user-avatar,
  .meow-navbar.is-game-navbar .meow-user-avatar {
    width: 38px !important;
    height: 38px !important;
  }

  .meow-navbar .meow-user-name,
  .meow-navbar.is-game-navbar .meow-user-name {
    display: none !important;
  }
}

/* Final navbar behavior: keep one stable wide layout and leave only language as a button. */
.meow-navbar,
.meow-navbar.is-game-navbar {
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(calc(100vw - 48px), 1680px) !important;
  max-width: none !important;
  margin: 8px 0 24px !important;
  grid-template-columns: minmax(260px, max-content) max-content minmax(28px, 1fr) auto auto minmax(152px, max-content) !important;
  column-gap: clamp(10px, .85vw, 16px) !important;
}

.meow-navbar .meow-nav-links,
.meow-navbar.is-game-navbar .meow-nav-links {
  grid-column: 2 !important;
  justify-content: flex-start !important;
  gap: clamp(16px, 1.15vw, 24px) !important;
  overflow: visible !important;
}

.meow-navbar .meow-nav-stats,
.meow-navbar.is-game-navbar .meow-nav-stats {
  grid-column: 4 !important;
}

.meow-navbar .meow-language-menu,
.meow-navbar.is-game-navbar .meow-language-menu {
  grid-column: 5 !important;
}

.meow-navbar .meow-account-area,
.meow-navbar.is-game-navbar .meow-account-area {
  grid-column: 6 !important;
}

.meow-navbar .meow-nav-links > .meow-btn,
.meow-navbar.is-game-navbar .meow-nav-links > .meow-btn {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 40px !important;
  padding: 0 4px !important;
  color: var(--kp-ink) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  font-size: clamp(14px, .86vw, 16px) !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.meow-navbar .meow-nav-links > .meow-btn:hover,
.meow-navbar.is-game-navbar .meow-nav-links > .meow-btn:hover,
.meow-navbar .meow-nav-links > .meow-btn.is-active,
.meow-navbar.is-game-navbar .meow-nav-links > .meow-btn.is-active {
  color: #1f142b !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.meow-navbar .meow-nav-links > .meow-btn.is-active,
.meow-navbar.is-game-navbar .meow-nav-links > .meow-btn.is-active {
  color: #7b4d1e !important;
}

.meow-navbar .meow-nav-links > .meow-btn:active,
.meow-navbar.is-game-navbar .meow-nav-links > .meow-btn:active {
  transform: none !important;
}

.meow-navbar .meow-user-card,
.meow-navbar.is-game-navbar .meow-user-card {
  appearance: none !important;
  width: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

.meow-navbar .meow-user-card:hover,
.meow-navbar.is-game-navbar .meow-user-card:hover,
.meow-navbar .meow-user-card:active,
.meow-navbar.is-game-navbar .meow-user-card:active,
.meow-navbar .meow-user-card:focus,
.meow-navbar.is-game-navbar .meow-user-card:focus {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

.meow-navbar .meow-language-trigger,
.meow-navbar.is-game-navbar .meow-language-trigger {
  border: 1.5px solid #b98545 !important;
  border-radius: 999px !important;
  background: #fffaf0 !important;
  box-shadow: 0 3px 0 #9b6b34, 0 12px 22px rgba(111, 75, 32, .14) !important;
  color: #3b2817 !important;
}

html[data-theme="dark"] .meow-navbar .meow-language-trigger,
html[data-theme="dark"] .meow-navbar.is-game-navbar .meow-language-trigger,
body.meow-dark .meow-navbar .meow-language-trigger,
body.meow-dark .meow-navbar.is-game-navbar .meow-language-trigger {
  background: #fff7e8 !important;
  border-color: #c8944a !important;
  color: #3b2817 !important;
  box-shadow: 0 3px 0 #7b5629, 0 12px 22px rgba(0, 0, 0, .18) !important;
}

.meow-navbar .meow-language-trigger > span:first-child:empty,
.meow-navbar.is-game-navbar .meow-language-trigger > span:first-child:empty {
  display: none !important;
}

.meow-navbar .meow-language-trigger:hover,
.meow-navbar.is-game-navbar .meow-language-trigger:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 0 #9b6b34, 0 16px 28px rgba(111, 75, 32, .16) !important;
}

.meow-navbar .meow-language-trigger:active,
.meow-navbar.is-game-navbar .meow-language-trigger:active {
  transform: translateY(1px) !important;
  box-shadow: 0 1px 0 #9b6b34, 0 8px 14px rgba(111, 75, 32, .12) !important;
}

@media (max-width: 1360px) {
  .meow-navbar,
  .meow-navbar.is-game-navbar {
    width: min(calc(100vw - 32px), 1280px) !important;
    grid-template-columns: minmax(240px, 1fr) auto auto minmax(152px, max-content) !important;
    column-gap: 16px !important;
  }

  .meow-navbar .meow-nav-stats,
  .meow-navbar.is-game-navbar .meow-nav-stats {
    grid-column: 2 !important;
  }

  .meow-navbar .meow-language-menu,
  .meow-navbar.is-game-navbar .meow-language-menu {
    grid-column: 3 !important;
  }

  .meow-navbar .meow-account-area,
  .meow-navbar.is-game-navbar .meow-account-area {
    grid-column: 4 !important;
  }

  .meow-navbar .meow-nav-links > .meow-btn,
  .meow-navbar.is-game-navbar .meow-nav-links > .meow-btn {
    font-size: 14px !important;
    padding-inline: 3px !important;
  }

  .meow-navbar .meow-nav-links,
  .meow-navbar.is-game-navbar .meow-nav-links {
    justify-content: center !important;
    gap: 14px !important;
  }
}

@media (max-width: 1080px) {
  .meow-navbar,
  .meow-navbar.is-game-navbar {
    grid-template-columns: minmax(220px, 1fr) auto auto minmax(152px, max-content) !important;
    grid-template-rows: auto auto !important;
  }

  .meow-navbar .meow-nav-links,
  .meow-navbar.is-game-navbar .meow-nav-links {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
}

@media (max-width: 760px) {
  .meow-navbar,
  .meow-navbar.is-game-navbar {
    width: calc(100vw - 20px) !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto auto !important;
  }

  .meow-navbar .meow-nav-stats,
  .meow-navbar.is-game-navbar .meow-nav-stats {
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-self: start !important;
  }

  .meow-navbar .meow-account-area,
  .meow-navbar.is-game-navbar .meow-account-area {
    grid-column: 2 !important;
    grid-row: 3 !important;
    justify-self: end !important;
  }

  .meow-navbar .meow-nav-links,
  .meow-navbar.is-game-navbar .meow-nav-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  .meow-navbar .meow-nav-links > .meow-btn,
  .meow-navbar.is-game-navbar .meow-nav-links > .meow-btn {
    min-height: 32px !important;
    font-size: 13px !important;
    flex-direction: row !important;
    width: auto !important;
  }
}

/* Last navbar layer: navigation items are text links, language remains a real button. */
.meow-navbar,
.meow-navbar.is-game-navbar {
  background: rgba(255, 252, 246, .96) !important;
  border-color: rgba(222, 196, 157, .78) !important;
}

.meow-navbar .meow-nav-links > .meow-btn,
.meow-navbar.is-game-navbar .meow-nav-links > .meow-btn,
.meow-navbar .meow-nav-links > .meow-btn:hover,
.meow-navbar.is-game-navbar .meow-nav-links > .meow-btn:hover,
.meow-navbar .meow-nav-links > .meow-btn:active,
.meow-navbar.is-game-navbar .meow-nav-links > .meow-btn:active,
.meow-navbar .meow-nav-links > .meow-btn.is-active,
.meow-navbar.is-game-navbar .meow-nav-links > .meow-btn.is-active {
  appearance: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

.meow-navbar .meow-language-trigger,
.meow-navbar.is-game-navbar .meow-language-trigger {
  background: #fffaf0 !important;
  background-image: none !important;
  border-color: #b98545 !important;
  color: #3b2817 !important;
  box-shadow: 0 3px 0 #9b6b34, 0 12px 22px rgba(111, 75, 32, .14) !important;
  transform: none !important;
}

.meow-navbar .meow-language-trigger:hover,
.meow-navbar.is-game-navbar .meow-language-trigger:hover {
  background: #fffaf0 !important;
  background-image: none !important;
  border-color: #b98545 !important;
  color: #3b2817 !important;
  box-shadow: 0 6px 0 #9b6b34, 0 18px 30px rgba(111, 75, 32, .20) !important;
  transform: translateY(-2px) scale(1.015) !important;
}

.meow-navbar .meow-language-trigger:active,
.meow-navbar.is-game-navbar .meow-language-trigger:active {
  transform: translateY(3px) !important;
  box-shadow: 0 1px 0 #9b6b34, 0 8px 14px rgba(111, 75, 32, .12) !important;
}

html[data-theme="dark"] .meow-navbar,
html[data-theme="dark"] .meow-navbar.is-game-navbar,
body.meow-dark .meow-navbar,
body.meow-dark .meow-navbar.is-game-navbar {
  background: rgba(17, 24, 39, .96) !important;
  border-color: rgba(75, 85, 104, .78) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .28) !important;
}

html[data-theme="dark"] .meow-navbar .meow-nav-links > .meow-btn,
html[data-theme="dark"] .meow-navbar.is-game-navbar .meow-nav-links > .meow-btn,
body.meow-dark .meow-navbar .meow-nav-links > .meow-btn,
body.meow-dark .meow-navbar.is-game-navbar .meow-nav-links > .meow-btn {
  color: #f4f0ff !important;
}

html[data-theme="dark"] .meow-navbar .meow-nav-links > .meow-btn:hover,
html[data-theme="dark"] .meow-navbar.is-game-navbar .meow-nav-links > .meow-btn:hover,
body.meow-dark .meow-navbar .meow-nav-links > .meow-btn:hover,
body.meow-dark .meow-navbar.is-game-navbar .meow-nav-links > .meow-btn:hover {
  color: #ffffff !important;
}

html[data-theme="dark"] .meow-navbar .meow-nav-links > .meow-btn.is-active,
html[data-theme="dark"] .meow-navbar.is-game-navbar .meow-nav-links > .meow-btn.is-active,
body.meow-dark .meow-navbar .meow-nav-links > .meow-btn.is-active,
body.meow-dark .meow-navbar.is-game-navbar .meow-nav-links > .meow-btn.is-active {
  color: #d8c4ff !important;
}

html[data-theme="dark"] .meow-navbar .meow-stat-pill,
html[data-theme="dark"] .meow-navbar.is-game-navbar .meow-stat-pill,
body.meow-dark .meow-navbar .meow-stat-pill,
body.meow-dark .meow-navbar.is-game-navbar .meow-stat-pill {
  background: #202838 !important;
  background-image: none !important;
  border-color: #4b5568 !important;
  color: #f4f0ff !important;
  box-shadow: 0 3px 0 #0f172a, 0 12px 22px rgba(0, 0, 0, .24) !important;
}

html[data-theme="dark"] .meow-navbar .meow-stat-label,
html[data-theme="dark"] .meow-navbar.is-game-navbar .meow-stat-label,
body.meow-dark .meow-navbar .meow-stat-label,
body.meow-dark .meow-navbar.is-game-navbar .meow-stat-label {
  color: #cfd6e6 !important;
}

html[data-theme="dark"] .meow-navbar .meow-language-trigger,
html[data-theme="dark"] .meow-navbar.is-game-navbar .meow-language-trigger,
body.meow-dark .meow-navbar .meow-language-trigger,
body.meow-dark .meow-navbar.is-game-navbar .meow-language-trigger {
  background: #202838 !important;
  background-image: none !important;
  border-color: #4b5568 !important;
  color: #f4f0ff !important;
  box-shadow: 0 3px 0 #0f172a, 0 12px 22px rgba(0, 0, 0, .24) !important;
}

html[data-theme="dark"] .meow-navbar .meow-language-trigger:hover,
html[data-theme="dark"] .meow-navbar.is-game-navbar .meow-language-trigger:hover,
body.meow-dark .meow-navbar .meow-language-trigger:hover,
body.meow-dark .meow-navbar.is-game-navbar .meow-language-trigger:hover {
  background: #202838 !important;
  background-image: none !important;
  border-color: #64748b !important;
  color: #ffffff !important;
  box-shadow: 0 6px 0 #0f172a, 0 18px 30px rgba(0, 0, 0, .34) !important;
  transform: translateY(-2px) scale(1.015) !important;
}

html[data-theme="dark"] .meow-navbar .meow-user-card,
html[data-theme="dark"] .meow-navbar.is-game-navbar .meow-user-card,
body.meow-dark .meow-navbar .meow-user-card,
body.meow-dark .meow-navbar.is-game-navbar .meow-user-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #f4f0ff !important;
}

html[data-theme="dark"] .meow-navbar .meow-dd-menu,
html[data-theme="dark"] .meow-navbar.is-game-navbar .meow-dd-menu,
body.meow-dark .meow-navbar .meow-dd-menu,
body.meow-dark .meow-navbar.is-game-navbar .meow-dd-menu {
  background: #151a27 !important;
  border-color: #4b5568 !important;
  color: #f4f0ff !important;
  box-shadow: 0 22px 54px rgba(0, 0, 0, .42) !important;
}

.meow-navbar .meow-nav-links > .meow-btn:not(#kp-nav-button-override),
.meow-navbar.is-game-navbar .meow-nav-links > .meow-btn:not(#kp-nav-button-override),
.meow-navbar .meow-nav-links > .meow-btn:not(#kp-nav-button-override):hover,
.meow-navbar.is-game-navbar .meow-nav-links > .meow-btn:not(#kp-nav-button-override):hover,
.meow-navbar .meow-nav-links > .meow-btn:not(#kp-nav-button-override):active,
.meow-navbar.is-game-navbar .meow-nav-links > .meow-btn:not(#kp-nav-button-override):active,
.meow-navbar .meow-nav-links > .meow-btn:not(#kp-nav-button-override).is-active,
.meow-navbar.is-game-navbar .meow-nav-links > .meow-btn:not(#kp-nav-button-override).is-active {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.meow-navbar:has(.meow-guest-actions),
.meow-navbar.is-game-navbar:has(.meow-guest-actions) {
  grid-template-columns: minmax(260px, max-content) max-content minmax(24px, 1fr) auto auto minmax(292px, max-content) !important;
}

.meow-navbar.has-guest-actions,
.meow-navbar.is-game-navbar.has-guest-actions {
  grid-template-columns: minmax(260px, max-content) max-content minmax(24px, 1fr) auto auto minmax(328px, max-content) !important;
}

.meow-navbar:has(.meow-guest-actions) .meow-account-area,
.meow-navbar.is-game-navbar:has(.meow-guest-actions) .meow-account-area,
.meow-navbar.has-guest-actions .meow-account-area,
.meow-navbar.is-game-navbar.has-guest-actions .meow-account-area {
  min-width: max-content !important;
  max-width: none !important;
  width: max-content !important;
  overflow: visible !important;
}

.meow-navbar .meow-guest-actions,
.meow-navbar.is-game-navbar .meow-guest-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  width: max-content !important;
  min-width: max-content !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

.meow-navbar .meow-guest-actions .meow-btn,
.meow-navbar.is-game-navbar .meow-guest-actions .meow-btn,
.meow-navbar .meow-guest-actions .meow-btn:hover,
.meow-navbar.is-game-navbar .meow-guest-actions .meow-btn:hover,
.meow-navbar .meow-guest-actions .meow-btn:active,
.meow-navbar.is-game-navbar .meow-guest-actions .meow-btn:active,
.meow-navbar .meow-guest-actions .meow-btn.is-active,
.meow-navbar.is-game-navbar .meow-guest-actions .meow-btn.is-active {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  min-height: 48px !important;
  padding: 0 20px !important;
  border: 1.5px solid #b98545 !important;
  border-radius: 999px !important;
  color: #3b2817 !important;
  background: #fff7e8 !important;
  background-image: none !important;
  box-shadow: 0 3px 0 #9b6b34, 0 12px 22px rgba(111, 75, 32, .14) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transform: none !important;
}

.meow-navbar .meow-guest-actions .meow-btn:hover,
.meow-navbar.is-game-navbar .meow-guest-actions .meow-btn:hover {
  box-shadow: 0 6px 0 #9b6b34, 0 18px 30px rgba(111, 75, 32, .20) !important;
  transform: translateY(-2px) scale(1.015) !important;
}

.meow-navbar .meow-guest-actions .meow-btn:active,
.meow-navbar.is-game-navbar .meow-guest-actions .meow-btn:active {
  box-shadow: 0 1px 0 #9b6b34, 0 8px 14px rgba(111, 75, 32, .12) !important;
  transform: translateY(3px) !important;
}

@media (max-width: 1360px) {
  .meow-navbar:has(.meow-guest-actions),
  .meow-navbar.is-game-navbar:has(.meow-guest-actions),
  .meow-navbar.has-guest-actions,
  .meow-navbar.is-game-navbar.has-guest-actions {
    grid-template-columns: minmax(220px, 1fr) auto auto minmax(328px, max-content) !important;
  }
}

@media (max-width: 1100px) {
  .meow-navbar.has-guest-actions,
  .meow-navbar.is-game-navbar.has-guest-actions {
    grid-template-columns: minmax(190px, 1fr) auto auto !important;
    grid-template-rows: auto auto auto !important;
  }

  .meow-navbar.has-guest-actions .meow-nav-stats,
  .meow-navbar.is-game-navbar.has-guest-actions .meow-nav-stats {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .meow-navbar.has-guest-actions .meow-language-menu,
  .meow-navbar.is-game-navbar.has-guest-actions .meow-language-menu {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  .meow-navbar.has-guest-actions .meow-account-area,
  .meow-navbar.is-game-navbar.has-guest-actions .meow-account-area {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .meow-navbar.has-guest-actions .meow-guest-actions,
  .meow-navbar.is-game-navbar.has-guest-actions .meow-guest-actions {
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .meow-navbar.has-guest-actions .meow-nav-links,
  .meow-navbar.is-game-navbar.has-guest-actions .meow-nav-links {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }
}

/* Mobile navbar hard stop: keep the shared header inside the viewport. */
@media (max-width: 760px) {
  .meow-navbar,
  .meow-navbar.is-game-navbar,
  .meow-navbar.has-guest-actions,
  .meow-navbar.is-game-navbar.has-guest-actions {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: calc(100% - 20px) !important;
    max-width: min(520px, calc(100vw - 20px - var(--meow-safe-left, 0px) - var(--meow-safe-right, 0px))) !important;
    min-height: 0 !important;
    margin: 8px auto 18px !important;
    padding: 14px 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto auto !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 12px !important;
    border-radius: 22px !important;
    overflow: visible !important;
  }

  .meow-navbar .meow-brand,
  .meow-navbar.is-game-navbar .meow-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 8px !important;
    overflow: hidden !important;
  }

  .meow-navbar .meow-brand::after,
  .meow-navbar.is-game-navbar .meow-brand::after,
  .meow-navbar .meow-nav-stats::after,
  .meow-navbar.is-game-navbar .meow-nav-stats::after {
    display: none !important;
  }

  .meow-navbar .meow-brand-logo,
  .meow-navbar.is-game-navbar .meow-brand-logo {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
  }

  .meow-navbar .meow-brand-name,
  .meow-navbar.is-game-navbar .meow-brand-name {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: clamp(25px, 7.2vw, 32px) !important;
    line-height: .95 !important;
  }

  .meow-navbar .meow-language-menu,
  .meow-navbar.is-game-navbar .meow-language-menu {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    width: auto !important;
    min-width: 0 !important;
  }

  .meow-navbar .meow-language-trigger,
  .meow-navbar.is-game-navbar .meow-language-trigger {
    width: auto !important;
    min-width: 68px !important;
    min-height: 48px !important;
    padding-inline: 12px !important;
    gap: 5px !important;
    font-size: 16px !important;
  }

  .meow-navbar .meow-nav-links,
  .meow-navbar.is-game-navbar .meow-nav-links,
  .meow-navbar.has-guest-actions .meow-nav-links,
  .meow-navbar.is-game-navbar.has-guest-actions .meow-nav-links {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px 10px !important;
    justify-content: stretch !important;
    align-items: stretch !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .meow-navbar .meow-nav-links > .meow-btn,
  .meow-navbar.is-game-navbar .meow-nav-links > .meow-btn,
  .meow-navbar .meow-nav-links > .meow-btn:hover,
  .meow-navbar.is-game-navbar .meow-nav-links > .meow-btn:hover,
  .meow-navbar .meow-nav-links > .meow-btn:active,
  .meow-navbar.is-game-navbar .meow-nav-links > .meow-btn:active,
  .meow-navbar .meow-nav-links > .meow-btn.is-active,
  .meow-navbar.is-game-navbar .meow-nav-links > .meow-btn.is-active {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 40px !important;
    padding: 5px 6px !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    overflow: hidden !important;
    color: var(--kp-ink) !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    text-align: center !important;
    text-overflow: clip !important;
  }

  .meow-navbar .meow-nav-icon,
  .meow-navbar.is-game-navbar .meow-nav-icon,
  .meow-navbar .meow-text-icon,
  .meow-navbar.is-game-navbar .meow-text-icon {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
    font-size: 19px !important;
  }

  .meow-navbar .meow-nav-stats,
  .meow-navbar.is-game-navbar .meow-nav-stats {
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-self: start !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .meow-navbar .meow-stat-pill,
  .meow-navbar.is-game-navbar .meow-stat-pill {
    min-height: 42px !important;
    padding: 7px 10px !important;
    gap: 7px !important;
    border-radius: 16px !important;
  }

  .meow-navbar .meow-stat-icon,
  .meow-navbar.is-game-navbar .meow-stat-icon {
    width: 25px !important;
    height: 25px !important;
    font-size: 20px !important;
  }

  .meow-navbar .meow-stat-label,
  .meow-navbar.is-game-navbar .meow-stat-label {
    display: none !important;
  }

  .meow-navbar .meow-account-area,
  .meow-navbar.is-game-navbar .meow-account-area {
    grid-column: 2 !important;
    grid-row: 3 !important;
    justify-self: end !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .meow-navbar .meow-user-card,
  .meow-navbar.is-game-navbar .meow-user-card {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    min-height: 46px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  .meow-navbar .meow-user-avatar,
  .meow-navbar.is-game-navbar .meow-user-avatar {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
  }

  .meow-navbar .meow-user-meta,
  .meow-navbar.is-game-navbar .meow-user-meta,
  .meow-navbar .meow-user-arrow,
  .meow-navbar.is-game-navbar .meow-user-arrow {
    display: none !important;
  }

  .meow-navbar .meow-user-card .meow-chat-badge,
  .meow-navbar.is-game-navbar .meow-user-card .meow-chat-badge {
    top: -4px !important;
    left: 29px !important;
  }

  .meow-navbar .meow-user-card .meow-request-badge,
  .meow-navbar.is-game-navbar .meow-user-card .meow-request-badge {
    left: 16px !important;
  }

  .meow-navbar.has-guest-actions .meow-account-area,
  .meow-navbar.is-game-navbar.has-guest-actions .meow-account-area {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    justify-self: stretch !important;
    width: 100% !important;
  }

  .meow-navbar .meow-guest-actions,
  .meow-navbar.is-game-navbar .meow-guest-actions {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .meow-navbar .meow-guest-actions .meow-btn,
  .meow-navbar.is-game-navbar .meow-guest-actions .meow-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding-inline: 10px !important;
  }
}

@media (max-width: 380px) {
  .meow-navbar .meow-brand-logo,
  .meow-navbar.is-game-navbar .meow-brand-logo {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
  }

  .meow-navbar .meow-brand-name,
  .meow-navbar.is-game-navbar .meow-brand-name {
    font-size: 23px !important;
  }

  .meow-navbar .meow-language-trigger,
  .meow-navbar.is-game-navbar .meow-language-trigger {
    min-width: 62px !important;
    min-height: 44px !important;
    padding-inline: 9px !important;
  }

  .meow-navbar .meow-nav-links > .meow-btn,
  .meow-navbar.is-game-navbar .meow-nav-links > .meow-btn {
    font-size: 12px !important;
  }
}

@media (max-width: 760px) {
  .meow-navbar:has(.meow-guest-actions),
  .meow-navbar.is-game-navbar:has(.meow-guest-actions),
  .meow-navbar.has-guest-actions,
  .meow-navbar.is-game-navbar.has-guest-actions {
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto auto auto !important;
  }

  .meow-navbar.has-guest-actions .meow-account-area,
  .meow-navbar.is-game-navbar.has-guest-actions .meow-account-area {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    justify-self: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .meow-navbar .meow-guest-actions,
  .meow-navbar.is-game-navbar .meow-guest-actions {
    grid-column: 1 / -1 !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* Guest navbar must fit inside the visible frame on wide desktop too. */
.meow-navbar.has-guest-actions,
.meow-navbar.is-game-navbar.has-guest-actions {
  width: min(calc(100vw - 24px), 1760px) !important;
  grid-template-columns: minmax(230px, max-content) minmax(0, 1fr) auto auto max-content !important;
  column-gap: clamp(8px, .65vw, 12px) !important;
}

.meow-navbar.has-guest-actions .meow-nav-links,
.meow-navbar.is-game-navbar.has-guest-actions .meow-nav-links {
  grid-column: 2 !important;
  min-width: 0 !important;
  justify-content: center !important;
  gap: clamp(10px, .72vw, 18px) !important;
}

.meow-navbar.has-guest-actions .meow-nav-stats,
.meow-navbar.is-game-navbar.has-guest-actions .meow-nav-stats {
  grid-column: 3 !important;
}

.meow-navbar.has-guest-actions .meow-language-menu,
.meow-navbar.is-game-navbar.has-guest-actions .meow-language-menu {
  grid-column: 4 !important;
}

.meow-navbar.has-guest-actions .meow-account-area,
.meow-navbar.is-game-navbar.has-guest-actions .meow-account-area {
  grid-column: 5 !important;
  justify-self: end !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: max-content !important;
}

.meow-navbar.has-guest-actions .meow-nav-links > .meow-btn,
.meow-navbar.is-game-navbar.has-guest-actions .meow-nav-links > .meow-btn {
  font-size: clamp(13px, .82vw, 15px) !important;
}

/* Logged-in navbar on desktop must mirror guest layout geometry (without guest actions block). */
.meow-navbar.has-user-menu,
.meow-navbar.is-game-navbar.has-user-menu {
  width: min(calc(100vw - 24px), 1760px) !important;
  grid-template-columns: minmax(230px, max-content) minmax(0, 1fr) auto auto max-content !important;
  column-gap: clamp(8px, .65vw, 12px) !important;
}

.meow-navbar.has-user-menu .meow-nav-links,
.meow-navbar.is-game-navbar.has-user-menu .meow-nav-links {
  grid-column: 2 !important;
  min-width: 0 !important;
  justify-content: center !important;
  gap: clamp(10px, .72vw, 18px) !important;
}

.meow-navbar.has-user-menu .meow-nav-stats,
.meow-navbar.is-game-navbar.has-user-menu .meow-nav-stats {
  grid-column: 3 !important;
}

.meow-navbar.has-user-menu .meow-language-menu,
.meow-navbar.is-game-navbar.has-user-menu .meow-language-menu {
  grid-column: 4 !important;
}

.meow-navbar.has-user-menu .meow-account-area,
.meow-navbar.is-game-navbar.has-user-menu .meow-account-area {
  grid-column: 5 !important;
  justify-self: end !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: max-content !important;
}

@media (max-width: 1540px) and (min-width: 1101px) {
  .meow-navbar.has-guest-actions,
  .meow-navbar.is-game-navbar.has-guest-actions {
    grid-template-columns: minmax(230px, 1fr) auto auto max-content !important;
    grid-template-rows: auto auto !important;
  }

  .meow-navbar.has-guest-actions .meow-nav-stats,
  .meow-navbar.is-game-navbar.has-guest-actions .meow-nav-stats {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .meow-navbar.has-guest-actions .meow-language-menu,
  .meow-navbar.is-game-navbar.has-guest-actions .meow-language-menu {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  .meow-navbar.has-guest-actions .meow-account-area,
  .meow-navbar.is-game-navbar.has-guest-actions .meow-account-area {
    grid-column: 4 !important;
    grid-row: 1 !important;
  }

  .meow-navbar.has-guest-actions .meow-nav-links,
  .meow-navbar.is-game-navbar.has-guest-actions .meow-nav-links {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-content: center !important;
  }

  .meow-navbar.has-user-menu,
  .meow-navbar.is-game-navbar.has-user-menu {
    grid-template-columns: minmax(230px, 1fr) auto auto max-content !important;
    grid-template-rows: auto auto !important;
  }

  .meow-navbar.has-user-menu .meow-nav-stats,
  .meow-navbar.is-game-navbar.has-user-menu .meow-nav-stats {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .meow-navbar.has-user-menu .meow-language-menu,
  .meow-navbar.is-game-navbar.has-user-menu .meow-language-menu {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  .meow-navbar.has-user-menu .meow-account-area,
  .meow-navbar.is-game-navbar.has-user-menu .meow-account-area {
    grid-column: 4 !important;
    grid-row: 1 !important;
  }

  .meow-navbar.has-user-menu .meow-nav-links,
  .meow-navbar.is-game-navbar.has-user-menu .meow-nav-links {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-content: center !important;
  }
}

@media (max-width: 1100px) {
  .meow-navbar.has-guest-actions,
  .meow-navbar.is-game-navbar.has-guest-actions {
    grid-template-columns: minmax(190px, 1fr) auto auto !important;
    grid-template-rows: auto auto auto !important;
  }

  .meow-navbar.has-guest-actions .meow-account-area,
  .meow-navbar.is-game-navbar.has-guest-actions .meow-account-area {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    width: 100% !important;
    max-width: none !important;
  }

  .meow-navbar.has-guest-actions .meow-guest-actions,
  .meow-navbar.is-game-navbar.has-guest-actions .meow-guest-actions {
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .meow-navbar.has-guest-actions .meow-nav-links,
  .meow-navbar.is-game-navbar.has-guest-actions .meow-nav-links {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }

  .meow-navbar.has-user-menu,
  .meow-navbar.is-game-navbar.has-user-menu {
    grid-template-columns: minmax(190px, 1fr) auto auto !important;
    grid-template-rows: auto auto auto !important;
  }

  .meow-navbar.has-user-menu .meow-nav-stats,
  .meow-navbar.is-game-navbar.has-user-menu .meow-nav-stats {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .meow-navbar.has-user-menu .meow-language-menu,
  .meow-navbar.is-game-navbar.has-user-menu .meow-language-menu {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  .meow-navbar.has-user-menu .meow-account-area,
  .meow-navbar.is-game-navbar.has-user-menu .meow-account-area {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    width: 100% !important;
    max-width: none !important;
  }

  .meow-navbar.has-user-menu .meow-nav-links,
  .meow-navbar.is-game-navbar.has-user-menu .meow-nav-links {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }
}

/* Must stay last: later guest-navbar desktop rules also match mobile. */
@media (max-width: 760px) {
  .meow-navbar,
  .meow-navbar.is-game-navbar,
  .meow-navbar.has-guest-actions,
  .meow-navbar.is-game-navbar.has-guest-actions {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: calc(100% - 20px) !important;
    max-width: min(520px, calc(100vw - 20px - var(--meow-safe-left, 0px) - var(--meow-safe-right, 0px))) !important;
    margin: 8px auto 18px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto auto !important;
  }

  .meow-navbar .meow-brand,
  .meow-navbar.is-game-navbar .meow-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .meow-navbar .meow-language-menu,
  .meow-navbar.is-game-navbar .meow-language-menu {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    width: auto !important;
  }

  .meow-navbar .meow-nav-links,
  .meow-navbar.is-game-navbar .meow-nav-links,
  .meow-navbar.has-guest-actions .meow-nav-links,
  .meow-navbar.is-game-navbar.has-guest-actions .meow-nav-links {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    justify-content: stretch !important;
  }

  .meow-navbar .meow-nav-stats,
  .meow-navbar.is-game-navbar .meow-nav-stats {
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-self: start !important;
    width: auto !important;
  }

  .meow-navbar .meow-account-area,
  .meow-navbar.is-game-navbar .meow-account-area {
    grid-column: 2 !important;
    grid-row: 3 !important;
    justify-self: end !important;
    width: auto !important;
  }

  .meow-navbar.has-guest-actions .meow-account-area,
  .meow-navbar.is-game-navbar.has-guest-actions .meow-account-area {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    justify-self: stretch !important;
    width: 100% !important;
  }
}

/* Final mobile guardrail for guest (unauthenticated) navbar. */
@media (max-width: 760px) {
  .meow-navbar:has(.meow-guest-actions),
  .meow-navbar.is-game-navbar:has(.meow-guest-actions),
  .meow-navbar.has-guest-actions,
  .meow-navbar.is-game-navbar.has-guest-actions {
    grid-template-rows: auto auto auto auto !important;
  }

  .meow-navbar:has(.meow-guest-actions) .meow-nav-links,
  .meow-navbar.is-game-navbar:has(.meow-guest-actions) .meow-nav-links,
  .meow-navbar.has-guest-actions .meow-nav-links,
  .meow-navbar.is-game-navbar.has-guest-actions .meow-nav-links {
    grid-row: 2 !important;
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
  }

  .meow-navbar:has(.meow-guest-actions) .meow-nav-stats,
  .meow-navbar.is-game-navbar:has(.meow-guest-actions) .meow-nav-stats,
  .meow-navbar.has-guest-actions .meow-nav-stats,
  .meow-navbar.is-game-navbar.has-guest-actions .meow-nav-stats {
    grid-row: 3 !important;
    grid-column: 1 !important;
  }

  .meow-navbar:has(.meow-guest-actions) .meow-account-area,
  .meow-navbar.is-game-navbar:has(.meow-guest-actions) .meow-account-area,
  .meow-navbar.has-guest-actions .meow-account-area,
  .meow-navbar.is-game-navbar.has-guest-actions .meow-account-area {
    grid-row: 4 !important;
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  .meow-navbar .meow-guest-actions,
  .meow-navbar.is-game-navbar .meow-guest-actions,
  .meow-navbar:has(.meow-guest-actions) .meow-guest-actions,
  .meow-navbar.is-game-navbar:has(.meow-guest-actions) .meow-guest-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    justify-items: stretch !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .meow-navbar .meow-guest-actions .meow-btn,
  .meow-navbar.is-game-navbar .meow-guest-actions .meow-btn,
  .meow-navbar .meow-guest-actions .meow-btn:hover,
  .meow-navbar.is-game-navbar .meow-guest-actions .meow-btn:hover,
  .meow-navbar .meow-guest-actions .meow-btn:active,
  .meow-navbar.is-game-navbar .meow-guest-actions .meow-btn:active,
  .meow-navbar .meow-guest-actions .meow-btn.is-active,
  .meow-navbar.is-game-navbar .meow-guest-actions .meow-btn.is-active {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 46px !important;
    padding-inline: 10px !important;
    font-size: 14px !important;
    line-height: 1.12 !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    text-align: center !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
}

/* Authenticated mobile navbar layout: keep account menu aligned with the guest-mobile structure. */
@media (max-width: 760px) {
  .meow-navbar.has-user-menu,
  .meow-navbar.is-game-navbar.has-user-menu,
  .meow-navbar:not(.has-guest-actions),
  .meow-navbar.is-game-navbar:not(.has-guest-actions) {
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto auto !important;
  }

  .meow-navbar.has-user-menu .meow-language-menu,
  .meow-navbar.is-game-navbar.has-user-menu .meow-language-menu,
  .meow-navbar:not(.has-guest-actions) .meow-language-menu,
  .meow-navbar.is-game-navbar:not(.has-guest-actions) .meow-language-menu {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .meow-navbar.has-user-menu .meow-nav-links,
  .meow-navbar.is-game-navbar.has-user-menu .meow-nav-links,
  .meow-navbar:not(.has-guest-actions) .meow-nav-links,
  .meow-navbar.is-game-navbar:not(.has-guest-actions) .meow-nav-links {
    grid-row: 2 !important;
    grid-column: 1 / -1 !important;
  }

  .meow-navbar.has-user-menu .meow-nav-stats,
  .meow-navbar.is-game-navbar.has-user-menu .meow-nav-stats,
  .meow-navbar:not(.has-guest-actions) .meow-nav-stats,
  .meow-navbar.is-game-navbar:not(.has-guest-actions) .meow-nav-stats {
    grid-row: 3 !important;
    grid-column: 1 !important;
  }

  .meow-navbar.has-user-menu .meow-account-area,
  .meow-navbar.is-game-navbar.has-user-menu .meow-account-area,
  .meow-navbar:not(.has-guest-actions) .meow-account-area,
  .meow-navbar.is-game-navbar:not(.has-guest-actions) .meow-account-area {
    grid-column: 2 !important;
    grid-row: 3 !important;
    justify-self: end !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: max-content !important;
    display: block !important;
  }

  .meow-navbar.has-user-menu .meow-user-menu,
  .meow-navbar.is-game-navbar.has-user-menu .meow-user-menu,
  .meow-navbar:not(.has-guest-actions) .meow-user-menu,
  .meow-navbar.is-game-navbar:not(.has-guest-actions) .meow-user-menu {
    width: auto !important;
    justify-content: end !important;
  }

  .meow-navbar.has-user-menu .meow-user-card,
  .meow-navbar.is-game-navbar.has-user-menu .meow-user-card,
  .meow-navbar:not(.has-guest-actions) .meow-user-card,
  .meow-navbar.is-game-navbar:not(.has-guest-actions) .meow-user-card {
    width: 46px !important;
    max-width: 46px !important;
    min-width: 46px !important;
    min-height: 48px !important;
  }

  .meow-navbar.has-user-menu .meow-dd-menu,
  .meow-navbar.is-game-navbar.has-user-menu .meow-dd-menu,
  .meow-navbar:not(.has-guest-actions) .meow-dd-menu,
  .meow-navbar.is-game-navbar:not(.has-guest-actions) .meow-dd-menu {
    right: 0 !important;
    left: auto !important;
    transform-origin: top right !important;
  }
}

@media (max-width: 380px) {
  .meow-navbar.has-user-menu .meow-user-card,
  .meow-navbar.is-game-navbar.has-user-menu .meow-user-card,
  .meow-navbar:not(.has-guest-actions) .meow-user-card,
  .meow-navbar.is-game-navbar:not(.has-guest-actions) .meow-user-card {
    min-height: 44px !important;
  }

  .meow-navbar.has-user-menu .meow-user-card .meow-user-name,
  .meow-navbar.is-game-navbar.has-user-menu .meow-user-card .meow-user-name,
  .meow-navbar:not(.has-guest-actions) .meow-user-card .meow-user-name,
  .meow-navbar.is-game-navbar:not(.has-guest-actions) .meow-user-card .meow-user-name {
    max-width: 120px !important;
  }

  .meow-navbar.has-user-menu .meow-user-avatar,
  .meow-navbar.is-game-navbar.has-user-menu .meow-user-avatar,
  .meow-navbar:not(.has-guest-actions) .meow-user-avatar,
  .meow-navbar.is-game-navbar:not(.has-guest-actions) .meow-user-avatar {
    width: 36px !important;
    height: 36px !important;
  }
}

@media (max-width: 380px) {
  .meow-navbar:has(.meow-guest-actions) .meow-guest-actions .meow-btn,
  .meow-navbar.is-game-navbar:has(.meow-guest-actions) .meow-guest-actions .meow-btn,
  .meow-navbar.has-guest-actions .meow-guest-actions .meow-btn,
  .meow-navbar.is-game-navbar.has-guest-actions .meow-guest-actions .meow-btn {
    font-size: 13px !important;
    padding-inline: 9px !important;
    min-height: 44px !important;
  }
}

/* Laptop scale guardrail: compact the shared navbar instead of moving links to a second row. */
@media (min-width: 761px) and (max-width: 1360px) {
  .meow-navbar,
  .meow-navbar.is-game-navbar,
  .meow-navbar.has-user-menu,
  .meow-navbar.is-game-navbar.has-user-menu {
    grid-template-columns: minmax(160px, max-content) minmax(0, 1fr) auto auto max-content !important;
    grid-template-rows: auto !important;
    max-width: 1640px !important;
    gap: 8px !important;
  }

  .meow-navbar .meow-nav-links,
  .meow-navbar.is-game-navbar .meow-nav-links,
  .meow-navbar.has-user-menu .meow-nav-links,
  .meow-navbar.is-game-navbar.has-user-menu .meow-nav-links {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 6px !important;
    overflow: hidden !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .meow-navbar .meow-nav-links > .meow-btn,
  .meow-navbar.is-game-navbar .meow-nav-links > .meow-btn,
  .meow-navbar.has-user-menu .meow-nav-links > .meow-btn,
  .meow-navbar.is-game-navbar.has-user-menu .meow-nav-links > .meow-btn,
  .meow-navbar .meow-theme-toggle,
  .meow-navbar.is-game-navbar .meow-theme-toggle,
  .meow-navbar.has-user-menu .meow-theme-toggle,
  .meow-navbar.is-game-navbar.has-user-menu .meow-theme-toggle {
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 36px !important;
    padding-inline: 3px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .meow-navbar .meow-brand-logo,
  .meow-navbar.is-game-navbar .meow-brand-logo,
  .meow-navbar.has-user-menu .meow-brand-logo,
  .meow-navbar.is-game-navbar.has-user-menu .meow-brand-logo {
    width: 40px !important;
    height: 40px !important;
  }

  .meow-navbar .meow-brand-name,
  .meow-navbar.is-game-navbar .meow-brand-name,
  .meow-navbar.has-user-menu .meow-brand-name,
  .meow-navbar.is-game-navbar.has-user-menu .meow-brand-name {
    font-size: 26px !important;
  }

  .meow-navbar .meow-stat-pill,
  .meow-navbar.is-game-navbar .meow-stat-pill,
  .meow-navbar.has-user-menu .meow-stat-pill,
  .meow-navbar.is-game-navbar.has-user-menu .meow-stat-pill,
  .meow-navbar .meow-language-trigger,
  .meow-navbar.is-game-navbar .meow-language-trigger,
  .meow-navbar.has-user-menu .meow-language-trigger,
  .meow-navbar.is-game-navbar.has-user-menu .meow-language-trigger {
    min-height: 40px !important;
  }

  .meow-navbar .meow-nav-stats,
  .meow-navbar.is-game-navbar .meow-nav-stats,
  .meow-navbar.has-user-menu .meow-nav-stats,
  .meow-navbar.is-game-navbar.has-user-menu .meow-nav-stats {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
  }

  .meow-navbar .meow-language-menu,
  .meow-navbar.is-game-navbar .meow-language-menu,
  .meow-navbar.has-user-menu .meow-language-menu,
  .meow-navbar.is-game-navbar.has-user-menu .meow-language-menu {
    grid-column: 4 !important;
    grid-row: 1 !important;
  }

  .meow-navbar .meow-account-area,
  .meow-navbar.is-game-navbar .meow-account-area,
  .meow-navbar.has-user-menu .meow-account-area,
  .meow-navbar.is-game-navbar.has-user-menu .meow-account-area {
    grid-column: 5 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }
}

@media (min-width: 761px) and (max-width: 900px) {
  .meow-navbar,
  .meow-navbar.is-game-navbar,
  .meow-navbar.has-user-menu,
  .meow-navbar.is-game-navbar.has-user-menu {
    grid-template-columns: minmax(135px, max-content) minmax(0, 1fr) auto auto max-content !important;
    padding: 10px !important;
    gap: 6px !important;
  }

  .meow-navbar .meow-brand-logo,
  .meow-navbar.is-game-navbar .meow-brand-logo,
  .meow-navbar.has-user-menu .meow-brand-logo,
  .meow-navbar.is-game-navbar.has-user-menu .meow-brand-logo {
    width: 34px !important;
    height: 34px !important;
  }

  .meow-navbar .meow-brand-name,
  .meow-navbar.is-game-navbar .meow-brand-name,
  .meow-navbar.has-user-menu .meow-brand-name,
  .meow-navbar.is-game-navbar.has-user-menu .meow-brand-name {
    font-size: 22px !important;
  }

  .meow-navbar .meow-nav-links,
  .meow-navbar.is-game-navbar .meow-nav-links,
  .meow-navbar.has-user-menu .meow-nav-links,
  .meow-navbar.is-game-navbar.has-user-menu .meow-nav-links {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    justify-content: center !important;
  }

  .meow-navbar .meow-nav-links > .meow-btn,
  .meow-navbar.is-game-navbar .meow-nav-links > .meow-btn,
  .meow-navbar.has-user-menu .meow-nav-links > .meow-btn,
  .meow-navbar.is-game-navbar.has-user-menu .meow-nav-links > .meow-btn,
  .meow-navbar .meow-theme-toggle,
  .meow-navbar.is-game-navbar .meow-theme-toggle,
  .meow-navbar.has-user-menu .meow-theme-toggle,
  .meow-navbar.is-game-navbar.has-user-menu .meow-theme-toggle {
    min-height: 32px !important;
    padding-inline: 2px !important;
    font-size: 11px !important;
    gap: 3px !important;
  }

  .meow-navbar .meow-nav-icon,
  .meow-navbar.is-game-navbar .meow-nav-icon,
  .meow-navbar .meow-text-icon,
  .meow-navbar.is-game-navbar .meow-text-icon {
    width: 16px !important;
    height: 16px !important;
    font-size: 15px !important;
  }

  .meow-navbar .meow-stat-pill,
  .meow-navbar.is-game-navbar .meow-stat-pill,
  .meow-navbar.has-user-menu .meow-stat-pill,
  .meow-navbar.is-game-navbar.has-user-menu .meow-stat-pill {
    min-height: 34px !important;
    padding: 5px 7px !important;
    gap: 5px !important;
  }

  .meow-navbar .meow-stat-label,
  .meow-navbar.is-game-navbar .meow-stat-label,
  .meow-navbar .meow-user-meta,
  .meow-navbar.is-game-navbar .meow-user-meta,
  .meow-navbar .meow-user-arrow,
  .meow-navbar.is-game-navbar .meow-user-arrow {
    display: none !important;
  }

  .meow-navbar .meow-language-trigger,
  .meow-navbar.is-game-navbar .meow-language-trigger {
    min-width: 56px !important;
    min-height: 34px !important;
    padding-inline: 7px !important;
    font-size: 14px !important;
  }

  .meow-navbar.has-user-menu .meow-user-card,
  .meow-navbar.is-game-navbar.has-user-menu .meow-user-card,
  .meow-navbar:not(.has-guest-actions) .meow-user-card,
  .meow-navbar.is-game-navbar:not(.has-guest-actions) .meow-user-card {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
  }

  .meow-navbar.has-user-menu .meow-user-avatar,
  .meow-navbar.is-game-navbar.has-user-menu .meow-user-avatar,
  .meow-navbar:not(.has-guest-actions) .meow-user-avatar,
  .meow-navbar.is-game-navbar:not(.has-guest-actions) .meow-user-avatar {
    width: 34px !important;
    height: 34px !important;
  }
}

@media (min-width: 1361px) and (max-width: 1680px) {
  .meow-navbar.has-user-menu,
  .meow-navbar.is-game-navbar.has-user-menu {
    grid-template-columns: minmax(230px, max-content) minmax(0, max-content) minmax(20px, 1fr) auto auto max-content !important;
    grid-template-rows: auto !important;
    gap: 10px 12px !important;
  }

  .meow-navbar.has-user-menu .meow-nav-links,
  .meow-navbar.is-game-navbar.has-user-menu .meow-nav-links {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: max-content !important;
    max-width: min(760px, 100%) !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    justify-self: center !important;
    gap: 10px !important;
    overflow: hidden !important;
  }

  .meow-navbar.has-user-menu .meow-nav-links > .meow-btn,
  .meow-navbar.is-game-navbar.has-user-menu .meow-nav-links > .meow-btn,
  .meow-navbar.has-user-menu .meow-theme-toggle,
  .meow-navbar.is-game-navbar.has-user-menu .meow-theme-toggle {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 38px !important;
    padding-inline: 3px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .meow-navbar.has-user-menu .meow-nav-stats,
  .meow-navbar.is-game-navbar.has-user-menu .meow-nav-stats {
    grid-column: 4 !important;
    grid-row: 1 !important;
  }

  .meow-navbar.has-user-menu .meow-language-menu,
  .meow-navbar.is-game-navbar.has-user-menu .meow-language-menu {
    grid-column: 5 !important;
    grid-row: 1 !important;
  }

  .meow-navbar.has-user-menu .meow-account-area,
  .meow-navbar.is-game-navbar.has-user-menu .meow-account-area {
    grid-column: 6 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }
}

/* Fix (2026-06-18, verified on staging across 1100–2560px): the 8-item RU desktop menu
   («Подписка» longest) overflowed its grid column and clipped under the streak-flame pill.
   Compact the menu's own spacing so it always fits — desktop only; mobile drawer unaffected. */
@media (min-width: 1025px) {
  .meow-navbar .meow-nav-links,
  .meow-navbar.is-game-navbar .meow-nav-links { gap: 2px !important; }
  .meow-navbar .meow-nav-links > .meow-btn,
  .meow-navbar.is-game-navbar .meow-nav-links > .meow-btn {
    max-width: 136px !important;
    padding: 6px 6px !important;
    font-size: clamp(11px, .74vw, 14px) !important;
  }
}