/* Playing-card sketches: burgundy ink and graphite on the shared notebook. */
.theme-thirteen_cards {
  --ink: #342e39;
  --muted: #645963;
  --paper: #fffbf5;
  --accent: #8a3348;
  --accent-light: #f3e2e7;
  --line: #d5c8d0;
  --mint: #e7e7ef;
  --rose: #f3e4e4;
  --gold: #e1c6aa;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 0, #d4cbd8 0, transparent 48%), linear-gradient(135deg, #f0eaeb, #dfdfe8);
}
.theme-thirteen_cards .notebook {
  border-color: #bdb1c0;
  box-shadow: 8px 8px 0 #d3cbd8, 0 24px 70px #45344514;
}
.theme-thirteen_cards .notebook::before { border-color: #c995a4; }
.theme-thirteen_cards .hero { background: linear-gradient(115deg, #fffbf5, #f1edf2); }
.theme-thirteen_cards .hero-art { transform: rotate(2deg); }
.theme-thirteen_cards .primary { box-shadow: 0 3px 0 #602235; }
.theme-thirteen_cards .primary:hover:not(:disabled) { background: #6e273c; }
.theme-thirteen_cards :is(button, a, summary, input):focus-visible,
.theme-thirteen_cards .answer:has(input:focus-visible) { outline-color: #4a507c; }
.theme-thirteen_cards .answer:hover { background: #f6eeee; border-color: #ad8795; }
.theme-thirteen_cards .answer-letter { background: #eae3e9; }
.theme-thirteen_cards .answer:has(input:checked) { background: var(--accent-light); }
.theme-thirteen_cards .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-thirteen_cards .scorecard { background: #ece8ef; }
.theme-thirteen_cards progress,
.theme-thirteen_cards progress::-webkit-progress-bar { background: #e7dce3; }
.theme-thirteen_cards meter,
.theme-thirteen_cards meter::-webkit-meter-bar { background: #d9cfdf; }
@media (max-width: 720px) {
  .theme-thirteen_cards .hero h1 { font-size: clamp(2.35rem, 9vw, 3rem); }
  .theme-thirteen_cards .notebook { box-shadow: 5px 5px 0 #d3cbd8; }
}