.dialogue-scene{--dialogue-layer-portrait:1;--dialogue-layer-heading:2;--dialogue-layer-visual-advance:3;--dialogue-layer-record:5;--dialogue-panel-max-width:67.5rem;--dialogue-choice-max-width:37.5rem;--dialogue-mobile-stage-height:42svh;--dialogue-mobile-record-height:58svh;--dialogue-background-blur:1.5rem;--dialogue-background-scale:1.08;--dialogue-background-blur-opacity:.78;--dialogue-heading-visible-duration:2.4s;--dialogue-heading-fade-duration:.8s;--dialogue-stage-overlay:linear-gradient(180deg, #0e16100a 30%, #0c110dc7 100%);--dialogue-fallback-background:radial-gradient(circle at 76% 18%, #e8e0b5c2 0 5rem, transparent 5.2rem), linear-gradient(155deg, #60765e 0%, #2f493a 52%, #17251d 100%);--dialogue-texture-line:#f7f1da38;--dialogue-orbit-line:#f7f1da47;--dialogue-terrain-background:linear-gradient(165deg, transparent 35%, #101e15e0 36% 100%);--dialogue-heading-label:#d7d4b9;--dialogue-heading-text:#d1d0c4;--dialogue-heading-rule:#c9c99f;--dialogue-record-margin-line:#9a5a3d29;--dialogue-record-row-line:#474c3b12;--dialogue-record-border:#ffffff80;--dialogue-choice-background:#fbf8eff5;--dialogue-choice-hover:#f5f2e6;--dialogue-choice-backdrop:#0c110d94;--dialogue-mask-color:#000;min-height:calc(100vh - var(--app-top-offset));color:var(--color-paper-raised);background:var(--color-night);position:relative;overflow:hidden}.dialogue-stage{position:absolute;inset:0;overflow:hidden}.dialogue-scene-advance{z-index:var(--dialogue-layer-visual-advance);appearance:none;cursor:pointer;touch-action:manipulation;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.dialogue-scene-advance:focus-visible{outline-color:var(--dialogue-heading-rule);outline-offset:calc(var(--focus-outline-width) * -1)}.dialogue-scene-advance:disabled{cursor:default}.dialogue-stage__visual-layer{position:absolute;inset:0}.dialogue-stage__visual-layer--fade-in{animation:dialogue-scene-fade-in var(--dialogue-fade-in-duration) ease-out both}.dialogue-stage__visual-layer--fade-out{animation:dialogue-scene-fade-out var(--dialogue-fade-out-duration) ease-in both}.dialogue-stage:after{content:"";background:var(--dialogue-stage-overlay);pointer-events:none;position:absolute;inset:0}.dialogue-stage__background-frame{background:var(--color-night);filter:brightness(var(--dialogue-background-brightness));position:absolute;inset:0;overflow:hidden}.dialogue-stage__background,.dialogue-stage__background-blur{width:100%;height:100%;position:absolute;inset:0}.dialogue-stage__background-blur{object-fit:cover;filter:blur(var(--dialogue-background-blur));opacity:var(--dialogue-background-blur-opacity);transform:scale(var(--dialogue-background-scale))}.dialogue-stage__background{object-fit:contain}.dialogue-stage__fallback{background:var(--dialogue-fallback-background);filter:brightness(var(--dialogue-background-brightness));position:absolute;inset:0}.dialogue-stage__fallback:before{content:"";opacity:.24;background-image:repeating-linear-gradient(8deg, transparent 0 38px, var(--dialogue-texture-line) 39px 40px);-webkit-mask-image:linear-gradient(transparent 15%, var(--dialogue-mask-color) 70%);mask-image:linear-gradient(transparent 15%, var(--dialogue-mask-color) 70%);position:absolute;inset:0}.dialogue-stage__orbit{aspect-ratio:1;border:var(--border-width) solid var(--dialogue-orbit-line);border-radius:50%;width:clamp(9rem,24vw,18rem);position:absolute;top:13%;right:8%}.dialogue-stage__terrain{background:var(--dialogue-terrain-background);border-radius:70% 0 0;width:80%;height:45%;position:absolute;bottom:5%;right:-8%;transform:rotate(-3deg)}.dialogue-scene-heading{z-index:var(--dialogue-layer-heading);pointer-events:none;animation:dialogue-heading-fade-out var(--dialogue-heading-fade-duration) ease-out var(--dialogue-heading-visible-duration) forwards;flex-direction:column;gap:.7rem;display:flex;position:absolute;top:clamp(1.25rem,4vw,3rem);left:clamp(1.25rem,5vw,4rem)}.dialogue-scene-heading p{color:var(--dialogue-heading-label);font-family:var(--font-family-mono);letter-spacing:.2em;margin:0;font-size:.68rem;font-weight:800}.dialogue-scene-heading div{border-left:2px solid var(--dialogue-heading-rule);flex-direction:column;gap:.2rem;padding-left:.85rem;display:flex}.dialogue-scene-heading span{color:var(--dialogue-heading-text);letter-spacing:.12em;font-size:.75rem}.dialogue-scene-heading strong{font-family:var(--font-family-serif);font-size:clamp(1.35rem,3vw,2rem)}@keyframes dialogue-heading-fade-out{to{visibility:hidden;opacity:0;transform:translateY(-.35rem)}}@keyframes dialogue-scene-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialogue-scene-fade-out{0%{opacity:1}to{opacity:0}}@keyframes dialogue-portrait-zoom-in{0%{transform:scale(1)}to{transform:scale(var(--dialogue-portrait-zoom-scale))}}.dialogue-portrait{z-index:var(--dialogue-layer-portrait);height:88%;margin:0;position:absolute;bottom:0}.dialogue-portrait--left{left:7%}.dialogue-portrait--center{left:50%;transform:translate(-50%)}.dialogue-portrait--right{right:7%}.dialogue-portrait img{object-fit:contain;object-position:bottom;width:100%;height:100%}.dialogue-portrait--zoom img{transform-origin:var(--dialogue-portrait-zoom-origin-x) var(--dialogue-portrait-zoom-origin-y);animation:dialogue-portrait-zoom-in var(--dialogue-portrait-zoom-duration) ease-out both}.dialogue-record{z-index:var(--dialogue-layer-record);width:min(var(--dialogue-panel-max-width), calc(100% - clamp(2rem, 10vw, 8rem)));min-height:14rem;color:var(--color-ink);background:linear-gradient(90deg, transparent 0 3rem, var(--dialogue-record-margin-line) 3rem 3.05rem, transparent 3.05rem), repeating-linear-gradient(0deg, transparent 0 2rem, var(--dialogue-record-row-line) 2rem 2.04rem), var(--color-paper-raised);border:var(--border-width) solid var(--dialogue-record-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-paper);margin:0 auto;padding:clamp(1.15rem,3vw,2rem);position:absolute;bottom:clamp(1rem,4vw,3rem);left:clamp(1rem,5vw,4rem);right:clamp(1rem,5vw,4rem)}.dialogue-record__toolbar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.1rem;padding-bottom:.75rem;display:flex}.dialogue-record__index{color:var(--color-ink-muted);font-family:var(--font-family-mono);letter-spacing:.08em;font-size:.68rem}.dialogue-controls{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.dialogue-controls button,.dialogue-dialog header button{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-small);color:var(--color-ink-muted);cursor:pointer;background:0 0;padding:.38rem .65rem}.dialogue-controls button:hover:not(:disabled),.dialogue-controls button[aria-pressed=true]{color:var(--color-paper-raised);background:var(--color-olive-dark);border-color:var(--color-olive-dark)}.dialogue-controls button:disabled{opacity:.4;cursor:default}.dialogue-copy{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:.55rem;width:100%;min-height:6.4rem;padding:0 0 .6rem;display:flex}.dialogue-copy:disabled{cursor:default}.dialogue-speaker{color:var(--color-olive-dark);letter-spacing:.04em;font-weight:850}.dialogue-line{font-family:var(--font-family-serif);white-space:pre-line;font-size:clamp(1.08rem,2.4vw,1.35rem);line-height:1.75}.dialogue-caret{vertical-align:-.1em;background:var(--color-rust);width:.5ch;height:1em;margin-left:.15rem;animation:.75s step-end infinite dialogue-blink;display:inline-block}.dialogue-next,.dialogue-ending button{border:var(--border-width) solid var(--color-olive-dark);border-radius:var(--radius-small);color:var(--color-paper-raised);background:var(--color-olive-dark);cursor:pointer;align-items:center;gap:.55rem;margin-left:auto;padding:.58rem .9rem;font-weight:750;display:flex}.dialogue-next:disabled,.dialogue-ending button:disabled{cursor:default;opacity:.55}@keyframes dialogue-blink{50%{opacity:0}}@keyframes dialogue-choice-enter{0%{opacity:0;transform:translateY(.75rem)}}@media (width<=700px){.dialogue-scene{min-height:calc(100svh - var(--app-top-offset));overflow-y:auto}.dialogue-stage{min-height:var(--dialogue-mobile-stage-height);position:relative}.dialogue-scene--visual{overflow:hidden}.dialogue-scene--visual .dialogue-stage{min-height:100%;position:absolute;inset:0}.dialogue-scene-heading{top:1.2rem;left:1rem}.dialogue-record{width:100%;min-height:calc(var(--dialogue-mobile-record-height) - var(--app-top-offset));box-shadow:none;border:0;border-radius:0;padding:1rem;position:relative;inset:auto}.dialogue-record__toolbar{flex-direction:column;align-items:flex-start}.dialogue-controls{justify-content:flex-start;width:100%}.dialogue-copy{min-height:7.5rem}.dialogue-choice-dialog{width:calc(100vw - 1.5rem)}.dialogue-choices button{padding:.9rem 1rem}.dialogue-history li{grid-template-columns:1fr;gap:.35rem}}@media (prefers-reduced-motion:reduce){.dialogue-scene-heading{animation-duration:1ms;animation-timing-function:step-end}.dialogue-stage__visual-layer--fade-in,.dialogue-stage__visual-layer--fade-out,.dialogue-portrait--zoom img{animation-duration:1ms}.dialogue-caret,.dialogue-choices{animation:none}}.dialogue-choice-dialog{width:min(calc(100vw - 2rem), var(--dialogue-choice-max-width));max-height:calc(100dvh - var(--app-top-offset) - 2rem);color:var(--color-ink);background:0 0;border:0;padding:0;overflow:visible}.dialogue-choice-dialog::backdrop{background:var(--dialogue-choice-backdrop)}.dialogue-choices{gap:.75rem;animation:.2s ease-out dialogue-choice-enter;display:grid}.dialogue-choices>p{color:var(--color-paper-raised);letter-spacing:.08em;text-align:center;text-shadow:0 1px .7rem var(--color-night);margin:0 0 .25rem;font-size:.78rem;font-weight:800}.dialogue-choices button{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-medium);width:100%;color:var(--color-ink);text-align:left;background:var(--dialogue-choice-background);box-shadow:var(--shadow-paper);cursor:pointer;grid-template-columns:2.2rem minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:1rem 1.1rem;display:grid}.dialogue-choices button:hover:not(:disabled),.dialogue-choices button:focus-visible{border-color:var(--color-olive);background:var(--dialogue-choice-hover)}.dialogue-choices button:disabled{color:var(--color-ink-muted);cursor:default;filter:grayscale(.35);opacity:.58}.dialogue-choice-number{color:var(--color-rust);font-family:var(--font-family-mono);font-size:.72rem}.dialogue-choice-text{white-space:pre-line;min-width:0}.dialogue-choices button small{color:var(--color-olive-dark);white-space:nowrap;font-size:.68rem}.dialogue-ending{color:var(--color-ink-muted);justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem;display:flex}.dialogue-dialog{width:min(92vw,43.75rem);max-height:min(82vh,47.5rem);color:var(--color-ink);background:var(--color-paper-raised);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-paper);padding:0;overflow:auto}.dialogue-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#101611b8}.dialogue-dialog header{background:var(--color-paper-raised);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex;position:sticky;top:0}.dialogue-dialog header p{color:var(--color-rust);font-family:var(--font-family-mono);letter-spacing:.14em;margin:0 0 .25rem;font-size:.65rem}.dialogue-dialog h2{font-family:var(--font-family-serif);margin:0;font-size:1.45rem}.dialogue-history{counter-reset:history;gap:0;margin:0;padding:1rem 1.5rem 2rem;list-style:none;display:grid}.dialogue-history li{border-bottom:1px solid var(--color-border);grid-template-columns:6rem 1fr;gap:1rem;padding:1rem 0;display:grid;position:relative}.dialogue-history li>span{color:var(--color-olive-dark);font-weight:800}.dialogue-history li>p{white-space:pre-line;margin:0;line-height:1.65}.dialogue-history__choice{border-left:3px solid var(--color-rust);padding-left:.8rem!important}.dialogue-settings fieldset{border:0;border-bottom:1px solid var(--color-border);margin:0;padding:1.5rem}.dialogue-settings legend{padding:0;font-weight:800}.dialogue-setting-options{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.dialogue-setting-options label{cursor:pointer;position:relative}.dialogue-setting-options input{opacity:0;pointer-events:none;position:absolute}.dialogue-setting-options span{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-small);padding:.55rem .8rem;display:block}.dialogue-setting-options input:checked+span{color:var(--color-paper-raised);background:var(--color-olive-dark);border-color:var(--color-olive-dark)}.dialogue-setting-options input:focus-visible+span{outline:var(--focus-outline-width) solid var(--color-focus);outline-offset:var(--focus-outline-offset)}.title-screen{--title-ink:#e9e5d7;--title-line:#d3d3b12e;isolation:isolate;min-height:calc(100svh - var(--app-top-offset));color:var(--title-ink);background:radial-gradient(circle at 50% 42%, #57664633, transparent 34rem), linear-gradient(145deg, #172019 0%, var(--color-night) 48%, #0c110d 100%);place-items:center;padding:clamp(2rem,7vw,5rem);display:grid;position:relative;overflow:hidden}.title-screen:before{z-index:-1;border:var(--border-width) solid var(--title-line);content:"";pointer-events:none;position:absolute;inset:clamp(1rem,3vw,2rem)}.title-screen:after{z-index:-1;border:var(--border-width) solid #d3d3b114;content:"";pointer-events:none;width:min(82vw,70rem);height:min(62vw,35rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-7deg)}.title-screen__grid{z-index:-2;background-image:linear-gradient(var(--title-line) 1px, transparent 1px), linear-gradient(90deg, var(--title-line) 1px, transparent 1px);opacity:.16;background-size:clamp(3.5rem,8vw,7rem) clamp(3.5rem,8vw,7rem);position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.title-screen__content{text-align:center;place-items:center;gap:clamp(3rem,9vh,6rem);width:min(100%,76rem);display:grid}.title-screen h1{color:var(--title-ink);font-family:var(--font-family-serif);letter-spacing:clamp(.12em,2vw,.22em);text-indent:clamp(.12em,2vw,.22em);text-shadow:0 1rem 3rem #00000061;margin:0;font-size:clamp(2.7rem,10vw,8.5rem);font-weight:400;line-height:.95}.title-screen__menu{gap:.75rem;width:min(100%,19rem);display:grid}.title-screen__menu button{border:var(--border-width) solid #e9e5d752;border-radius:var(--radius-small);width:100%;min-height:3.25rem;color:var(--title-ink);letter-spacing:.08em;cursor:pointer;background:#1219148f;padding:.75rem 1.25rem;font-weight:700;transition:color .18s,background-color .18s,border-color .18s,transform .18s}.title-screen__menu .title-screen__start{color:var(--color-night);background:var(--title-ink);border-color:var(--title-ink)}.title-screen__menu button:hover:not(:disabled),.title-screen__menu button:focus-visible{color:var(--color-night);background:var(--color-paper-raised);border-color:var(--color-paper-raised);transform:translateY(-2px)}.title-screen__menu button:disabled{cursor:default}.title-name-dialog{width:min(100vw - 2rem,28rem);color:var(--color-ink);background:var(--color-paper-raised);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-paper);padding:0;overflow:hidden}.title-name-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#090d0ac7}.title-name-dialog form{gap:1rem;padding:clamp(1.25rem,5vw,2rem);display:grid}.title-name-dialog header{border-bottom:1px solid var(--color-border);padding-bottom:1rem}.title-name-dialog header p,.title-name-dialog h2,.title-name-dialog__prompt,.title-name-dialog__error{margin:0}.title-name-dialog header p{color:var(--color-rust);font-family:var(--font-family-mono);letter-spacing:.14em;margin-bottom:.35rem;font-size:.67rem}.title-name-dialog h2{font-family:var(--font-family-serif);font-size:clamp(1.55rem,6vw,2rem)}.title-name-dialog__prompt{color:var(--color-ink-muted);line-height:1.6}.title-name-dialog label{font-weight:800}.title-name-dialog input{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-small);width:100%;min-height:3.25rem;color:var(--color-ink);font-family:var(--font-family-serif);background:var(--color-paper);padding:.7rem .85rem;font-size:1.15rem}.title-name-dialog input[aria-invalid=true]{border-color:var(--color-rust)}.title-name-dialog__error{min-height:1.4em;color:var(--color-rust);font-size:.8rem}.title-name-dialog__actions{justify-content:flex-end;gap:.6rem;padding-top:.35rem;display:flex}.title-name-dialog__actions button{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-small);min-height:2.75rem;color:var(--color-ink-muted);cursor:pointer;background:0 0;padding:.65rem .9rem;font-weight:750}.title-name-dialog__actions .title-name-dialog__confirm{color:var(--color-paper-raised);background:var(--color-olive-dark);border-color:var(--color-olive-dark)}.title-name-dialog__actions button:hover,.title-name-dialog__actions button:focus-visible{color:var(--color-paper-raised);background:var(--color-olive);border-color:var(--color-olive)}.title-screen--exiting .title-screen__content,.title-screen--exiting .title-screen__grid,.title-screen--exiting:before,.title-screen--exiting:after{animation:title-screen-exit var(--title-transition-duration) ease-in both}@keyframes title-screen-exit{to{opacity:0}}@media (width<=700px){.title-screen{padding:2rem 1.5rem}.title-screen:after{width:88vw;height:58vh}.title-screen__content{gap:clamp(2.5rem,10vh,4.5rem)}.title-screen h1{font-size:clamp(2rem,11vw,4.5rem)}.title-name-dialog__actions{grid-template-columns:1fr 1.4fr;display:grid}}@media (prefers-reduced-motion:reduce){.title-screen__menu button{transition:none}}:root{--color-paper:#f1ecdd;--color-paper-raised:#fbf8ef;--color-paper-deep:#e5deca;--color-ink:#232820;--color-ink-muted:#6b6e61;--color-olive:#66704c;--color-olive-dark:#424b35;--color-rust:#9a5a3d;--color-border:#c9c1ad;--color-night:#121914;--color-focus:#315e50;--font-family-global:"Noto Serif KR", serif;--font-family-sans:var(--font-family-global);--font-family-serif:var(--font-family-global);--font-family-mono:var(--font-family-global);--shadow-paper:0 1.25rem 3.5rem #26241b29;--border-width:1px;--focus-outline-width:3px;--focus-outline-offset:3px;--radius-small:.35rem;--radius-medium:.65rem;--radius-pill:999px;--app-min-width:20rem;--app-top-offset:0rem;font-family:var(--font-family-sans);color:var(--color-ink);background:var(--color-paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:var(--app-min-width);background:var(--color-paper);margin:0}button,input{font:inherit}button{color:inherit}:focus-visible{outline:var(--focus-outline-width) solid var(--color-focus);outline-offset:var(--focus-outline-offset)}.loading{min-height:calc(100vh - var(--app-top-offset));color:var(--color-ink-muted);background:var(--color-paper);place-items:center;display:grid}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}