.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-page.seorin-story{--story-paper:#efe5d7;--story-ink:#4a3936;background:var(--story-paper);color:var(--story-ink);padding-bottom:0;overflow-x:clip}body:has(.seorin-story){background:#ece6df}body:has(.seorin-story) .site-header{color:#493b39;background:#fbf6eef2;border-bottom-color:#d6c5b754}body:has(.seorin-story) .brand>span{color:#493b39}body:has(.seorin-story) .site-header nav{color:#82675e}body:has(.seorin-story) .site-header nav a{color:#82675e}body:has(.seorin-story) .site-footer{color:#6f5551;background:#fcf7ed}.seorin-story p{word-break:keep-all;overflow-wrap:break-word}.seorin-scene{isolation:isolate;margin:0;position:relative;overflow:clip;container-type:inline-size}.seorin-art{width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(#0000,#000 3% 96%,#0000);mask-image:linear-gradient(#0000,#000 3% 96%,#0000)}.seorin-scene:first-of-type .seorin-art{-webkit-mask-image:linear-gradient(#000 96%,#0000);mask-image:linear-gradient(#000 96%,#0000)}.scene-insert{margin:16px 0}.scene-insert .seorin-art{-webkit-mask-image:linear-gradient(#0000,#000 7% 92%,#0000);mask-image:linear-gradient(#0000,#000 7% 92%,#0000)}.seorin-narration,.seorin-reader-line,.seorin-short{text-align:center;font:14px/2.05 var(--serif);color:#78665f;margin:0;padding:28px 24px}.seorin-reader-line{color:#54403c;padding:30px 20px;font-size:16px}.seorin-voice{font:18px/1.9 var(--serif);text-align:center;color:#62413e;margin:0}.seorin-short{padding:28px 22px 34px;font-size:17px}.seorin-speech{z-index:3;filter:drop-shadow(0 2px 6px #39271b0b);width:68%;max-width:300px;position:absolute}.seorin-speech.side-left{left:3%}.seorin-speech.side-right{right:3%}.seorin-speech>img{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scaleY(-1)}.seorin-speech p{font:500 clamp(13px,3.5cqw,15.5px)/1.65 var(--sans);color:#493b3b;text-align:center;min-height:110px;margin:0;padding:32px 27px 23px;display:block;position:relative}.seorin-speech[style*=top]>img{transform:none}.seorin-speech[style*=top] p{padding:20px 27px 34px}.seorin-speech.tail-left>img{transform:scale(-1)}.seorin-speech.tail-left[style*=top]>img{transform:scaleX(-1)}.seorin-speech.speech-reply{background:#fdf7eee8;border-radius:45% 42% 45% 38%;width:auto;max-width:79%;box-shadow:0 4px 18px #39271b0b}.seorin-speech.speech-reply p{min-height:0;font-family:var(--serif);padding:15px 22px;font-size:14px;line-height:1.8}.seorin-sfx{z-index:2;pointer-events:none;font:italic 800 clamp(19px,6cqw,27px)/1.2 var(--serif);color:#fff6df;letter-spacing:.05em;text-shadow:0 2px 2px #302323,2px 0 2px #302323,-1px -1px 2px #302323;opacity:.86;position:absolute;transform:rotate(-9deg)}[data-beat=playing]>.seorin-sfx{animation:1.2s ease-out both seorinLetter}.seorin-effect{z-index:1;pointer-events:none;opacity:0;position:absolute;inset:0;overflow:clip}.seorin-effect svg{width:100%;height:100%;display:block}.effect-rays polygon{fill:#fff3d6;opacity:.5}[data-beat=playing] .effect-rays{animation:.8s ease-out both seorinRays}[data-beat=playing] .effect-page,[data-beat=playing] .effect-dust{animation:2.7s ease-out both seorinAtmosphere}.effect-page i,.effect-dust i{left:var(--x);top:var(--y);opacity:0;background:#fff3d0;border-radius:50%;width:3px;height:3px;position:absolute}[data-beat=playing] .effect-dust i{animation:seorinDust 2s calc(var(--i)*70ms) ease-out both}.effect-page i{border-radius:50%;width:22px;height:1px;top:70%;box-shadow:0 0 6px #fff3d0}[data-beat=playing] .effect-page i{animation:seorinPage 1.7s calc(var(--i)*60ms) ease-out both}.effect-ink svg{mix-blend-mode:multiply;height:80%;position:absolute;inset:15% 0 0}.effect-ink path{stroke:#52392e;stroke-width:2.5px;fill:none;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900px;opacity:.6}[data-beat=playing] .effect-ink{animation:2.4s both seorinAtmosphere}[data-beat=playing] .effect-ink path{animation:1.5s ease-out both seorinInk}.effect-crease svg{height:80%;position:absolute;inset:15% 0 0}.effect-crease path{stroke:#f7e4b8;fill:none;stroke-width:1.6px;stroke-dasharray:330;stroke-dashoffset:330px}[data-beat=playing] .effect-crease{animation:2.4s both seorinAtmosphere}[data-beat=playing] .effect-crease path{animation:1.6s ease-out both seorinInk}.effect-rain{inset:0 0 0 48%;-webkit-mask-image:linear-gradient(#0000,#000 15% 80%,#0000);mask-image:linear-gradient(#0000,#000 15% 80%,#0000)}.effect-rain i{left:var(--x);opacity:0;background:linear-gradient(#0000,#e9eeffb0);width:1px;height:24px;position:absolute;top:-15%}[data-beat=playing] .effect-rain{opacity:.65}[data-beat=playing] .effect-rain i{animation:seorinRain .7s calc(var(--i)*80ms) 3 linear}.seorin-echoes{isolation:isolate;background:linear-gradient(#efe5d7,#d8c6b9 35%,#e2d3c5 75%,#efe5d7);padding:36px 29px 25px;position:relative;overflow:clip}.seorin-echoes blockquote{font:17px/1.7 var(--serif);color:#7e6255;background:#fff7e3d9;border-right:2px solid #cdb89c6b;width:83%;margin:18px 0;padding:19px 20px;position:relative;transform:rotate(-3deg);box-shadow:2px 8px 18px #563c2820}.seorin-echoes blockquote:nth-of-type(2){margin-left:auto;transform:rotate(3deg)}.seorin-echoes blockquote:nth-of-type(3){margin-left:6%;transform:rotate(-1deg)}.seorin-echoes>p{text-align:center;font:14px/2 var(--serif);color:#6c5550;margin:32px 0 10px;position:relative}.echo-threads{background:repeating-linear-gradient(105deg,#0000,#0000 75px,#957c5f12 76px 77px,#0000 78px);position:absolute;inset:0}[data-beat=playing].seorin-echoes blockquote{animation:seorinEcho 1.1s calc(var(--i)*.22s) ease-out both}.seorin-confession{text-align:center;padding:10px 26px 35px}.seorin-confession p{font:17px/1.9 var(--serif);color:#594444;margin:18px 0}.seorin-confession small{font:13px/2 var(--serif);color:#89726b;margin-top:28px;display:block}.seorin-pillars{text-align:center;background:radial-gradient(at 50% 48%,#fff9ec 10%,#eee2d0 70%);padding:42px 25px}.seorin-pillars>p:not(.seorin-voice){font:14px/2 var(--serif);color:#8c756a;margin:27px 0}.pillar-rubbing{grid-template-columns:repeat(4,1fr);gap:10px;margin:30px 0 18px;display:grid}.pillar-rubbing>div{transform-origin:top;background:linear-gradient(90deg,#e3d1b9,#fbf2e0 15%,#f6ead4 85%,#e3d1b9);padding:20px 0 18px;box-shadow:2px 4px 10px #7b523215}.pillar-rubbing span{font:32px/1.2 var(--serif);color:#745345;display:block}.pillar-rubbing small{font:10px var(--sans);color:#a38c78;margin-top:16px;display:block}[data-beat=playing] .pillar-rubbing>div{animation:seorinPillar 1.05s calc(var(--i)*.17s) ease-out both}.seorin-finale{isolation:isolate;background:#b69b7f;height:min(660px,150vw,100svh - 100px);min-height:330px;position:relative;overflow:clip}.seorin-finale>img{object-fit:cover;object-position:center 54%;width:100%;height:100%;display:block}.seorin-page-light{opacity:0;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 20%,#fff8df88 50%,#0000 75%);position:absolute;inset:0}.seorin-finale.phase-playing .seorin-page-light{animation:2.3s ease-out both seorinDawn}.seorin-finale-copy{text-align:center;color:#fff9ea;background:linear-gradient(#0000,#30201b70 38%,#30201bb0);padding:42px 20px 22px;position:absolute;bottom:0;left:0;right:0}.seorin-finale-copy p{font:22px/1.8 var(--serif);text-shadow:0 2px 12px #39261f;margin:0}.seorin-final-sfx{font:italic 700 19px var(--serif);text-align:right;color:#fff0d5;margin:0 8% 10px;display:block;transform:rotate(-8deg)}.phase-playing .seorin-final-sfx{animation:1.3s ease-out both seorinLetter}.seorin-ending{text-align:center;color:#59423e;background:linear-gradient(#e9decb,#fcf7ed);padding:45px 28px 40px}.seorin-ending>img{margin:0 auto 22px}.seorin-ending h2{font:24px/1.7 var(--serif);margin:0}.seorin-ending p{font:13px/2 var(--sans);color:#8b756a;margin:24px 0}.seorin-ending small{color:#a48e81;margin-top:17px;font-size:10px;display:block}.seorin-start{color:#fff5e9;background:#6b4c4f;border-radius:30px;justify-content:space-between;align-items:center;padding:19px 22px;font-size:13px;display:flex;box-shadow:0 6px 20px #5a38341a}.seorin-start span{font-size:20px}@keyframes seorinLetter{0%{opacity:.2;transform:rotate(-12deg)translateY(7px)}35%,75%{opacity:1;transform:rotate(-9deg)translateY(0)}to{opacity:.86}}@keyframes seorinRays{0%{opacity:0}22%{opacity:.65}to{opacity:0}}@keyframes seorinAtmosphere{0%{opacity:0}25%,65%{opacity:.75}to{opacity:0}}@keyframes seorinDust{0%{opacity:0;transform:translateY(8px)}30%{opacity:.75}to{opacity:0;transform:translate(9px,-36px)}}@keyframes seorinPage{0%{opacity:0;transform:translate(-14px)rotate(-20deg)}30%{opacity:.65}to{opacity:0;transform:translate(40px,-15px)rotate(-35deg)}}@keyframes seorinInk{to{stroke-dashoffset:0}}@keyframes seorinRain{0%{opacity:0;transform:translateY(0)}20%,80%{opacity:.6}to{opacity:0;transform:translate(-12px,310px)}}@keyframes seorinEcho{0%{opacity:.3;translate:0 15px}to{opacity:1;translate:0}}@keyframes seorinPillar{0%{opacity:.2;scale:1 .86}to{opacity:1;scale:1}}@keyframes seorinDawn{0%{opacity:0;transform:translate(-70%)}45%{opacity:.7}to{opacity:0;transform:translate(80%)}}@media (max-width:360px){.seorin-speech{width:74%}.seorin-speech p{padding-left:24px;padding-right:24px}.seorin-voice{font-size:16px}.seorin-reader-line{font-size:15px}.seorin-finale-copy p{font-size:20px}.pillar-rubbing{gap:7px}.pillar-rubbing small{font-size:9px}}@media (prefers-reduced-motion:reduce){.seorin-story *,.seorin-story :before,.seorin-story :after{transition:none!important;animation:none!important}.seorin-effect,.seorin-page-light{display:none}.seorin-echoes blockquote,.pillar-rubbing>div,.seorin-sfx{opacity:1}}
