body{--fire:#da501b;--mist:#763720}.chapter-banner{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center;padding:.9rem 1rem;color:#dcb984;letter-spacing:.08em;font-size:.85rem}.chapter-banner a{font-size:.75rem;margin-left:1rem}.chapter-banner [hidden]{display:none}.infernal-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.mist{position:absolute;width:70%;height:70%;border-radius:50%;filter:blur(40px);background:radial-gradient(ellipse,var(--mist),transparent 67%);opacity:.32}.mist-one{left:-40%;top:5%;animation:mistDrift 18s ease-in-out infinite alternate}.mist-two{right:-40%;bottom:0;animation:mistDrift 23s -8s ease-in-out infinite alternate-reverse}.flame-bank{position:absolute;bottom:-35px;left:0;right:0;height:260px;filter:blur(7px)}.flame{position:absolute;bottom:0;left:var(--x);width:var(--w);height:var(--h);border-radius:60% 20% 50% 40%;background:linear-gradient(to top,var(--fire),#d45d1f88 45%,transparent 95%);transform-origin:50% 100%;opacity:.55;animation:flameSway var(--duration) var(--delay) ease-in-out infinite alternate}.soul{position:absolute;left:var(--x);top:-180px;width:var(--size);opacity:0;filter:sepia(1) drop-shadow(0 0 8px #ad471c);animation:soulFall var(--duration) var(--delay) linear infinite}.soul img{display:block;width:100%;height:auto;animation:soulTwist 7s ease-in-out infinite alternate}.orbit{position:absolute;top:25%;color:#c36534;opacity:.24;font-size:clamp(65px,10vw,140px);text-shadow:0 0 25px #b43117;animation:orbitTurn 42s linear infinite}.orbit-left{left:1%}.orbit-right{right:1%;top:64%;animation-direction:reverse}.page{transform-origin:50% 50%;transition:box-shadow 1s}.page.turn-forward{animation:pageForward .65s ease-out both}.page.turn-back{animation:pageBack .65s ease-out both}.page-error{position:relative;z-index:3;max-width:650px;margin:1rem auto;padding:1rem;border:1px solid #a15b30;background:#221009;color:#f3d2a2}.embers i{width:var(--size,3px);height:var(--size,3px)}
@keyframes mistDrift{to{transform:translate(40%,20%) scale(1.4);opacity:.5}}
@keyframes flameSway{0%{transform:scaleY(.65) skewX(-9deg)}50%{transform:scaleY(1.08) skewX(5deg)}100%{transform:scaleY(.85) skewX(13deg)}}
@keyframes soulFall{0%{opacity:0;transform:translateY(0) rotate(-15deg)}12%,78%{opacity:.28}100%{opacity:0;transform:translateY(1600px) rotate(25deg)}}
@keyframes soulTwist{to{transform:rotate(-30deg) scale(.86)}}
@keyframes orbitTurn{to{transform:rotate(360deg)}}
@keyframes pageForward{from{opacity:.65;transform:perspective(1600px) rotateY(-7deg) translateX(12px)}to{opacity:1;transform:none}}
@keyframes pageBack{from{opacity:.65;transform:perspective(1600px) rotateY(7deg) translateX(-12px)}to{opacity:1;transform:none}}
.paused .page{animation:none!important;transform:none!important;opacity:1!important}
@media(max-width:900px){.soul{width:55px}.orbit{font-size:65px;opacity:.12}.mist{filter:blur(20px)}.flame-bank{height:160px}}
@media(prefers-reduced-motion:reduce){.infernal-atmosphere,.embers{display:none}*,*::before,*::after{animation:none!important;transition:none!important}.page{opacity:1!important;transform:none!important}}
@media print{.infernal-atmosphere,.chapter-banner{display:none}}