/* game — frames the 404 game (Midnight Siege) on v2 pages: the Play button and the full-screen dialog
   (src/_includes/v2/game.njk). The game's own layout — portal, neon title, canvas zoom, controls, leaderboard —
   is the main site's game-404.css, shared by path (eleventy.config.js SHARED_FILES); nothing here restyles it. */

.game-play { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 10px 22px; border-radius: 99px; border: 0; cursor: pointer;
  font-family: var(--font-mono); font-size: 12px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; text-decoration: none;
  color: #05060b; background: var(--lime); box-shadow: 0 0 18px color-mix(in srgb, var(--lime) 45%, transparent);
  transition: transform 0.2s var(--ease), box-shadow 0.2s var(--ease); }
.game-play:hover { transform: translateY(-1px); box-shadow: 0 0 28px color-mix(in srgb, var(--lime) 65%, transparent); }
.game-play:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.game-play .ico { width: 14px; height: 14px; }

.game-dlg { width: 100vw; height: 100vh; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0;
  background: #08030f; color: #fff; overflow: auto; }
.game-dlg[open] { display: block; }
.game-dlg::backdrop { background: rgb(3 4 8 / 0.9); }
/* Above the game's portal vignette (game-404.css .game404::before, z-index 90). */
.game-dlg__close { position: fixed; top: 12px; right: 12px; z-index: 100; display: inline-flex; align-items: center; gap: 6px;
  min-height: 44px; padding: 8px 16px; border-radius: 99px; border: 1px solid rgb(255 255 255 / 0.25); cursor: pointer;
  background: rgb(8 10 20 / 0.8); color: #fff; font-family: var(--font-mono); font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.game-dlg__close:hover { border-color: var(--lime); }
.game-dlg__close:focus-visible { outline: 2px solid var(--lime); outline-offset: 3px; }
/* The main site's section leaves room for its fixed footer player; v2's dialog has none. */
.game-dlg .game404 { padding-bottom: 24px; }
.game-dlg__error { color: var(--amber, #f59e0b); font-family: var(--font-mono); font-size: 13px; }

@media (prefers-reduced-motion: reduce) { .game-play { transition: none; } }