#game-about {
  box-sizing: border-box;
  width: min(40rem, calc(100vw - 2rem));
  max-height: calc(100dvh - 2rem);
  margin: auto;
  padding: 1.25rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  color: #eaf0f6;
  background: #15202b;
  border: 1px solid #526273;
  border-radius: 14px;
  font: 400 15px/1.6 Inter, system-ui, sans-serif;
  text-transform: none;
  letter-spacing: normal;
}
#game-about .game-about-heading { display: flex; align-items: start; gap: 1rem; }
#game-about h2 { margin: 0; font-size: 1.25rem; line-height: 1.3; }
#game-about h3 { margin: 1.25rem 0 .4rem; font-size: 1rem; }
#game-about p { margin: .7rem 0; }
#game-about ol { padding-left: 1.5rem; }
#game-about li + li { margin-top: .5rem; }
#game-about a { color: #a8d6ff; text-decoration: underline; }
#game-about button { margin-left: auto; padding: .45rem .65rem; color: inherit; background: #233647; border: 1px solid #718396; border-radius: 6px; cursor: pointer; }
#game-about :focus-visible { outline: 2px solid #a8d6ff; outline-offset: 3px; }
#game-about::backdrop { background: rgb(0 0 0 / .25); }
#game-about .game-about-keys { display: grid; grid-template-columns: max-content 1fr; gap: .35rem 1rem; margin: .5rem 0; }
#game-about .game-about-keys dt { white-space: nowrap; }
#game-about .game-about-keys dd { margin: 0; }
#game-about kbd { padding: .05rem .4rem; font: 600 .85em/1.4 Inter, system-ui, sans-serif; background: #233647; border: 1px solid #526273; border-radius: 4px; }