:root{--gold:#d6b878;--bright:#f8e4ad;--paper:#eee0bc;--violet:#a99bc9;--dark:#120e22}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#0d0c1b;color:#eee4d3;font:17px/1.7 Georgia,serif;isolation:isolate}body::before{content:'';position:fixed;inset:0;z-index:-2;background-image:linear-gradient(#0c0c1a15,#0c0c1a45),url("img/background.webp");background-position:center;background-size:cover}body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#08071205,#08071233 24%,#08071233 76%,#08071205)}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.25}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #dbbafd;outline-offset:5px}button{color:inherit}button:hover:not(:disabled){color:var(--bright)}[hidden]{display:none!important}.skip{position:absolute;top:-100px;left:20px;z-index:100;padding:10px;background:#efe2bf;color:#211724}.skip:focus{top:10px}.masthead{text-align:center;max-width:1400px;margin:auto;padding:42px 20px 0;position:relative}.stars{font-size:18px;letter-spacing:18px;color:#d7b783;text-shadow:0 0 18px #e5be63}.campaign-label{font:10px Arial,sans-serif;letter-spacing:4px;color:#c5af8b;margin:8px 0 13px}.masthead h1{margin:0;text-transform:uppercase;line-height:1.05;font-weight:normal;color:#edcf91;filter:drop-shadow(0 3px 2px #000);text-shadow:0 0 26px #d8a46a25,0 1px 0 #fff4}.masthead h1 span{display:block;font-size:clamp(22px,3vw,35px);letter-spacing:7px;margin-bottom:8px}.masthead h1 strong{display:block;font-weight:normal;font-size:clamp(37px,6vw,74px);letter-spacing:2px;background:linear-gradient(#fff0c4 10%,#d4af68 55%,#fff0c4 61%,#a57d42);background-clip:text;-webkit-text-fill-color:transparent}.title-rule{display:flex;align-items:center;justify-content:center;gap:14px;color:#c7a46c;font-size:17px;margin:20px auto 10px;max-width:580px}.title-rule::before,.title-rule::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#a78a53)}.title-rule::after{transform:rotate(180deg)}.navigation{display:flex;justify-content:center;gap:3px;margin:0 auto;position:relative;z-index:4}.navigation a{position:relative;min-width:162px;padding:12px 26px 13px;font:small-caps 18px Georgia,serif;letter-spacing:1.5px;background:linear-gradient(#302333e8,#181422f0);border:1px solid #887045;color:#d2c3a7;box-shadow:inset 0 0 0 3px #08081255,0 5px 16px #0008}.navigation a:first-child{border-radius:20px 0 0 4px}.navigation a:last-child{border-radius:0 20px 4px 0}.navigation a[aria-current=page]{background:linear-gradient(#594037,#2a2030);color:#ffe4a8;box-shadow:inset 0 0 14px #c79d5926,0 0 22px #caa57220}.navigation a[aria-current=page]::after{content:'✦';position:absolute;bottom:-15px;left:calc(50% - 7px);color:var(--gold);font-size:14px}.banner{max-width:1360px;margin:2px auto 0;position:relative}.banner img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(transparent,#000 5%,#000 85%,transparent);mask-composite:intersect;filter:drop-shadow(0 10px 18px #0009)}.banner-caption{position:absolute;bottom:-2px;left:20px;right:20px;text-align:center;font-style:italic;font-size:15px;color:#e1d1b4;text-shadow:0 2px 8px #000,0 0 15px #000;background:radial-gradient(ellipse,#0d0b1c90,transparent 65%);padding:15px}.reading-area{max-width:1000px;margin:25px auto 0;padding:0 46px 40px}.chapter-heading{text-align:center;margin:0 0 24px}.kicker{color:#b7a3cf;font:10px/1.6 Arial,sans-serif;letter-spacing:3px;text-transform:uppercase}.chapter-heading h2{font-size:28px;line-height:1.2;font-weight:normal;margin:9px 0;color:#f2dfb6;text-shadow:0 3px 10px #000}.small-ornament{color:#c3a368;letter-spacing:9px;font-size:13px}.book-cover{position:relative;padding:15px 18px 17px 25px;border-radius:8px 14px 14px 8px;background:repeating-linear-gradient(94deg,#2a202b77 0 2px,transparent 2px 5px),linear-gradient(90deg,#241722,#503b34 2%,#1f1827 4%,#34232a 7%,#5a3e31 97%,#231725);border:1px solid #826544;box-shadow:0 35px 75px #000c,0 0 70px #7c5ca012,inset 0 0 0 3px #ad845439,inset 0 0 0 7px #130e1d;perspective:2400px}.book-cover::before{content:'';position:absolute;left:7px;top:20px;bottom:20px;width:7px;border-inline:1px solid #b18a4c55;background:#0a071c66;box-shadow:2px 0 9px #0008}.book-cover::after{content:'';position:absolute;inset:8px;border:1px solid #ac8b4a55;border-radius:4px 9px 9px 4px;pointer-events:none}.corner{position:absolute;width:34px;height:34px;z-index:8;pointer-events:none;border:2px solid #c0a065;background:linear-gradient(135deg,#e8d191,#8b653c 49%,transparent 51%);clip-path:polygon(0 0,100% 0,0 100%);filter:drop-shadow(1px 2px 2px #000)}.corner.tl{left:0;top:0}.corner.tr{right:0;top:0;transform:rotate(90deg)}.corner.bl{left:0;bottom:0;transform:rotate(-90deg)}.corner.br{right:0;bottom:0;transform:rotate(180deg)}.paper-stack{position:relative;margin-right:6px;margin-bottom:5px;box-shadow:2px 2px 0 #cab992,4px 4px 0 #715f46,6px 6px 0 #e2d1ad,8px 8px 0 #766344,10px 10px 0 #cfbd96;background:#e9d9b3}.page-stage{position:relative;aspect-ratio:2/3;background:#eee6d1;isolation:isolate}.page-stage::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:4;box-shadow:inset 12px 0 15px -12px #38210d88,inset -5px 0 8px -7px #301b0ddd}.comic-img{width:100%;height:100%;object-fit:contain;display:block}.edge{position:absolute;top:0;bottom:0;width:8%;min-width:30px;border:0;z-index:7;background:transparent;padding:0;overflow:hidden}.edge.left{left:0}.edge.right{right:0}.edge:focus-visible{outline-offset:-5px}.edge::before{content:'';position:absolute;top:0;bottom:0;width:100%;opacity:0;transition:opacity .2s;background:linear-gradient(90deg,#6c4d2822,transparent)}.edge.right::before{background:linear-gradient(270deg,#6c4d2855,transparent)}.edge:hover:not(:disabled)::before{opacity:1}.curl{position:absolute;top:0;width:0;height:0;transition:width .25s,height .25s,filter .25s;filter:drop-shadow(0 3px 4px #0009)}.right .curl{right:0;background:linear-gradient(45deg,#b29c76 0%,#f9edcf 45%,#fff6de 49%,transparent 51%);clip-path:polygon(0 0,100% 100%,0 100%);transform:rotate(180deg)}.left .curl{left:0;background:linear-gradient(-45deg,#b29c76,#fff5dc 49%,transparent 51%);clip-path:polygon(100% 0,100% 100%,0 100%);transform:rotate(180deg)}.edge:hover:not(:disabled) .curl,.edge:focus-visible:not(:disabled) .curl{width:78px;height:78px}.edge-arrow{position:absolute;top:45%;background:#201528d9;border:1px solid #dac18a99;color:#f5ddb0;font:26px Georgia,serif;line-height:46px;width:34px;opacity:0;transition:opacity .2s;text-shadow:0 2px #000}.left .edge-arrow{left:0;border-radius:0 5px 5px 0}.right .edge-arrow{right:0;border-radius:5px 0 0 5px}.edge:hover:not(:disabled) .edge-arrow,.edge:focus-visible:not(:disabled) .edge-arrow{opacity:1}.turn-sheet{position:absolute;inset:0;z-index:6;transform-style:preserve-3d;pointer-events:none;visibility:hidden}.turn-face{position:absolute;inset:0;backface-visibility:hidden;background:#eee6d1;overflow:hidden}.turn-front::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0004,transparent 12%,transparent 70%,#0003)}.turn-back{transform:rotateY(180deg);background:radial-gradient(ellipse,#f4e6c3,#d6bd87);display:flex;align-items:center;justify-content:center;color:#9a76463b;font-size:150px;box-shadow:inset 0 0 70px #5f3f2344}.turn-sheet.forward{visibility:visible;transform-origin:left center;animation:forward-turn 850ms cubic-bezier(.36,.08,.22,1) both}.turn-sheet.backward{visibility:visible;transform-origin:right center;animation:back-turn 850ms cubic-bezier(.36,.08,.22,1) both}@keyframes forward-turn{0%{transform:rotateY(0);filter:brightness(1)}45%{transform:rotateY(-70deg) skewY(-2deg);filter:brightness(.8)}100%{transform:rotateY(-179deg);filter:brightness(.9)}}@keyframes back-turn{0%{transform:rotateY(0)}45%{transform:rotateY(70deg) skewY(2deg);filter:brightness(.8)}100%{transform:rotateY(179deg)}}.book-caption{text-align:center;margin:22px 0 5px;font:italic 13px Georgia,serif;color:#d3c3a7;text-shadow:0 2px 6px #000}.reader-controls{display:flex;justify-content:center;gap:9px;align-items:center;flex-wrap:wrap;margin:18px 0 0}.reader-controls button,.reader-controls select,.archive-btn,.small-button{border:1px solid #9b7e4f;background:linear-gradient(#352938ee,#1b1626ee);color:#dac6a1;padding:9px 14px;font:12px Georgia,serif;min-height:39px;box-shadow:inset 0 0 0 2px #181023;letter-spacing:.3px;border-radius:2px}.reader-controls select{max-width:210px}.reader-controls select option{background:#21192b;color:#efdfc1}.reader-controls .latest{border-color:#bba173}.reader-meta{text-align:center;color:#a998b4;font:10px/1.7 Arial,sans-serif;letter-spacing:.4px;margin:17px 0 0}.source-note{font:11px/1.7 Georgia,serif;color:#ad9da9;margin:10px auto;text-align:center;max-width:610px}.under-book{text-align:center;padding:9px 0 0}.archive-btn{background:transparent;border:0;border-bottom:1px solid #806944;box-shadow:none;padding:5px 0;margin:0 15px;color:#d1bc8e}.group-page{max-width:1160px;margin:55px auto 0;padding:0 40px}.group-intro{text-align:center;margin:0 auto 48px}.group-intro h2{font-size:46px;line-height:1.2;color:#f0d59d;margin:10px 0 15px;font-weight:normal;text-shadow:0 3px 13px #000}.group-intro p{color:#d3c5d8;font-style:italic;margin:0}.group-jumps{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:25px auto 0;font:small-caps 17px Georgia,serif;color:var(--gold)}.group-jumps a:hover{color:#fff2cf}.character-story{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center;margin:0 0 85px;isolation:isolate}.character-story::before{content:'';position:absolute;inset:5% 0;background:linear-gradient(90deg,#19122622,#211629ec 40%,#161324e8);border-block:1px solid #b7985e66;z-index:-1;box-shadow:0 20px 50px #0004}.character-story:nth-child(even){direction:rtl}.character-story>*{direction:ltr}.character-portrait{position:relative;z-index:1;transform:rotate(-2deg);padding:8px;background:linear-gradient(135deg,#d9b87b,#4b3650 40%,#b49a6b);box-shadow:0 14px 36px #0009;clip-path:polygon(0 1%,99% 0,100% 99%,1% 100%)}.character-story:nth-child(even) .character-portrait{transform:rotate(2deg)}.character-portrait::after{content:'';position:absolute;inset:12px;border:1px solid #e6c88f66;pointer-events:none}.character-portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}.character-copy{padding:35px 38px}.character-copy h3{font-size:50px;line-height:1.1;margin:7px 0 10px;font-weight:normal;color:var(--bright);text-shadow:0 3px 8px #000}.character-copy .tagline{font-size:21px;line-height:1.4;font-style:italic;color:#c4afd7;margin:17px 0 22px}.character-copy p{font-size:15px;line-height:1.8;color:#d0c3cc}.traits{font:9px/1.8 Arial,sans-serif;color:#d2b477;letter-spacing:1px;text-transform:uppercase;border-top:1px solid #8c714648;padding-top:17px;margin-top:23px}.group-home{text-align:center;margin:0 0 60px}.group-home a{border-bottom:1px solid #b69a64;padding:10px;color:#e1c991}.footer{text-align:center;padding:27px 20px 40px;color:#a89cb7;font:10px/1.8 Arial,sans-serif;letter-spacing:1.5px;text-shadow:0 2px 4px #000}.footer .flourish{color:#c6a56b;font:20px Georgia,serif;margin-bottom:15px;letter-spacing:12px}.footer p{margin:5px}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}dialog{padding:0;border:1px solid #c3a06a;background:#1a1329;color:#ebdec3;width:min(940px,94vw);max-height:92dvh;box-shadow:0 0 0 5px #3b2c34,0 0 0 6px #9b7c49,0 30px 100px #000d}dialog::backdrop{background:#080611e8;backdrop-filter:blur(6px)}.dialog-heading{position:sticky;top:0;background:#21172df5;border-bottom:1px solid #9b7c49;display:flex;justify-content:space-between;align-items:center;padding:16px 22px;z-index:2;gap:15px}.dialog-heading h2{font-weight:normal;font-size:23px;margin:0}.dialog-heading button{background:none;border:1px solid #ad8e5a;padding:7px 13px;font:13px Georgia,serif}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px}.archive-grid button{border:1px solid #7c6550;padding:7px;background:#2c2033;text-align:left;color:#e8d4ac}.archive-grid button:hover{border-color:#e3c080}.archive-grid img{width:100%;height:190px;object-fit:cover;object-position:top;display:block}.archive-grid span{display:block;font:15px/1.3 Georgia,serif;margin:9px 4px}.archive-grid small{display:block;font:9px Arial,sans-serif;letter-spacing:1px;color:#c8ad7c;margin:10px 4px}.zoom-dialog{width:min(1300px,98vw);max-height:96dvh}.zoom-body{height:calc(94dvh - 65px);overflow:auto;text-align:center;padding:15px;background:#0d0a16}.zoom-body img{height:auto;width:100%;display:block;margin:auto}.mote{position:fixed;z-index:0;pointer-events:none;width:3px;height:3px;border-radius:50%;background:#ffe1a0;box-shadow:0 0 10px 3px #d1ab6477;opacity:0;animation:float-mote 10s infinite ease-in;bottom:-20px;left:var(--x);animation-delay:var(--delay)}@keyframes float-mote{20%{opacity:.5}80%{opacity:.25}100%{transform:translate(35px,-95vh);opacity:0}}
@media(min-width:1600px){body::before{background-size:100% auto}.reading-area{max-width:1080px}.banner{max-width:1450px}}@media(max-width:900px){.masthead{padding-top:30px}.banner{margin-top:16px}.reading-area{padding-inline:32px}.character-copy{padding:25px}.character-copy h3{font-size:39px}.character-copy p{font-size:14px}.group-page{padding-inline:30px}.character-story{margin-bottom:55px}}@media(max-width:650px){.masthead{padding-top:25px;padding-inline:12px}.stars{font-size:13px;letter-spacing:12px}.campaign-label{font-size:8px;letter-spacing:2px}.masthead h1 span{font-size:23px;letter-spacing:3px}.masthead h1 strong{font-size:36px;letter-spacing:0}.title-rule{margin:17px auto 6px;max-width:300px}.navigation a{min-width:135px;padding:12px 17px;font-size:17px}.banner{margin:20px -8px 0;overflow:hidden}.banner img{width:100%;max-width:none;aspect-ratio:3/1;object-fit:contain}.banner-caption{position:static;padding:0 15px 8px;font-size:12px;margin-top:-8px}.reading-area{margin-top:12px;padding:0 16px 25px}.chapter-heading{margin-bottom:17px}.chapter-heading h2{font-size:23px}.kicker{font-size:9px;letter-spacing:2px}.book-cover{padding:9px 10px 11px 15px;border-radius:5px}.book-cover:before{left:4px;width:4px;top:12px;bottom:12px}.corner{width:23px;height:23px}.book-cover:after{inset:5px}.paper-stack{margin-right:4px;box-shadow:2px 2px 0 #cab992,4px 4px 0 #715f46,6px 6px 0 #e2d1ad}.edge{width:9%;min-width:24px}.edge-arrow{font-size:20px;width:23px;line-height:37px;opacity:.55}.edge:disabled .edge-arrow{opacity:0}.edge:hover:not(:disabled) .curl{height:50px;width:50px}.reader-controls{gap:5px}.reader-controls button,.reader-controls select{font-size:11px;padding:8px 10px}.reader-controls select{max-width:140px}.book-caption{font-size:12px}.group-page{padding:0 22px;margin-top:35px}.group-intro{margin-bottom:35px}.group-intro h2{font-size:37px}.group-intro p{font-size:15px}.group-jumps{gap:8px 18px;font-size:16px}.character-story{grid-template-columns:1fr;max-width:470px;margin:0 auto 55px}.character-story:nth-child(even){direction:ltr}.character-story:before{inset:20px -7px 0;border:1px solid #b7985e66;background:#1c142be8}.character-portrait{margin-inline:5px;transform:rotate(-1deg)}.character-copy{padding:30px 20px}.character-copy h3{font-size:42px}.character-copy p{font-size:15px}.character-copy .tagline{font-size:21px}.archive-grid{grid-template-columns:repeat(2,1fr);padding:16px;gap:12px}.archive-grid img{height:170px}.dialog-heading{padding:12px}.dialog-heading h2{font-size:20px}.footer{font-size:9px;letter-spacing:1px}.mote{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mote{display:none}}