.novel{z-index:500;font-size:clamp(.58rem,.62vh + .42vw,1.4rem);font-family:var(--font-friendly);position:fixed;inset:0}.novel[hidden]{display:none}.novel-scrim{opacity:0;backdrop-filter:blur(3px);background:#0f1110c2;transition:opacity .5s;position:absolute;inset:0}.novel.lit .novel-scrim{opacity:1}.novel-stage{box-sizing:border-box;align-content:end;width:100%;height:100%;padding:0 2.4em 1.5em;display:grid;position:relative}.novel-cast{--cast-height:min(84vh, 54vw);height:var(--cast-height);bottom:0;right:calc(16vw - .75 * var(--cast-height));aspect-ratio:3/2;opacity:0;transform-origin:50% 24.5%;pointer-events:none;will-change:transform, opacity;transition:scale .72s cubic-bezier(.16,1,.3,1);position:absolute}.novel-cast.settled{opacity:1}.novel-cast.helmet-zoom{scale:1.32}.novel-cast .pose{object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.novel-cast .pose.showing{opacity:1}.novel-box{z-index:2;box-sizing:border-box;border:2px solid var(--line);backdrop-filter:blur(6px);background:#1d2021f7;border-radius:4px;justify-self:center;width:min(75em,100%);padding:2.15em 2.7em;position:relative;box-shadow:0 -20px 60px #00000073}.novel-box[hidden]{display:none}.novel-box.arriving{animation:.42s cubic-bezier(.2,.8,.2,1) both novel-arrives}.novel.sike .novel-box{border-color:var(--red);box-shadow:0 -20px 70px #fb493438}.novel.sike .novel-speaker{color:var(--red)}.novel-speaker{color:var(--yellow);font:950 1em var(--font-friendly);letter-spacing:.13em;margin:0 0 .45em}.novel-say{display:grid}.novel-line{color:var(--text);font-family:var(--font-mono);visibility:hidden;grid-area:1/1;margin:0;font-size:1.63em;line-height:1.7}.novel-line.speaking{visibility:visible}.novel-line code{color:var(--teal)}.novel-line.speaking.typing:after{content:"";background:var(--orange);width:.5ch;height:1em;margin-left:.08ch;animation:.9s steps(2,start) infinite novel-caret;display:inline-block;translate:0 .15em}.novel-choices{flex-wrap:wrap;gap:.8em;margin-top:1.2em;display:flex}.novel-choices[hidden]{display:none}.novel-choice{border:2px solid var(--surface-raised);background:var(--surface);min-height:max(44px,3.2em);color:var(--text-soft);font:800 1.37em var(--font-friendly);cursor:pointer;border-radius:4px;align-items:center;gap:.58em;padding:.47em .93em;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.novel-choice:hover{border-color:var(--text-faint);color:var(--text)}.novel-choice.chosen{border-color:var(--tint,var(--yellow));background:color-mix(in srgb, var(--tint,var(--yellow)) 15%, var(--surface));color:var(--text)}.novel-choice:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.novel-glyph{color:var(--tint,var(--text-faint));font-size:1.51em;display:inline-flex}.novel-mark{font:700 1.02em var(--font-mono);letter-spacing:-.02em}.novel-actions{align-items:center;gap:1.28em;margin-top:1.44em;display:flex}.novel-pips{gap:.5em;margin-right:auto;display:flex}.pip{background:var(--line);border-radius:999px;width:.7em;height:.7em;transition:background .3s}.pip.passed{background:var(--yellow)}.novel-leave{color:var(--text-faint);font:700 1.15em var(--font-friendly);cursor:pointer;background:0 0;border:0;padding:.49em .28em}.novel-leave:hover{color:var(--yellow)}.novel-continue{background:var(--green);min-height:max(44px,3em);box-shadow:0 4px 0 var(--green-deep);color:var(--body);font:900 1.47em var(--font-friendly);cursor:pointer;border:0;border-radius:4px;align-items:center;gap:.54em;padding:.54em 1.52em;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex}.novel-continue:hover:enabled{filter:brightness(1.08)}.novel-continue:active:enabled{box-shadow:0 0 0 var(--green-deep);transform:translateY(4px)}.novel-continue:disabled{background:var(--surface-raised);box-shadow:0 4px 0 var(--line);color:var(--text-faint);cursor:not-allowed}.novel-continue:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}@keyframes novel-arrives{0%{opacity:0;transform:translateY(18px)}}@keyframes novel-caret{to{opacity:0}}@media (width<=760px),(orientation:portrait){.novel-stage{grid-template-rows:minmax(0,1fr) auto;align-content:stretch;padding:0 1.2em 1.2em}.novel-cast{aspect-ratio:auto;grid-row:1;align-self:end;width:100%;height:min(100%,100vw);position:relative;bottom:auto;right:auto;translate:none}.novel-actions{flex-wrap:wrap}.novel-continue{flex:1 0 100%;order:3;justify-content:center}}@media (prefers-reduced-motion:reduce){.novel-scrim,.novel-cast,.novel-cast .pose,.novel-choice,.novel-continue,.pip{transition:none}.novel-box.arriving{animation:none}}