/* Deel 4 (Afleer 1): a moonlit title, and the colours of its drawings. Loaded after story.css. */
.hero.moonlit { background: linear-gradient(180deg, #0B1322 0%, #16243A 55%, #34405A 78%, #9C8C7A 92%, var(--paper) 100%); }
.hero.moonlit h1 em { color: #EADFB8; font-style: italic; }
.on-night .w-skin { fill: #EFC59C; } .on-night .w-white { fill: #F3EEDF; } .on-night .w-cover { fill: #7A2E26; }
.on-night .st.pencil-l { stroke: #B8B0A0; }
.st.moonline { stroke: #EFE6C8; }
.w-moon { fill: #F4EED8; } .w-mare { fill: #D8CFB2; } .w-cover { fill: #8E3A2E; } .w-paper-old { fill: #EFE4C6; }
.w-wood { fill: #B98B5A; } .w-wood-d { fill: #8C6440; } .w-jacket { fill: #4E5A6E; } .w-news { fill: #F1EEE4; } .w-frame { fill: #8C6440; }
.w-nightsky { fill: #1E2C44; } .w-moonground { fill: #CBC6BA; } .w-flame { fill: url(#ink-flame); } .w-oldcover { fill: #9A7B4F; } .w-clay { fill: #CFA77A; }
.w-bread { fill: #D9A963; } .w-wine { fill: #7A1F2B; } .w-strap { fill: #6B4A2B; } .w-movement { fill: #E7E1D0; } .w-jewel { fill: #B2382C; }
.st.chalk-y { stroke: #F6D46B; } svg .chalk-y { fill: #F6D46B; } svg .gold { fill: #E3BE6E; }
.flame4 { animation: flick 2.3s ease-in-out infinite; }
.spin { animation: spin 10s linear infinite; }
.rock { animation: rock .8s ease-in-out infinite alternate; }
.spin.stopped, .rock.stopped { animation-play-state: paused; }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes rock { from { transform: rotate(-28deg); } to { transform: rotate(28deg); } }
@media (prefers-reduced-motion: reduce) { .flame4, .spin, .rock { animation: none; } }
blockquote.poem { margin: 0; padding: 24px 26px; background: var(--card); border-radius: 12px; border: 1px solid rgba(29, 36, 48, .08); }
blockquote.poem p { font-family: var(--display); font-size: 1.4em; line-height: 1.5; color: var(--ink) !important; margin: 0 0 10px; }
blockquote.poem cite { font-style: normal; font-family: var(--display); font-variant-caps: all-small-caps; letter-spacing: .1em; color: var(--muted); font-size: 15px; }
@media print { blockquote.poem { break-inside: avoid; padding: 3mm 4mm; } blockquote.poem p { font-size: 12.5pt; } .hero.moonlit .hero-in { padding-top: 16mm; } }
.w-cuff { fill: #3C4A63; }
.w-skin2 { fill: #DDB898; } .on-night .w-skin2 { fill: #DCA67C; }