.page-tools{display:flex;align-items:center;gap:24px}.edit-open{font:11px Arial,sans-serif;text-decoration:none;letter-spacing:.03em;color:#d7c8af}.artwork{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;gap:12px}.visual-stage{width:min(100%,calc(77svh * var(--ratio)));aspect-ratio:var(--ratio);position:relative;overflow:hidden;flex-shrink:0;isolation:isolate}.artwork .visual-stage img{display:block;width:100%;height:100%;object-fit:contain;mask-image:none;transform-origin:var(--focus,50% 50%);will-change:transform,filter}.visual-credit{font:10px/1.5 Arial,sans-serif;color:#bfbaa9;text-decoration:none;letter-spacing:.02em;position:relative;z-index:2;align-self:flex-end;padding-right:18px}.cover-art .visual-stage{width:100%;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 98%,transparent)}.cover-art:after{pointer-events:none;background:linear-gradient(90deg,#211a15,#211a1500 15%),linear-gradient(0deg,#211a15,#211a1500 15%)}.cover-art .visual-credit{margin-top:-20px;margin-right:20px;color:#d3c8b7}.chapter-art{margin:0 7% 0 0;height:min(780px,88svh);top:45px}.chapter-art .visual-stage{mask-image:linear-gradient(0deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}.chapter{padding-top:90px;padding-bottom:90px;min-height:700px;grid-template-columns:49% 51%}.chapter.flip{grid-template-columns:49% 51%}.chapter.flip .chapter-art{grid-column:2;grid-row:1;margin:0 0 0 7%}.chapter.flip .chapter-copy{grid-column:1;grid-row:1;padding:65px 5% 0 0}.continuation .chapter-copy{padding-top:100px}.chapter-copy p:first-child:not(.eyebrow){margin-top:0}.chapter-copy{font-size:20px}.chapter[data-animation=spotlight] .visual-stage{background:#110f0d}.chapter[data-animation=spotlight] .visual-stage img{mix-blend-mode:luminosity}.atmosphere{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.fx-stars .atmosphere{mix-blend-mode:screen}.star-glow{position:absolute;width:9px;height:9px;margin:-4.5px;border-radius:50%;background:radial-gradient(circle,#fff5d7 0%,#f8e4b45c 22%,transparent 70%);opacity:.3;animation:star-breathe var(--duration,16s) ease-in-out var(--delay,0s) infinite alternate}.fx-water .atmosphere{background:repeating-linear-gradient(165deg,transparent 0%,#cbe9da00 8%,#d2f6e90d 11%,transparent 14%,transparent 22%);mix-blend-mode:screen;opacity:.38;animation:water-light 18s ease-in-out infinite alternate}.fx-rays .atmosphere,.fx-rise .atmosphere{background:conic-gradient(from 145deg at 67% 4%,transparent 0deg,#f7edcc16 7deg,transparent 13deg,#f7edcc09 17deg,transparent 25deg,#f7edcc16 30deg,transparent 38deg);mix-blend-mode:screen;filter:blur(5px);animation:ray-light 19s ease-in-out infinite alternate;opacity:.3}.fx-spotlight .atmosphere{background:radial-gradient(ellipse at 52% 39%,#110e0b00 15%,#110e0b44 48%,#110e0be0 78%,#110e0b 100%)}
@keyframes star-breathe{from{opacity:.18;transform:scale(.82)}to{opacity:.68;transform:scale(1.16)}}@keyframes water-light{from{transform:translateY(-1.4%);opacity:.18}to{transform:translateY(1.4%);opacity:.42}}@keyframes ray-light{from{opacity:.12}to{opacity:.4}}
#editor{position:fixed;inset:0 0 0 auto;width:min(720px,96vw);height:100dvh;max-height:none;max-width:none;margin:0;padding:0;border:0;border-left:1px solid #7a6c59;background:#211a15;color:#eee5d7;overflow:hidden}#editor::backdrop{background:#080706b8;backdrop-filter:blur(3px)}.editor-top{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #786a564d;font:14px Arial,sans-serif}.editor-top button{background:none;color:#eee5d7;border:1px solid #786a56;padding:9px 15px;border-radius:20px;font:12px Arial,sans-serif}#editor-frame{border:0;width:100%;height:calc(100% - 78px);background:#211a15}#offline-edit{padding:28px;font:17px/1.7 Georgia,serif}body:has(#editor[open]){overflow:hidden}#saved-message{position:fixed;right:25px;top:22px;background:#e8d9be;color:#211a15;z-index:20;padding:14px 22px;font:14px Arial,sans-serif}
.reduced .atmosphere{animation:none!important}.reduced .star-glow{animation:none!important;opacity:.25}.reduced .visual-stage img{transform:none!important;filter:none!important}
@media(max-width:760px){.page-tools{gap:14px}.edit-open{font-size:10px}.masthead{padding:16px 6%}.brand{max-width:143px}.cover-art{height:auto;aspect-ratio:auto;gap:12px}.cover-art .visual-stage{width:100%;mask-image:linear-gradient(0deg,transparent,#000 10%,#000 97%,transparent)}.cover-art .visual-credit{font-size:9px;margin-top:-8px;margin-right:6%;padding:0}.cover-heading{padding-top:35px}.chapter,.chapter.flip{display:block;min-height:0;padding:50px 0 55px}.chapter-art,.chapter.flip .chapter-art{position:relative;top:auto;width:90%;height:auto;margin:0 auto 35px;gap:10px}.visual-stage{width:min(100%,calc(66svh * var(--ratio)))}.chapter-art .visual-stage{mask-image:linear-gradient(0deg,transparent,#000 2%,#000 98%,transparent)}.chapter-copy,.chapter.flip .chapter-copy,.continuation .chapter-copy{padding:0 7%;font-size:18px}.visual-credit{padding-right:4%;font-size:9px}.continuation .chapter-copy{padding-top:10px}.chapter .chapter-art{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.atmosphere,.star-glow{animation:none!important}.visual-stage img{transform:none!important;filter:none!important}}
.chapter{min-height:0}.chapter-art{height:auto}.chapter[data-animation=spotlight] .visual-stage{mask-image:radial-gradient(ellipse at 50% 42%,#000 30%,#000 55%,transparent 81%)}
.chapter[data-animation=spotlight] .visual-stage img{mix-blend-mode:normal}
.cover-art:after{inset:0}.visual-stage.fx-spotlight:after{content:'';position:absolute;left:0;right:0;bottom:0;height:11%;background:linear-gradient(transparent,#211a15)}