@font-face{font-family:Jua;src:url('assets/fonts/Jua-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
:root{color-scheme:dark;--page:#10141b;--paper:#f8f7f3;--ink:#23262d}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#080b10;color:#e7e6e3;font-family:Jua,'Malgun Gothic',sans-serif}a{color:inherit}img{display:block;max-width:100%;height:auto}main,.masthead,.ending{width:100%;max-width:760px;margin-inline:auto}.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px 38px;font-family:'Malgun Gothic',sans-serif;font-size:12px;letter-spacing:.03em;color:#c5c6c8;background:var(--page)}.masthead span:last-child{white-space:nowrap;color:#a39b87}.scene{background:var(--paper);color:var(--ink);padding:clamp(46px,12vw,88px) 16px clamp(60px,17vw,125px);scroll-margin-top:24px}.scene.night{background:var(--page);color:#eae8e4}.scene.new-act{padding-top:clamp(140px,42vw,300px)}.stage{position:relative;container-type:inline-size}.art{width:var(--art-width);position:relative;border:1px solid rgba(27,29,32,.24)}.night .art{border-color:#404650}.art.left{margin-right:auto}.art.right{margin-left:auto}.art.center{margin-inline:auto}.cut{width:100%;height:auto}.character-title{position:absolute;z-index:1;bottom:14px;left:-9px;background:#171c23;color:white;padding:8px 16px 9px;border-left:3px solid #af9260;font:13px/1.4 'Malgun Gothic',sans-serif;box-shadow:0 2px 10px #0003;letter-spacing:.02em}.character-title strong{font-family:Jua,sans-serif;font-size:23px;font-weight:400;display:block}.character-title span{color:#e0d2b7;font-size:11px}.unit-7 .character-title{border-color:#c6b19b}.unit-8 .character-title{border-color:#c75255}.unit-9 .character-title{border-color:#70a785}.dialogue{position:relative;display:flex;flex-direction:column;gap:20px}.dialogue:empty{display:none}.before{margin-bottom:14px}.after{margin-top:14px}.speech-row{position:relative;display:flex;flex-direction:column;align-items:center;--voice:#282d36}.speech-row.left{align-items:flex-start;padding-left:1.5%}.speech-row.right{align-items:flex-end;padding-right:1.5%}.lucar{--voice:#51432b}.seria{--voice:#79654e}.karen{--voice:#922f3c}.sierra{--voice:#345d4c}.liv{--voice:#307264}.balloon{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:max-content;max-width:91%;padding:16px 24px;color:var(--voice);text-align:center;font-size:clamp(18px,3.5cqw,25px);line-height:1.48;letter-spacing:-.015em;word-break:keep-all;overflow-wrap:break-word}.balloon[data-tail=down]{padding-bottom:39px}.balloon[data-tail=up]{padding-top:39px}.balloon svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;filter:drop-shadow(0 1px 1px #0001)}.balloon path{fill:#fffefa;stroke:#34383e;stroke-width:1.35;stroke-linejoin:round;vector-effect:non-scaling-stroke}.seria .balloon path{stroke:#a2937f}.sierra .balloon path{stroke:#667c72}.karen .balloon path{stroke:#77414c}.balloon.emphasis{font-size:clamp(23px,4.5cqw,34px);line-height:1.35;padding-inline:28px}.offscreen{font:10px/1.4 'Malgun Gothic',sans-serif;letter-spacing:.08em;color:inherit;opacity:.75;padding:2px 12px 6px}.narration{font-size:clamp(18px,3.4cqw,25px);line-height:1.9;letter-spacing:.025em;text-align:center;padding:25px 10px;word-break:keep-all}.narration p{margin:0}.unit-1{padding-top:0}.unit-1 .narration p::first-line{color:#c7abc8}.unit-2 .narration p::first-line{color:#dfc18b}.unit-3{padding-top:100px;background:linear-gradient(#10141b,#f8f7f3 170px);color:#23262d}.unit-3 .before{padding-top:90px}.unit-10{background:var(--paper);padding-bottom:100px}.unit-5{background:linear-gradient(#f8f7f3,#e4e5e0);padding-bottom:150px}.unit-11{background:linear-gradient(#e4e5e0,#f8f7f3 230px)}.insert .art{box-shadow:0 3px 14px #0b101010}.unit-20{padding-bottom:200px}.unit-20 .after{margin-top:60px}.unit-21{padding-top:75px}.preparation{width:56%;margin:0 0 30px 2%}.preparation img{width:100%}.unit-23{padding-block:65px 100px}.unit-23 .after{margin-top:28px}.unit-24{padding-top:0}.unit-30 .before,.unit-49 .before{margin-bottom:60px}.unit-31{padding-top:180px}.unit-32{padding-top:55px}.unit-36{padding-top:170px;background:linear-gradient(#f8f7f3,#10141b 230px)}.unit-36 .narration{padding-top:80px}.unit-39{padding-bottom:40px}.unit-40{padding-top:30px}.unit-41{padding-top:85px}.unit-44{padding-top:55px;padding-bottom:180px}.unit-44 .after{margin-top:38px}.unit-44 .balloon{font-size:clamp(31px,7cqw,51px);color:#4d2b25;padding:20px 40px 23px}.unit-44 .balloon[data-tail=up]{padding-top:45px}.unit-45{padding-top:20px}.unit-47{padding-bottom:90px}.unit-49{padding-top:130px;padding-bottom:160px}.unit-49 .after{margin-top:40px}.unit-50{padding-top:0;padding-bottom:120px}.unit-51{padding-top:120px}.unit-52{padding-top:45px}.unit-52 .after{margin-top:45px}.unit-53{padding-top:140px;padding-bottom:110px}.unit-54{padding-top:160px;padding-bottom:240px}.unit-54 .after{margin-top:90px}.unit-54 .narration{line-height:2.5}.unit-55{padding-top:160px;padding-bottom:90px}.unit-55 .after{margin-top:18px}.unit-55 .balloon{max-width:60%;font-size:26px}.sfx{font-family:Jua,sans-serif;font-size:clamp(32px,7.2cqw,55px);line-height:1.2;letter-spacing:-.035em;text-align:left;padding:12px 5px;transform:rotate(-8deg);font-style:italic;color:#202630;-webkit-text-stroke:.6px currentColor;text-shadow:2px 3px 0 #fff6;word-break:keep-all;overflow-wrap:anywhere}.sfx-1{text-align:right;transform:rotate(5deg)}.sfx-2{text-align:right;font-size:clamp(26px,5cqw,40px);transform:rotate(-12deg)}.night .sfx{color:#eceef0;text-shadow:2px 3px 0 #080b10}.unit-21 .sfx{color:#93454b;text-align:right;margin-bottom:10px}.unit-39 .sfx{font-size:clamp(27px,5.8cqw,44px);letter-spacing:.04em;color:#aebac7}.unit-41 .sfx-0{font-size:clamp(25px,4.9cqw,37px);text-align:left;color:#afbac7}.unit-41 .sfx-1{font-size:clamp(34px,7.5cqw,57px);margin-block:20px}.unit-53 .sfx{letter-spacing:.025em}.unit-53 .sfx-1{font-size:clamp(33px,7.3cqw,55px);margin:30px 0}.unit-55 .sfx{color:#b0e2cf;font-size:26px;text-align:right;padding-right:10%;font-style:normal;transform:rotate(-5deg);-webkit-text-stroke:0}.ending{text-align:center;padding:60px 20px 130px;background:#10141b}.ending img{width:65%;max-width:430px;margin-inline:auto}.ending p{font:12px/1.5 'Malgun Gothic',sans-serif;color:#a2a9ae;letter-spacing:.2em;margin-top:40px}.ending a{display:inline-block;font:12px/1.5 'Malgun Gothic',sans-serif;margin-top:35px;padding:10px 18px;border:1px solid #4b535c;text-decoration:none;color:#c6cbd0}a:focus-visible{outline:2px solid #bde4d4;outline-offset:4px}@media(min-width:900px){.scene{padding-inline:32px}.masthead{padding-inline:36px}.balloon{max-width:86%;padding:20px 35px}.balloon[data-tail=down]{padding-bottom:45px}.balloon[data-tail=up]{padding-top:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{body{background:#fff}.scene,.ending{break-inside:avoid}}

.unit-40 .after{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.unit-40 .after .sfx{max-width:65%}

/* Supporting character profiles, after the complete episode. */
.profiles{max-width:760px;margin:0 auto;background:#10141b;padding:20px 24px 100px;color:#e9e8e3;font-family:'Malgun Gothic',sans-serif}
.profiles-heading{text-align:center;padding:40px 0 30px;border-top:1px solid #545244}
.profiles-kicker{font-size:11px;letter-spacing:.17em;color:#c7af80;margin:0 0 18px}
.profiles-heading h1{font:400 clamp(30px,7vw,42px)/1.25 Jua,sans-serif;letter-spacing:-.025em;margin:0 0 22px;color:#f0e5d1}
.profiles-heading>p:last-child{font-size:15px;line-height:1.9;margin:0;color:#b5bac2;word-break:keep-all}
.profiles-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 0 38px}
.profiles-nav a{padding:8px 15px;border:1px solid #3d4652;border-radius:99px;color:#cdd1d6;text-decoration:none;font-size:13px;line-height:1.5}
.profiles-nav a:hover{color:#fff;border-color:#9d8c68;background:#ffffff06}
.profile-card{--profile-accent:#a8d8c2;border:1px solid #3d4b49;background:#171e25;margin:0 0 30px;overflow:hidden;scroll-margin-top:20px}
.profile-portraits{background:#0e1419;min-width:0}
.profile-portraits img{width:100%;height:auto}
.profile-pair{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.profile-pair figure{margin:0;min-width:0}
.profile-pair figcaption{text-align:center;padding:12px 4px;font-size:11px;line-height:1.5;letter-spacing:.015em;color:#b9cfc4;background:#17211f}
.profile-copy{padding:25px 24px 28px;min-width:0}
.profile-role{font-size:11px;line-height:1.6;letter-spacing:.08em;color:var(--profile-accent);margin:0 0 8px}
.profile-copy h2{font:400 39px/1.15 Jua,sans-serif;color:#f4f0e7;margin:0 0 20px;letter-spacing:-.025em}
.profile-line{font:400 21px/1.6 Jua,sans-serif;margin:0 0 16px;color:var(--profile-accent);word-break:keep-all}
.profile-description{font-size:15px;line-height:1.95;color:#cbd0d5;word-break:keep-all;overflow-wrap:break-word;margin:0}
.profile-traits{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:22px 0 0}
.profile-traits li{font-size:11px;line-height:1.5;color:var(--profile-accent);padding:6px 9px;background:#ffffff05;border:1px solid #ffffff18}
.profile-nea{--profile-accent:#d7b386;border-color:#51473c}
.profile-marena{--profile-accent:#a0c7e0;border-color:#3a4d5e}
.profile-tia{--profile-accent:#dfb0c6;border-color:#55404d}
.profiles-outro{text-align:center;padding:36px 0 0}
.profiles-outro p{font-size:14px;line-height:2;color:#b7bdc5;word-break:keep-all;margin:0}
.profiles-outro a{display:inline-flex;gap:28px;align-items:center;margin-top:30px;padding:12px 17px;border:1px solid #4b535c;text-decoration:none;font-size:12px;color:#d6d8da}
@media(min-width:620px){.profiles{padding-inline:36px}.profile-split{display:grid;grid-template-columns:46% 54%;align-items:center}.profile-split .profile-portraits{align-self:stretch;display:flex;align-items:center}.profile-split .profile-copy{padding:25px}.profile-split .profile-line{font-size:23px}.profile-split .profile-description{font-size:14px;line-height:1.9}.profile-card{margin-bottom:36px}.profile-liv .profile-copy{padding:30px 32px}.profile-liv .profile-description{max-width:580px}.profile-liv .profile-line{font-size:25px}}
@media(max-width:360px){.profiles{padding-inline:16px}.profile-copy{padding:23px 20px}.profiles-nav a{padding-inline:12px}}
@media print{.profile-card{break-inside:avoid}}