/* Forest ink, parchment, and a burnished copper accent on the shared notebook layout. */
.theme-hunger_games {
  --ink: #28332c;
  --muted: #62634f;
  --paper: #fbf7e9;
  --accent: #8c4b22;
  --accent-light: #f2e1c8;
  --line: #cfc9b2;
  --mint: #e5eadc;
  --rose: #f1dec7;
  color: var(--ink);
  background: radial-gradient(ellipse at 95% 0, #4a4b2c 0, transparent 48%), linear-gradient(130deg, #223c32, #121f1b);
}
.theme-hunger_games .brand,
.theme-hunger_games .edition { color: #f4edda; }
.theme-hunger_games .notebook {
  border-color: #afa482;
  box-shadow: 8px 8px 0 #101b16, 0 24px 70px #0003;
}
.theme-hunger_games .notebook::before { border-color: #ccab78; }
.theme-hunger_games .hero { background: linear-gradient(110deg, #fbf7e9, #eee9d6); }
.theme-hunger_games .hero-art { transform: rotate(2deg); }
.theme-hunger_games .primary { box-shadow: 0 3px 0 #5e341b; }
.theme-hunger_games .primary:hover:not(:disabled) { background: #703918; }
.theme-hunger_games .quiet:hover { background: var(--accent-light); }
.theme-hunger_games .answer { background: #fffbee; }
.theme-hunger_games .answer:hover { background: #f3ead5; border-color: #b08b5f; }
.theme-hunger_games .answer:has(input:checked) { background: var(--accent-light); }
.theme-hunger_games .answer-letter { background: #e5deca; }
.theme-hunger_games .cast-strip { background: #e3e5d1; }
.theme-hunger_games .cast-strip span::before { content: '•'; }
.theme-hunger_games .scorecard { background: #efe9d9; }
.theme-hunger_games .answer-trail { background: #fffbee; }
.theme-hunger_games #share-url { color: var(--ink); background: #fffbee; }
.theme-hunger_games progress,
.theme-hunger_games progress::-webkit-progress-bar { background: #ded8c1; }
.theme-hunger_games meter,
.theme-hunger_games meter::-webkit-meter-bar { background: #d2cbb3; }
.theme-hunger_games button:focus-visible,
.theme-hunger_games input:focus-visible,
.theme-hunger_games .answer:has(input:focus-visible) { outline-color: #8c4b22; }
.theme-hunger_games .footer { color: #d1d3be; }
.theme-hunger_games .footer a { color: #f2c785; }
.theme-hunger_games .topbar a:focus-visible,
.theme-hunger_games .footer a:focus-visible,
.theme-hunger_games .footer summary:focus-visible { outline-color: #f2c785; }
@media (max-width: 720px) {
  .theme-hunger_games .hero h1 { font-size: clamp(2.35rem, 9vw, 3rem); }
  .theme-hunger_games .notebook { box-shadow: 5px 5px 0 #101b16; }
}