/* v67.47: one header menu, a smaller action rail, and a separate scrollable submenu. */
.topbar {
  display:grid !important;
  grid-template-columns:auto auto minmax(0,1fr) !important;
  align-items:center !important;
  gap:14px !important;
}
.topbar .topbar-home,.topbar .topbar-nav,.topbar .topbar-right-status {
  position:static !important;
  inset:auto !important;
  transform:none !important;
  min-width:0 !important;
}
.topbar .topbar-home { grid-column:1; justify-self:start; }
.topbar .topbar-nav { grid-column:2; justify-self:start; max-width:100%; }
.topbar .topbar-right-status { grid-column:3; justify-self:end; width:auto !important; max-width:100% !important; }
.topbar .lw-world-wordmark { width:150px !important; height:44px !important; }
.topbar .topbar-nav #gameMenuToggle {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:8px 13px !important;
  border:1px solid #6199ba66;
  border-radius:11px !important;
  color:#edf7ff;
  background:#173149;
  font-size:14px !important;
}
#gameMenuToggle i { font-style:normal; font-size:18px; line-height:1; }
#gameMenuToggle[aria-expanded="true"],#gameMenuMore[aria-expanded="true"] { border-color:#73d5ff; background:#235071; }
.game-navigation {
  position:fixed;
  z-index:9500;
  top:var(--game-navigation-top,85px);
  left:calc(var(--safe-left) + var(--edge));
  display:flex;
  flex-direction:column;
  width:min(350px,calc(100vw - var(--safe-left) - var(--safe-right) - 28px));
  max-height:var(--game-navigation-height,calc(100dvh - 160px));
  min-height:0;
  overflow:hidden;
  border:1px solid #6bb4da66;
  border-radius:16px;
  color:#edf7ff;
  background:linear-gradient(145deg,#11273a,#091624);
  box-shadow:0 18px 60px #0008;
}
.game-navigation[hidden] { display:none !important; }
.game-navigation-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; flex:0 0 auto; padding:11px 13px; border-bottom:1px solid #89b4cb33; background:#152d42; }
.game-navigation-heading h2 { margin:0; font-size:17px; }
.game-navigation-heading button { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; padding:0; border:1px solid #769cba66; border-radius:9px; background:#263f55; font-size:23px; line-height:1; }
.game-navigation-scroll { min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#3a5875 transparent; padding:10px; }
.game-navigation-caption { margin:2px 4px 8px; color:#9eb9cd; font-size:12px; }
.game-navigation-link { display:flex; align-items:center; gap:12px; width:100%; min-width:0; min-height:54px; margin:5px 0; padding:10px; text-align:start; border:1px solid #749ab333; border-radius:11px; background:#102333; color:#edf7ff; font:inherit; font-size:14px; }
.game-navigation-link>i { display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; border:1px solid #6698b444; border-radius:9px; background:#16364b; font-style:normal; font-size:21px; }
.game-navigation-link>span { display:grid; gap:3px; flex:1; min-width:0; overflow-wrap:anywhere; }
.game-navigation-link strong { font-size:14px; line-height:1.4; }
.game-navigation-link small { color:#9eb9cd; font-size:11px; line-height:1.5; }
.game-navigation-link>b { color:#85bfdf; font-size:22px; }
.game-navigation-link:hover,.game-navigation-link.active { border-color:#60c4ed99; background:#1a3d57; }
.game-navigation-extra { margin-top:11px; padding-top:8px; border-top:1px solid #89b4cb33; }
.game-navigation-extra>summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; padding:9px 7px; border-radius:9px; color:#b9cede; cursor:pointer; list-style:none; font-size:14px; }
.game-navigation-extra>summary::-webkit-details-marker { display:none; }
.game-navigation-extra[open]>summary>span:last-child { transform:rotate(180deg); }
.game-navigation-extra-links { display:grid; gap:1px; }
.game-navigation-extra-links .game-navigation-link { min-height:46px; padding:7px 9px; }
.game-navigation-extra-links .game-navigation-link>i { flex-basis:30px; width:30px; height:30px; font-size:18px; }
#homeRenderMode.language-picker { display:block; width:100%; min-width:0; max-width:100%; margin:0; }
@media(min-width:951px) and (min-height:790px) {
  #gameMenu.game-menu {
    top:var(--game-menu-top,260px) !important;
    bottom:auto !important;
    transform:none !important;
    max-height:var(--game-menu-space,calc(100dvh - 280px));
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }
}
@media(max-width:950px),(max-height:789px) {
  #gameMenu.game-menu { gap:4px !important; }
  #gameMenu.game-menu>button { min-width:0 !important; }
  #gameMenu.game-menu>button span { font-size:clamp(9px,1.6vw,12px) !important; }
}
@media(max-width:600px) {
  .topbar { gap:6px !important; padding-inline:7px !important; }
  .topbar .lw-world-wordmark { width:70px !important; height:33px !important; }
  .topbar .topbar-nav #gameMenuToggle { gap:5px; min-height:36px; padding:6px 9px !important; font-size:12px !important; }
  .topbar .topbar-right-status { gap:4px !important; }
  .topbar .topbar-right-status #connection.connection-cluster { max-width:min(24vw,120px) !important; }
  .game-navigation { left:calc(var(--safe-left) + 10px); width:min(350px,calc(100vw - var(--safe-left) - var(--safe-right) - 20px)); }
}