/* A quiet sky between the existing night-sea scenes. Local CSS, no remote assets. */
body{isolation:isolate;background:radial-gradient(ellipse at 82% 25%,#18334645,transparent 48%),radial-gradient(ellipse at 10% 65%,#26345240,transparent 45%),#0b1621}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.6;background-image:radial-gradient(1px 1px at 24px 35px,#ccdeefab 80%,transparent),radial-gradient(1px 1px at 110px 120px,#aac9dc99 80%,transparent),radial-gradient(1.4px 1.4px at 190px 70px,#e5dbba80 80%,transparent),radial-gradient(.8px .8px at 70px 210px,#a1bbd480 80%,transparent);background-size:293px 277px,419px 397px,673px 613px,223px 307px;mask-image:linear-gradient(0deg,#0009,#000, #0007)}
.hero-image{mask-image:linear-gradient(#000 80%,transparent)}.quiet-section{background:transparent}.quiet-image{mask-image:linear-gradient(transparent,#000 14%,#000 84%,transparent)}
.author-letter{padding-top:115px;padding-bottom:120px}.letter-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.author-letter h2{font-size:42px;line-height:1.6;margin:20px 0 35px}.letter-signature{font:24px var(--serif);color:var(--gold)}.letter-signature span{font:11px system-ui;color:var(--muted)}.letter-paper{position:relative;padding:38px 42px;border:1px solid #c4d8e324;border-radius:16px;background:linear-gradient(140deg,#172b3dcc,#0d1a29bb);box-shadow:0 25px 70px #03081124}.letter-paper p{font-size:14px;line-height:2.2;color:#c0ccd7;margin-bottom:22px}.letter-paper .letter-credit{font-size:12px;color:#98adbd}.letter-credit a{color:var(--gold)}.letter-paper small{display:block;font-size:10px;line-height:1.9;margin-top:23px;color:#8ea3b5}.letter-paper .button{font-size:12px}.letter-mark{position:absolute;right:24px;top:13px;color:#e4c99d80;font-size:24px}
.pc-downloads{max-width:680px;margin:35px auto 0;padding:25px 22px;border-top:1px solid var(--line)}.pc-downloads h3{font:22px var(--serif);margin-bottom:15px}.pc-downloads .pc-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.pc-downloads button{font-size:12px;min-width:180px}.download-progress{display:block;color:var(--gold);min-height:28px;margin-top:12px;font-size:11px;line-height:1.8}.download-section .pc-downloads p{font-size:11px;line-height:1.9;margin:14px auto;color:var(--muted)}.download-section .pc-downloads small{font-size:10px}
@media(max-width:760px){.author-letter{padding-top:65px;padding-bottom:70px}.letter-layout{grid-template-columns:1fr;gap:30px}.author-letter h2{font-size:30px;margin:12px 0 22px}.letter-paper{padding:29px 24px}.letter-paper p{font-size:12px}.letter-signature{font-size:21px}.pc-downloads{padding:22px 0}.pc-downloads .pc-buttons{flex-direction:column}.pc-downloads button{width:100%}}
.character-art{background:radial-gradient(ellipse at 50% 60%,#263d5060,transparent 75%);border-bottom:1px solid var(--line)}.character-art>img{object-fit:contain;object-position:center bottom;padding:20px 12px 0}.character-choice img{object-fit:cover;object-position:center 30%}

.character-art{aspect-ratio:3/4;height:auto;width:100%;max-width:480px;justify-self:center}.character-art>img{object-fit:cover;object-position:center 24%;padding:0;transform:none}.character-art:hover img{transform:scale(1.015)}#character-image[src$="3901000013.webp"]{object-position:center top}.character-credit{font:10px/1.8 system-ui;color:#9caebd;margin-top:16px}.character-credit a{color:var(--gold)}

/* Focal points of the four user-selected illustrations. */
#character-image[src$="3894347764.webp"]{object-position:center top}#character-image[src$="3901000011.webp"]{object-position:center top}#character-image[src$="3901000012.webp"]{object-position:center top}#character-image[src$="3901000015.webp"]{object-position:center top}
.download-extras{margin:24px auto 0;max-width:580px;color:#a4b5bf;font-size:14px;line-height:1.8}.download-extras a{color:#d6e6e6}

/* A softly penned count, with its measurement explained underneath. */
.download-section .download-extras #download-stat{font-size:14px;line-height:2.3;color:#b6b9b8}
.download-extras .letter-count{font-family:"Segoe Script","Snell Roundhand","URW Chancery L","Apple Chancery",cursive;font-style:italic;font-weight:300;font-size:31px;letter-spacing:.035em;color:#cfbea3;opacity:.8;display:inline-block;margin:0 5px;line-height:1.4;vertical-align:-2px}
.download-section .download-extras #download-stat small{display:block;font-size:10px;line-height:1.8;color:#83929f;max-width:440px;margin:6px auto 15px}
.character-art{--art-accent:225 143 178;transition:border-color .45s,box-shadow .6s;outline:none}
.character-art:hover,.character-art:focus-visible{border-color:rgb(var(--art-accent)/.68);box-shadow:0 0 0 1px rgb(var(--art-accent)/.16),0 0 30px rgb(var(--art-accent)/.19),0 16px 60px rgb(var(--art-accent)/.12)}
.character-art:focus-visible{outline:2px solid rgb(var(--art-accent)/.8);outline-offset:5px}
.character-art>img,.character-art:hover>img{position:absolute;inset:0;transform:none;transition:none;will-change:auto}
.character-art>[data-outgoing]{z-index:1;pointer-events:none}.character-art::after{z-index:2}.art-index{z-index:3}
@media(prefers-reduced-motion:reduce){.character-art{transition:none}.character-art:hover{box-shadow:0 0 0 1px rgb(var(--art-accent)/.4)}}