/* The shared site-core owns layout. These are PlayTrail's selected A palette and cards. */
.tpl.tpl-theme-dusk {
  --tpl-paper: #101824;
  --tpl-sheet: #1a2532;
  --tpl-ink: #f8f2e8;
  --tpl-mute: #b9c3cd;
  --tpl-accent: #ffb456;
  --tpl-accent-ink: #17202b;
  --tpl-line: #354455;
  --tpl-display: Georgia, "Times New Roman", serif;
  --tpl-body: system-ui, -apple-system, "Segoe UI", sans-serif;
  --tpl-radius-sheet: 8px;
  --tpl-radius-button: 8px;
}
.tpl .tpl-block { max-width: none; }
.tpl .game-card-grid, .tpl .guide-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 18px;
  margin: 20px 0 36px;
}
.tpl .game-card, .tpl .guide-card-grid a {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 20px;
  border: 1px solid var(--tpl-line);
  border-radius: 8px;
  background: var(--tpl-sheet);
  text-decoration: none;
}
.tpl .game-card { padding: 0 0 20px; overflow: hidden; }
.tpl .game-card img { width: 100%; height: 185px; object-fit: cover; }
.tpl .game-card strong, .tpl .game-card span { margin-inline: 20px; }
.tpl .game-card strong, .tpl .guide-card-grid strong { font: 700 22px/1.2 var(--tpl-display); }
.tpl .game-card span, .tpl .guide-card-grid span { color: var(--tpl-mute); font-size: 14px; }
.tpl .game-card-text { justify-content: flex-end; min-height: 255px; background: radial-gradient(circle at 90% 20%, #3d6171 0 16%, transparent 17%), linear-gradient(135deg, #1c3b48, #1a2532); }
.tpl .game-card:hover, .tpl .guide-card-grid a:hover { border-color: var(--tpl-accent); }
.tpl .tpl-guide-layout .tpl-prose { line-height: 1.75; }
.tpl .tpl-prose a { color: var(--tpl-accent); }
.tpl .tpl-prose ul, .tpl .tpl-prose ol { padding-left: 26px; }
.tpl .tpl-prose li { margin-bottom: 9px; }
.tpl .guide-note { padding: 16px; border: 1px solid var(--tpl-line); border-radius: 8px; background: var(--tpl-sheet); }
.tpl .guide-note p { margin-bottom: 0; color: var(--tpl-mute); }