.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.story-page{background:#080d15;min-height:100svh;padding-bottom:70px}.story-title{text-align:center;padding:65px 20px 20px}.story-title h1{font:36px/1.6 var(--serif);letter-spacing:-.04em;margin:14px 0 18px}.story-title>p{font:15px/1.9 var(--serif);white-space:pre-line;color:#b9b6ae}.webtoon{width:100%;margin:auto}.story-panel{isolation:isolate;margin:0;position:relative}.panel-art{width:100%;height:auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 10% 87%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 10% 87%,#0000 100%)}.story-caption{text-align:center;font:14px/1.9 var(--serif);text-shadow:0 2px 7px #000;white-space:pre-line;word-break:keep-all;background:#080d1570;border-left:1px solid #d7bb8040;padding:12px 15px;position:absolute;top:12%;left:8%;right:8%}.story-bubble{aspect-ratio:1.55;color:#22232a;z-index:2;place-items:center;width:58%;max-width:320px;display:grid;position:absolute}.story-bubble>img{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.story-bubble p{text-align:center;white-space:pre-line;width:100%;padding:10% 11% 20%;font-size:clamp(12px,2.9vw,16px);font-weight:500;line-height:1.65}.story-bubble.tail-up>img{transform:scaleY(-1)}.story-bubble.tail-up p{padding:20% 11% 10%}.story-bubble.cold p{padding-left:14%;padding-right:14%;font-weight:700}.thought-beat{text-align:center;padding:55px 20px 65px}.thought-beat>span{font:13px var(--serif);color:#a5a7b0}.thought-beat p{font:21px/1.9 var(--serif);color:#d8d9de;margin-top:18px}.story-narration{text-align:center;padding:35px 24px 45px}.story-narration p{font:14px/2.1 var(--serif);color:#b1b0b4}.story-dialogue-dark{text-align:center;padding:45px 25px 55px}.story-dialogue-dark span{color:#858b98;font-size:11px}.story-dialogue-dark p{font:22px/1.95 var(--serif);color:#d6d4ce;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#a8a7a4,#fff6e4,#a8a7a4);-webkit-background-clip:text;background-clip:text;margin-top:25px}.insert-panel{padding:25px 0}.insert-panel .panel-art{-webkit-mask-image:linear-gradient(#0000,#000 15% 78%,#0000);mask-image:linear-gradient(#0000,#000 15% 78%,#0000)}.insert-panel .story-caption{background:#080d15cc;font-size:12px;top:auto;bottom:4%}.story-transition{isolation:isolate;background:#10151d;height:min(660px,100svh - 90px);min-height:340px;position:relative;overflow:clip}.story-transition>img{object-fit:cover;object-position:center;width:100%;height:100%;-webkit-mask-image:linear-gradient(#0000,#000 8% 75%,#0000);mask-image:linear-gradient(#0000,#000 8% 75%,#0000)}.transition-glow{opacity:0;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,#0000 10%,#e6c78e77 50%,#0000 90%);position:absolute;inset:0}.phase-playing .transition-glow{animation:2.3s ease-out both doorlight}.transition-words{text-align:center;text-shadow:0 3px 15px #000;position:absolute;bottom:5%;left:8%;right:8%}.transition-words>span{font:italic 800 22px var(--sans);letter-spacing:.05em;color:#eadcc2;text-align:right;opacity:0;margin-bottom:22px;display:block;transform:rotate(-8deg)}.phase-playing .transition-words>span{animation:1.1s .2s both lettering}.transition-words>p{font:27px/1.7 var(--serif);color:#fff2d4}.phase-playing .transition-words p{animation:1s .6s both dialogueIn}.phase-aligning .transition-words p{opacity:.65}@keyframes doorlight{0%{opacity:0;transform:translate(-50%)}45%{opacity:.85}to{opacity:0;transform:translate(60%)}}@keyframes lettering{0%{opacity:0;transform:rotate(-8deg)translateY(8px)}30%,80%{opacity:1;transform:rotate(-8deg)translateY(0)}to{opacity:0}}@keyframes dialogueIn{0%{opacity:0}to{opacity:1}}.story-ending{text-align:center;padding:70px 30px 45px}.story-ending>img{margin:0 auto 25px}.story-ending h2{font:25px/1.75 var(--serif);letter-spacing:-.035em}.story-ending p{color:var(--muted);white-space:pre-line;margin:23px 0 30px;font-size:13px}.story-ending small{color:#93979e;margin-top:17px;font-size:10px;display:block}.story-ending .button{text-align:left;font-size:13px}.story-skip{z-index:19;color:#dac493;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c131eea;border:1px solid #b49c6140;border-radius:30px;padding:12px 18px;font-size:11px;position:fixed;bottom:18px;right:22px}.story-skip span{margin-left:16px}.after-intro{text-align:center;padding:50px 25px 30px}.after-intro h1{font:30px/1.65 var(--serif);margin:15px 0}.after-intro p{color:var(--muted);font-size:12px}.choice-trigger{text-align:center;padding:25px 28px 55px}.choice-trigger>p{font:20px/1.8 var(--serif);margin-bottom:25px}.choice-trigger button{width:100%}.choice-sheet{width:min(100%,var(--app-width));overscroll-behavior:contain;max-width:100vw;max-height:85dvh;padding:22px 28px max(28px,env(safe-area-inset-bottom));color:#ede7db;text-align:center;background:#141c26;border:1px solid #c9b58166;border-radius:20px 20px 0 0;margin:0 auto;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -10px 70px #0009}.choice-sheet[open]{animation:.45s cubic-bezier(.16,1,.3,1) sheetRise}.choice-sheet::backdrop{background:#04070bc9}.sheet-handle{background:#a2906b;border-radius:2px;width:34px;height:3px;margin:0 auto 25px;display:block}.choice-sheet h2{font:25px/1.6 var(--serif);margin:16px 0}.choice-sheet p{color:var(--muted);margin:15px 0 24px;font-size:13px}.choice-sheet button{text-align:left;width:100%;margin-top:12px}.choice-sheet .sheet-dismiss{color:#b6b5b1;text-align:center;background:0 0;border:0;margin-top:24px;padding:10px;font-size:12px}.choice-sheet .error-notice{color:#efaf9d}@keyframes sheetRise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media screen{.story-title{padding:40px 22px 15px}.story-title h1{font-size:29px}.story-title>p{font-size:13px}.story-caption{font-size:12px;left:7%;right:7%}.thought-beat{padding:40px 20px 45px}.thought-beat p{font-size:19px}.story-narration{padding:28px 20px}.story-narration p{font-size:12px}.story-dialogue-dark{padding:30px 20px 45px}.story-dialogue-dark p{font-size:19px}.story-dialogue-dark span{font-size:10px}.story-transition{height:min(570px,100svh - 80px)}.transition-words p{font-size:24px}.story-ending{padding:50px 25px 40px}.story-ending h2{font-size:23px}.story-ending p{font-size:12px}.story-skip{padding:10px 15px;font-size:10px;bottom:12px;right:12px}.story-bubble{width:62%}.choice-sheet{padding-left:23px;padding-right:23px}.choice-sheet h2{font-size:23px}}.story-transition.vault>img{object-position:center}.story-bubble p{font-size:15px}.story-panel:first-child .panel-art{-webkit-mask-image:linear-gradient(#000 87%,#0000);mask-image:linear-gradient(#000 87%,#0000)}.story-panel{overflow:visible;container-type:inline-size}.story-panel .panel-art{display:block;-webkit-mask-image:linear-gradient(#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(#0000,#000 24px calc(100% - 24px),#0000)}.story-panel+.story-panel{margin-top:-24px}.story-bubble{aspect-ratio:auto;background:#fffaf2;border:1px solid #b5a38a80;border-radius:24px;width:max-content;max-width:76%;display:block;box-shadow:0 2px 10px #0002}.story-bubble p,.story-bubble.tail-up p,.story-bubble.cold p{font:500 clamp(13px,3.5cqw,15px)/1.75 var(--sans);word-break:keep-all;overflow-wrap:break-word;margin:0;padding:15px 19px}.story-bubble:after{content:"";z-index:-1;background:#fffaf2;border-bottom:1px solid #b5a38a80;border-right:1px solid #b5a38a80;width:12px;height:12px;position:absolute;bottom:-7px;right:25%;transform:rotate(45deg)}.story-bubble.tail-up:after{top:-7px;bottom:auto;transform:rotate(225deg)}.story-bubble.cold,.story-bubble.cold:after{background:#eef2f8}.after-intro{padding:35px 25px}.after-intro h1{font-size:27px}.after-intro p{font-size:12px;line-height:1.9}.chosen-continuation:focus{outline:none}body:has(.choice-sheet[open]){overflow:hidden}.choice-sheet h2:focus{outline:none}.choice-sheet button:disabled{opacity:.55;cursor:wait}.choice-sheet .button:disabled{transform:none}.chosen-continuation{scroll-margin-top:80px}
