/* Page-specific arcade navigation, including keyboard and mobile menus. */
.pixel-leaderboard-page{--chrome-bg:#031c18;--chrome-panel:#106557;--chrome-line:#2d9672;--chrome-ink:#f2fff6;--chrome-accent:#fff3a3}
.pac-store-page{--chrome-bg:#080914;--chrome-panel:#10152c;--chrome-line:#365cff;--chrome-ink:#e1eaff;--chrome-accent:#ffe449}
.admin-page,.tetris-challenges{--chrome-bg:#142b2b;--chrome-panel:#244241;--chrome-line:#74978b;--chrome-ink:#f3f7dc;--chrome-accent:#d5ef83}
:is(.pixel-leaderboard-page,.pac-store-page,.admin-page,.tetris-challenges) .site-header{--nes-accent:var(--chrome-accent);background:var(--chrome-bg);color:var(--chrome-ink);border-bottom:4px solid var(--chrome-line);box-shadow:0 4px #0005;backdrop-filter:none}
:is(.pixel-leaderboard-page,.pac-store-page,.admin-page,.tetris-challenges) .site-header :is(.main-nav>a,summary,.nav-dropdown-menu a,.mobile-navigation a,.mobile-menu-label){color:var(--chrome-ink)}
:is(.pixel-leaderboard-page,.pac-store-page,.admin-page,.tetris-challenges) .site-header :is(.nav-dropdown-menu,.mobile-navigation>div,.mobile-navigation>summary,.nav-role-card){background:var(--chrome-panel);color:var(--chrome-ink);border:2px solid var(--chrome-line);border-radius:0;box-shadow:4px 4px #0005}
:is(.pixel-leaderboard-page,.pac-store-page,.admin-page,.tetris-challenges) .nav-role-card :is(span,strong,small){color:var(--chrome-ink)}
:is(.pixel-leaderboard-page,.pac-store-page,.admin-page,.tetris-challenges) .site-header .button{border:2px solid var(--chrome-accent);border-radius:0;color:var(--chrome-ink);background:var(--chrome-panel);box-shadow:3px 3px #0006}
:is(.pixel-leaderboard-page,.pac-store-page,.admin-page,.tetris-challenges) .site-header .button-primary{background:var(--chrome-accent);color:var(--chrome-bg)}
:is(.pixel-leaderboard-page,.pac-store-page,.admin-page,.tetris-challenges) .site-header :is(a,summary,button):focus-visible{outline:3px solid var(--chrome-accent);outline-offset:4px}
:is(.pixel-leaderboard-page,.pac-store-page,.admin-page,.tetris-challenges) .site-header :is(.nav-dropdown-menu a,.mobile-navigation a):hover{background:var(--chrome-bg);color:var(--chrome-accent)}
:is(.pixel-leaderboard-page,.pac-store-page,.admin-page,.tetris-challenges) .hamburger-icon i{background:var(--chrome-ink)}
:is(.pixel-leaderboard-page,.pac-store-page,.admin-page,.tetris-challenges) .mobile-navigation>div{max-height:calc(100dvh - 88px);overflow:auto}
