:root{--cover:#14171c;--cover-light:#232830;--panel:#1b2027;--panel-border:#3a4552;--ink:#eef1f5;--ink-dim:#eef1f559;--accent:#d98a3d}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(ellipse at center, var(--cover-light), var(--cover));flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100dvh;margin:0;padding:1rem;font-family:system-ui,sans-serif;display:flex;overflow-x:hidden}header{opacity:.7;z-index:5;align-items:baseline;gap:.6rem;display:flex;position:fixed;top:.5rem;left:.5rem}header h1{color:var(--accent);letter-spacing:.02em;margin:0;font-size:.85rem;font-weight:600}header nav a{color:var(--accent);font-size:.75rem;text-decoration:none}main{flex-direction:column;align-items:center;gap:1rem;width:100%;height:100%;display:flex}.page{background:var(--panel);border:1px solid var(--panel-border);border-radius:.5rem;flex-direction:column;gap:.5rem;width:min(92vw,56rem);height:min(82dvh,46rem);padding:.5rem;display:flex;box-shadow:0 1.5rem 3rem #0000008c}#scene{background:#0a0c0f;border-radius:.35rem;flex:0 0 67%;width:100%;min-height:0;display:block}#manuscript{min-height:0;color:var(--ink);background:var(--cover);border:1px solid var(--panel-border);border-radius:.35rem;flex:auto;margin:0;padding:.75rem .9rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,2.4vw,1.3rem);line-height:1.5;transition:background-color .15s ease-out;overflow-y:auto}#manuscript.locked{background:#241014}#manuscript .ink{color:var(--ink)}#manuscript .future{color:var(--ink-dim)}#manuscript .caret{color:var(--cover);background:var(--accent);border-radius:.15em;animation:1s step-end infinite caret-blink}#manuscript.locked .caret{opacity:.5;animation:none}@keyframes caret-blink{50%{background:#d98a3d59}}.story-end{text-align:center;color:var(--ink);opacity:0;visibility:hidden;pointer-events:none;z-index:10;background:#060709d1;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}.story-end.visible{opacity:1;visibility:visible;pointer-events:auto}#final-line{max-width:32rem;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.1rem,3.2vw,1.6rem)}#the-end{letter-spacing:.3em;color:var(--accent);margin:0;font-family:Georgia,Times New Roman,serif;font-size:.9rem}#restart-button{border:1px solid var(--accent);min-height:2.75rem;color:var(--ink);cursor:pointer;background:0 0;border-radius:.3rem;padding:.6rem 1.4rem;font-size:1rem}#restart-button:hover,#restart-button:focus-visible{background:var(--accent);color:var(--cover)}@media (width<=480px){.page{width:100%;height:min(88dvh,46rem)}}
