/* Phone/landscape: bottom bar shows Home, Map, Heroes, Rankings and More. Desktop rail shows everything. */
.nav .more-btn { background: none; border: 0; font: inherit; cursor: pointer; flex: 0 0 auto; width: 68px; height: var(--bnav); display: flex; flex-direction: column; align-items: center; justify-content: center; color: rgba(246,237,218,.75); font-size: .66rem; font-weight: 700; }
.nav .more-btn .k { font-family: var(--serif); font-size: 1.45rem; line-height: 1; font-weight: 800; }
.nav a.extra { display: none; }
.nav a, .nav .more-btn { flex: 1 1 0; width: auto; min-width: 0; }
@media (min-width: 761px) and (min-height: 521px) {
  .nav a.extra { display: flex; }
  .nav .more-btn { display: none; }
  .nav a { flex: 0 0 auto; }
}
@media (max-height: 520px) { .nav .more-btn { flex-direction: row; gap: .35rem; height: 48px; } .nav .more-btn .k { font-size: 1.1rem; } }
.sound-row { display: flex; gap: .6rem; align-items: center; flex-wrap: wrap; }