.moonmaster-header nav.moonmaster-mobile-nav{display:none}.moonmaster-header .ranking-moon-link{color:#172c44;white-space:nowrap;border:1px solid #c4cbd0;border-radius:4px;justify-content:center;align-items:center;min-height:38px;padding:6px 12px;font-size:12px;text-decoration:none;display:inline-flex}@media (width>=768px){.moonmaster-header.ranking-header>nav:not(.moonmaster-mobile-nav){margin-left:auto}}@media (width<=767px){.moonmaster-header{background:var(--mobile-header-bg,#fbfbf8);border-bottom:1px solid var(--mobile-header-line,#d6dcd9)}.moonmaster-header .topbar,.moonmaster-header.ranking-header{flex-flow:column;justify-content:center;align-items:center;gap:0;max-width:none;height:auto;min-height:0;padding:0;display:flex;position:relative}.moonmaster-header .topbar{align-items:flex-start;height:50px}.moonmaster-header .topbar .brand,.moonmaster-header .ranking-brand{flex:none;justify-content:center;align-items:center;gap:0;margin:0 0 0 12px;padding:0;display:flex}.moonmaster-header .ranking-brand{align-self:flex-start;height:50px}.moonmaster-header .topbar .brand-art{--logo-width:228px;aspect-ratio:auto;flex-shrink:0;width:228px;height:38px}.moonmaster-header .ranking-brand img{object-fit:contain;width:228px;height:38px;display:block}.moonmaster-header .brand small,.moonmaster-header .ranking-brand>span,.moonmaster-header>.audience,.moonmaster-header.ranking-header>nav:not(.moonmaster-mobile-nav){display:none}.moonmaster-header nav.moonmaster-mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:0;width:100%;height:44px;margin:0;padding:0 8px;font-size:12px;display:grid}.moonmaster-header nav.moonmaster-mobile-nav a{color:#526174;white-space:nowrap;text-align:center;border-bottom:2px solid #0000;justify-content:center;align-items:center;min-width:0;min-height:44px;padding:0 2px;font-size:12px;font-weight:500;line-height:1.3;text-decoration:none;display:flex}.moonmaster-header nav.moonmaster-mobile-nav a[aria-current=page]{color:#172c44;border-bottom-color:#a67b32;font-weight:700}.moonmaster-header nav.moonmaster-mobile-nav a:first-child{display:flex}.moonmaster-header .topbar .header-actions{display:contents}.moonmaster-header .topbar .moon-link,.moonmaster-header .ranking-moon-link,.moonmaster-header .topbar .header-menu-toggle{color:#172c44;justify-content:center;align-items:center;width:40px;height:44px;min-height:44px;padding:8px;display:inline-flex;position:absolute;top:3px}.moonmaster-header .topbar .moon-link{gap:4px;width:60px;font-size:12px;left:auto;right:8px}.moonmaster-header .topbar .header-menu-toggle{width:36px;padding:6px;right:72px}.moonmaster-header .moon-label-full{display:none}.moonmaster-header .moon-label-short{display:inline}.moonmaster-header .ranking-moon-link{white-space:nowrap;border:0;gap:4px;width:60px;font-size:12px;text-decoration:none;right:8px}.moonmaster-header .ranking-moon-link svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:16px;height:16px}.moonmaster-header .header-menu-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:20px;height:20px}.moonmaster-header .display-settings{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:8px;flex-direction:column;align-items:stretch;gap:12px;width:230px;max-width:calc(100vw - 12px);padding:14px;position:absolute;top:calc(100% + 4px);right:6px;box-shadow:0 6px 20px #00000024}.moonmaster-header .header-menu-toggle[aria-expanded=false]+.display-settings,.moonmaster-header .display-settings[hidden]{display:none}}@media (width<=339px){.moonmaster-header .topbar .brand-art,.moonmaster-header .ranking-brand img{--logo-width:180px;width:180px}.moonmaster-header .topbar .header-menu-toggle{width:36px;padding:6px;left:auto;right:72px}.moonmaster-header nav.moonmaster-mobile-nav a{font-size:11px}}