/* All Games shows the same starry background as Camp and the rest of the site (Jason, 29 Sep 2026): the castle picture layer that covered it was removed. */
.games-surface-active #site-content-frame {
  position: relative;
  z-index: 1;
  background: transparent;
}
.games-navigation-rail { position: absolute; z-index: 22; pointer-events: none; }
.games-navigation-rail[hidden] { display: none; }
.games-shell-navigation {
  position: sticky;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 22;
  width: 100%;
  max-height: calc(100vh - 170px);
  display: grid;
  overflow-y: auto;
  padding: 0 24px 20px 0;
  border-right: 1px solid rgba(123, 145, 171, .34);
  background: transparent;
}

.games-shell-navigation[hidden] { display: none; }
.games-shell-navigation strong { padding: 0 0 13px; border-bottom: 1px solid rgba(123, 145, 171, .34); color: #f1f4f8; font: 750 1rem Inter, ui-sans-serif, system-ui, sans-serif; }
.games-shell-navigation a { padding: 11px 2px; border-bottom: 1px solid rgba(123, 145, 171, .16); color: #aebdcd; font: 650 .88rem/1.35 Inter, ui-sans-serif, system-ui, sans-serif; text-decoration: none; }
.games-shell-navigation a:hover, .games-shell-navigation a:focus-visible { color: #e1c8ef; }

@media (max-width: 860px) {
  .games-shell-navigation { display: none !important; }
}

/* Same look as Care Hub's "Find support" panel (Jason, 4 Oct 2026; looks only, nothing else changes): space glass panel,
   small uppercase label, rows with lines between them, warm hover. */
.games-shell-navigation { background: linear-gradient(160deg, rgba(14, 20, 40, .78), rgba(6, 10, 22, .74)); border: 1px solid rgba(255, 236, 190, .12); border-radius: 18px; padding: 18px 20px 14px; box-shadow: 0 18px 36px rgba(3, 8, 15, .2); }
.games-shell-navigation strong { padding: 0 0 18px; border-bottom: 0; color: #8294a7; font: 800 .72rem Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.games-shell-navigation a { padding: 12px 0; border-top: 1px solid rgba(151, 187, 214, .22); border-bottom: 0; color: #afbdcb; font: 650 .88rem/1.35 Inter, ui-sans-serif, system-ui, sans-serif; }
.games-shell-navigation a:last-child { border-bottom: 1px solid rgba(151, 187, 214, .22); }
.games-shell-navigation a:hover, .games-shell-navigation a:focus-visible { color: #f3c98e; }