/* BR disclosure only: specificity also wins over the legacy stylesheet in the footer. */
#navMenu .gameNavigation { position: relative; }
#navMenu .gameNavigationToggle {
    display: flex; align-items: center; gap: 10px; min-height: 55px;
    padding: 0 14px; box-sizing: border-box; cursor: pointer; list-style: none;
    font: 18px Asap, sans-serif; color: #252c33; border-radius: 6px;
}
#navMenu .gameNavigationToggle::-webkit-details-marker { display: none; }
#navMenu .gameNavigationToggle::marker { content: ''; }
#navMenu .gameNavigationToggle:hover,
#navMenu .gameNavigationDisclosure[open] > .gameNavigationToggle { background: #dce3ea; }
#navMenu .gameNavigationChevron { width: 7px; height: 7px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); margin-top: -4px; }
#navMenu .gameNavigationDisclosure[open] .gameNavigationChevron { transform: rotate(225deg); margin-top: 4px; }
#navMenu .gameNavigationPanel {
    position: absolute; top: 100%; left: 0; width: min(620px, calc(100vw - 24px));
    box-sizing: border-box; padding: 12px; background: #fff; color: #243444;
    border: 1px solid #d8e1ea; border-radius: 12px; box-shadow: 0 14px 36px #17334d30;
    max-height: min(680px, calc(100dvh - 96px)); overflow-y: auto; overscroll-behavior: contain;
}
#navMenu .gameNavigationGrid {
    position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px; width: auto; margin: 0; padding: 0; box-shadow: none; list-style: none;
}
#navMenu .gameNavigationCard {
    float: none; width: auto; min-width: 0; padding: 8px; margin: 0;
    border: 1px solid #e3eaf0; border-radius: 8px; background: #f7f9fc;
}
#navMenu .gameNavigation a {
    float: none; width: auto; height: auto; min-height: 32px; box-sizing: border-box;
    padding: 4px 6px; margin: 0; color: #2e475f; font: 14px/1.35 Asap, sans-serif;
    text-decoration: none; border-radius: 4px; background-image: none;
}
#navMenu .gameNavigation a:hover { color: #123e63; background: #e5edf5; text-decoration: underline; }
#navMenu .gameNavigationName { display: flex; align-items: center; gap: 9px; }
#navMenu .gameNavigationName span { font: 16px/1.25 Asap-bold, Asap, sans-serif; }
#navMenu .gameNavigationName img { width: 24px; height: 24px; flex: 0 0 24px; object-fit: contain; }
#navMenu .gameNavigationActions { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; margin-top: 4px; }
#navMenu .gameNavigationActions a { display: inline-flex; align-items: center; justify-content: center; }
#navMenu .gameNavigationActions .gameNavigationPlay { color: #fff; background: #1c6655; font-family: Asap-bold, Asap, sans-serif; }
#navMenu .gameNavigationActions .gameNavigationPlay:hover { background: #124a3e; }
#navMenu .gameNavigationFooter { display: flex; flex-wrap: wrap; gap: 4px 8px; padding-top: 10px; margin-top: 10px; border-top: 1px solid #e3eaf0; }
#navMenu .gameNavigationFooter a { display: inline-flex; align-items: center; }
#navMenu .gameNavigation :focus-visible { outline: 3px solid #2878bc; outline-offset: 2px; }
@media (max-width: 760px) {
    #navMenu .gameNavigationPanel { position: fixed; top: var(--game-navigation-top, 76px); left: 12px; right: 12px; width: auto; max-height: calc(100dvh - var(--game-navigation-top, 76px) - 12px); }
    #navMenu .gameNavigation a { min-height: 40px; }
}
@media (max-width: 520px) {
    #navMenu .gameNavigationGrid { grid-template-columns: minmax(0, 1fr); }
}