/* An after-hours pizzeria notebook: dusty violet, monitor green, and party gold. */
.theme-five_nights_at_freddys {
  --ink: #343640;
  --muted: #65606a;
  --paper: #fff9ef;
  --accent: #665080;
  --accent-light: #ece4f3;
  --line: #d2c8d2;
  --mint: #e4ece8;
  --rose: #f6e7d7;
  --gold: #dbba77;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 0, #dbd0e3 0, transparent 46%), linear-gradient(135deg, #f0e9e0, #dce6e2);
}
.theme-five_nights_at_freddys .notebook {
  border-color: #bfb1c2;
  box-shadow: 8px 8px 0 #d2ceda, 0 24px 70px #45435814;
}
.theme-five_nights_at_freddys .notebook::before { border-color: #c7a2a6; }
.theme-five_nights_at_freddys .hero { background: linear-gradient(115deg, #fff9ef, #f0eef2); }
.theme-five_nights_at_freddys .hero h1 { font-size: clamp(2.4rem, 4.1vw, 3.75rem); overflow-wrap: anywhere; text-wrap: balance; }
.theme-five_nights_at_freddys .hero-art { transform: rotate(2deg); }
.theme-five_nights_at_freddys .primary { box-shadow: 0 3px 0 #463958; }
.theme-five_nights_at_freddys .primary:hover:not(:disabled) { background: #4f3d66; }
.theme-five_nights_at_freddys :is(button, a, summary, input):focus-visible,
.theme-five_nights_at_freddys .answer:has(input:focus-visible) { outline-color: #315f62; }
.theme-five_nights_at_freddys .answer:hover { background: #f5eff9; border-color: #a38bb4; }
.theme-five_nights_at_freddys .answer-letter { background: #eae5ef; }
.theme-five_nights_at_freddys .answer:has(input:checked) { background: var(--accent-light); }
.theme-five_nights_at_freddys .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-five_nights_at_freddys .scorecard { background: #eaf0e9; }
.theme-five_nights_at_freddys progress,
.theme-five_nights_at_freddys progress::-webkit-progress-bar { background: #e5deeb; }
.theme-five_nights_at_freddys meter,
.theme-five_nights_at_freddys meter::-webkit-meter-bar { background: #d6e0d5; }
@media (max-width: 720px) {
  .theme-five_nights_at_freddys .hero h1 { font-size: clamp(2.05rem, 8vw, 2.8rem); }
  .theme-five_nights_at_freddys .notebook { box-shadow: 5px 5px 0 #d2ceda; }
}