/* Aria's Web: a LANTERNBLADE night-sky theme (purple + lantern gold). */
:root {
  --ink: #2a1650;
  --ink-soft: #5a3f8c;
  --sky-top: #e9ddff;
  --sky-mid: #a57ff0;
  --sky-deep: #7b3fd1;
  --line: #3b1f73;
  --sun: #ffd166;
  --shadow: 0 8px 0 #3b1f73;
}
body.home { background: linear-gradient(180deg, #2b1a55 0%, #5b34b0 45%, #9a72ea 100%); }
body.home .hero h1, body.home .hero .hello, body.home .hero .tag { color: #fff7e0; text-shadow: 0 3px 0 #2a1650; }
body.home .sky > .sun { background: #fff3c4; box-shadow: 0 0 0 14px rgba(255, 209, 102, 0.35), 0 0 60px 20px rgba(255, 209, 102, 0.35); }
.lb-banner { margin: 8px auto 18px; max-width: 760px; border: 5px solid #1b0f33; border-radius: 22px; overflow: hidden; background: #000; box-shadow: 0 10px 0 #1b0f33; }
.lb-banner img { display: block; width: 100%; max-height: 300px; object-fit: cover; object-position: center 35%; filter: contrast(1.05); }
.lb-caption { margin: 0; padding: 8px 14px; background: #ffd166; color: #1b0f33; font-weight: 800; letter-spacing: 0.04em; text-align: center; font-size: 18px; }
.foot, .foot summary { color: #fff7e0; }
/* Gentle feedback: no red. A miss fades softly. */
.q-choice.right { background: #c9f2d0 !important; }
.q-choice.wrong { background: #efe7ff !important; border-style: dashed !important; }