/* A song notebook under orbital stage lights: rose, violet, and midnight ink. */
.theme-alien_stage {
  --ink: #3a3048;
  --muted: #685a72;
  --paper: #fdf8fc;
  --accent: #8c397c;
  --accent-light: #f3e1f0;
  --line: #d7c5df;
  --mint: #e8e6f2;
  --rose: #f4e2ed;
  --gold: #d7dfb4;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 0, #e2c8e4 0, transparent 46%), linear-gradient(135deg, #f1e9f5, #dedff0);
}
.theme-alien_stage .notebook {
  border-color: #c5afcf;
  box-shadow: 8px 8px 0 #d9cce6, 0 24px 70px #593e7314;
}
.theme-alien_stage .notebook::before { border-color: #d4a2c7; }
.theme-alien_stage .hero { background: linear-gradient(115deg, #fdf8fc, #f0eafa); }
.theme-alien_stage .hero-art { transform: rotate(2deg); }
.theme-alien_stage .primary { box-shadow: 0 3px 0 #5d285b; }
.theme-alien_stage .primary:hover:not(:disabled) { background: #6d2b67; }
.theme-alien_stage :is(button, a, summary, input):focus-visible,
.theme-alien_stage .answer:has(input:focus-visible) { outline-color: #405b89; }
.theme-alien_stage .answer:hover { background: #f8edf8; border-color: #ae81b5; }
.theme-alien_stage .answer-letter { background: #ece3f4; }
.theme-alien_stage .answer:has(input:checked) { background: var(--accent-light); }
.theme-alien_stage .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-alien_stage .scorecard { background: #eee8f6; }
.theme-alien_stage progress,
.theme-alien_stage progress::-webkit-progress-bar { background: #e8dbef; }
.theme-alien_stage meter,
.theme-alien_stage meter::-webkit-meter-bar { background: #ddd1e9; }
@media (max-width: 720px) {
  .theme-alien_stage .hero h1 { font-size: clamp(2.35rem, 9vw, 3rem); }
  .theme-alien_stage .notebook { box-shadow: 5px 5px 0 #d9cce6; }
}