/* A park arcade notebook: cabinet blue, ticket gold, and warm paper. */
.theme-brawl_stars {
  --ink: #33384b;
  --muted: #5e6374;
  --paper: #fff9ec;
  --accent: #3d5688;
  --accent-light: #e4eaf6;
  --line: #d1cdbd;
  --mint: #e4ede8;
  --rose: #f9e8ca;
  --gold: #eec669;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 0, #e9d8b2 0, transparent 46%), linear-gradient(135deg, #f2ede2, #dfe6ed);
}
.theme-brawl_stars .notebook {
  border-color: #bcbbaa;
  box-shadow: 8px 8px 0 #d3d7c7, 0 24px 70px #3d4b6314;
}
.theme-brawl_stars .notebook::before { border-color: #d4af76; }
.theme-brawl_stars .hero { background: linear-gradient(115deg, #fff9ec, #eff2ed); }
.theme-brawl_stars .hero h1 { font-size: clamp(2.5rem, 4.5vw, 4rem); }
.theme-brawl_stars .hero-art { transform: rotate(2deg); }
.theme-brawl_stars .primary { box-shadow: 0 3px 0 #2b3c61; }
.theme-brawl_stars .primary:hover:not(:disabled) { background: #2e426d; }
.theme-brawl_stars :is(button, a, summary, input):focus-visible,
.theme-brawl_stars .answer:has(input:focus-visible) { outline-color: #895a25; }
.theme-brawl_stars .answer:hover { background: #f0f3fb; border-color: #8198bd; }
.theme-brawl_stars .answer-letter { background: #e7e9f2; }
.theme-brawl_stars .answer:has(input:checked) { background: var(--accent-light); }
.theme-brawl_stars .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-brawl_stars .scorecard { background: #eef0e5; }
.theme-brawl_stars progress,
.theme-brawl_stars progress::-webkit-progress-bar { background: #e0e4ed; }
.theme-brawl_stars meter,
.theme-brawl_stars meter::-webkit-meter-bar { background: #d9dfcf; }
@media (max-width: 720px) {
  .theme-brawl_stars .hero h1 { font-size: clamp(2.2rem, 8.5vw, 3rem); }
  .theme-brawl_stars .notebook { box-shadow: 5px 5px 0 #d3d7c7; }
}