/* Shared dark palette for pages and the local game launch screens. */
:root {
  color-scheme: dark;
  --bg: #0b100e;
  --bg-soft: #111a16;
  --panel: rgba(13, 20, 17, .88);
  --panel-2: rgba(29, 41, 34, .86);
  --text: #edf3ee;
  --muted: #bac8bf;
  --accent: #9ce6ae;
  --accent-2: #c8f1d2;
  --hot: #bfd3c5;
  --new: #bfd3c5;
  --border: transparent;
  --shadow: 0 18px 40px rgba(0, 0, 0, .26);
  --page-bg-mask-top: rgba(0, 0, 0, .90);
  --page-bg-mask-bottom: rgba(0, 0, 0, .90);
}
body { color: var(--text); color-scheme: dark; }
body .site-header { background: rgba(8, 15, 11, .72); }
body .site-footer { background: rgba(8, 15, 11, .64); }
.quick-card:nth-child(2), .game-stats > div, .guide-nav,
.guide-panel .home-guide-card, .home-guide-card,
.description-body .how-to-play-highlight { background: var(--panel-2); }
body .eyebrow, .section-eyebrow, .summary-tags a,
.footer-category-link[aria-current="page"], .rail-header a,
.home-guide-card summary::after, .live-pill { color: var(--accent); }
.guide-nav a { color: var(--text); }
.guide-nav a:hover { background: #314b3a; }
.guide-nav a[aria-selected="true"] { background: #24633f; color: #f4fff6; }
.description-body .how-to-play-highlight :is(h2,h3,p,ul) { color: var(--text); }
body input:not([type="checkbox"]), body textarea, body select,
body #comments input:not([type="checkbox"]), body #comments textarea {
  background: #17231c; color: var(--text); border-color: var(--border);
}
input::placeholder, textarea::placeholder { color: #a9bbb0; opacity: 1; }
/* Use a soft glow for focus so controls stay visible without an outline. */
body :focus-visible, body #comments input:focus, body #comments textarea:focus {
  box-shadow: 0 0 14px 4px rgba(156, 230, 174, .28) !important;
}
/* Embedded splash belongs to this site; the external game keeps its own artwork. */
body.playing, .splash { color: var(--text); }
.splash-subtitle { color: var(--muted); }
.bg::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .90); }
.splash-card { background: var(--panel); border-color: var(--border); }
.rating, .ghost:hover { color: var(--accent); }

/* Borderless surfaces across pages, controls, links and decorative dividers. */
*, *::before, *::after {
  border-width: 0 !important;
  outline: none !important;
  text-decoration-line: none !important;
}
hr, .how-to-play-highlight::before { display: none !important; }
.how-to-play-highlight { box-shadow: var(--shadow); }