@font-face {font-family: "Instrument Sans"; src: url("instrument-sans.woff2") format("woff2"); font-weight: 400 700; font-display: swap}
@font-face {font-family: "Space Mono"; src: url("space-mono.woff2") format("woff2"); font-weight: 700; font-display: swap}
body.game-after-hours {
  --paper: #171329;
  --ink: #fcf8ff;
  --muted: #c6bcd5;
  --line: #4d4264;
  --panel: #231c38;
  --accent: #baff78;
  --warm: #d3b9ff;
  font-family: "Instrument Sans", system-ui, sans-serif;
}
.game-after-hours .topbar,.game-after-hours .edition,.game-after-hours .brand small {display: none}
.game-after-hours header {border-top: 3px solid var(--accent)}
.game-after-hours .brand {display: flex; align-items: center; gap: 13px; font: 700 clamp(19px, 3vw, 31px)/1.15 "Space Mono", monospace; letter-spacing: -.07em}
.game-after-hours nav {background: #201a33}
.game-after-hours nav a {font-weight: 650}
.game-after-hours h1,.game-after-hours h2,.game-after-hours .card-title {font-family: "Space Mono", monospace; font-weight: 700; letter-spacing: -.065em}
.game-after-hours .hero {gap: 36px; grid-template-columns: 1fr .85fr}
.game-after-hours .hero h1 {font-size: clamp(33px, 4.5vw, 64px)}
.game-after-hours .hero img {height: auto; aspect-ratio: 4/3; border: 1px solid var(--line); border-radius: 16px}
.game-after-hours .button {border-radius: 8px; font-weight: 750}
.game-after-hours .button:hover {background: #dcffbd; color: var(--paper)}
.game-after-hours .session-grid {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 16px 0 44px}
.game-after-hours .session-link {display: grid; gap: 7px; border: 1px solid var(--line); background: var(--panel); border-radius: 12px; padding: 20px; text-decoration: none}
.game-after-hours .session-link:hover {border-color: var(--accent)}
.game-after-hours .session-link strong {color: var(--accent); font-family: "Space Mono", monospace}
.game-after-hours .session-link span {color: var(--muted); font-size: .95rem}
.game-after-hours .card-art {display: none}
.game-after-hours .card {border-top: 2px solid var(--line)}
.game-after-hours .sidebox {border-radius: 12px}
@media (max-width: 680px) {
  .game-after-hours .hero,.game-after-hours .session-grid {grid-template-columns: 1fr}
}