/* MaamVerse header bar (V248) - same compact bar on Universe, Memory and Page pages */
@media (min-width: 701px) and (max-width: 1000px) {
    html body .navbar { flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 20px; }
    html body .navbar nav { flex: 0 1 auto; display: flex; gap: 6px; }
    html body .navbar nav a { padding: 0 8px; }
    html body .navbar .mv-nav-tools { margin: 0; flex: none; }
}
@media (max-width: 700px) {
    html body .navbar { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 10px; padding: 8px 12px; }
    html body .navbar .nav-logo { order: 1; }
    html body .navbar .mv-nav-tools { order: 2; margin: 0; gap: 8px; justify-content: flex-end; }
    html body .navbar nav { order: 3; flex: 1 0 100%; width: 100%; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
    html body .navbar nav a {
        min-height: 44px; display: flex; align-items: center; justify-content: center; padding: 0 2px; border-radius: 999px;
        font-size: 11.5px; font-weight: 600; letter-spacing: 0; color: #d4d1ee; text-align: center;
        background: rgba(255, 255, 255, .045); border: 1px solid rgba(150, 130, 255, .2);
    }
    html body .navbar nav a.active { color: #fff; background: rgba(125, 100, 255, .3); border-color: rgba(170, 150, 255, .65); }
    html body .navbar.navbar-scrolled .nav-logo, html body .navbar.navbar-scrolled .mv-nav-tools { display: none !important; }
}