.streaming-text{font-family:var(--font-narrative,"Literata", "Georgia", serif);max-width:65ch;color:var(--color-off-white,#e8e0d4);margin:0 auto;font-size:17px;line-height:1.75}.streaming-word{opacity:0;animation:.15s ease-out forwards streaming-reveal}.streaming-done .streaming-word{opacity:1;animation:none}@keyframes streaming-reveal{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.streaming-fantasy .streaming-word{animation-name:streaming-quill}@keyframes streaming-quill{0%{opacity:0;color:var(--color-brass,#c9a961)}40%{opacity:.7;color:var(--color-brass,#c9a961)}to{opacity:1;color:var(--color-off-white,#e8e0d4)}}.streaming-noir .streaming-word{animation-name:streaming-typewriter;animation-timing-function:step-end}@keyframes streaming-typewriter{0%{opacity:0}to{opacity:1}}.streaming-regency .streaming-word{animation-name:streaming-copperplate;animation-duration:.3s}@keyframes streaming-copperplate{0%{opacity:0;font-style:italic;transform:translate(-3px)}60%{opacity:.8;font-style:italic;transform:translate(0)}to{opacity:1;font-style:normal;transform:translate(0)}}.streaming-haunted .streaming-word{animation-name:streaming-scratched}@keyframes streaming-scratched{0%{opacity:0}30%{opacity:.4}50%{opacity:.2}to{opacity:1}}.streaming-space .streaming-word{animation-name:streaming-terminal;animation-timing-function:step-end}@keyframes streaming-terminal{0%{opacity:0;color:#4aff82}50%{opacity:1;color:#4aff82}to{opacity:1;color:var(--color-off-white,#e8e0d4)}}.streaming-default .streaming-word{animation-name:streaming-reveal}.inline-choices{max-width:65ch;margin:1.5rem auto}.inline-choices--fading{opacity:0;pointer-events:none;height:0;transition:opacity .4s ease-out;overflow:hidden}.inline-choices__prompt{font-family:var(--font-narrative,"Literata", "Georgia", serif);color:var(--color-off-white,#e8e0d4);text-align:center;margin-bottom:1rem;font-size:1.1rem;font-style:italic}.inline-choices__options--inline{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.inline-choices__options--grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.inline-choices__options--stack{flex-direction:column;gap:.5rem;display:flex}.inline-choice{font-family:var(--font-narrative,"Literata", "Georgia", serif);color:var(--color-off-white,#e8e0d4);cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #c9a96133;border-radius:6px;flex-direction:column;gap:.25rem;min-height:44px;padding:.75rem 1rem;font-size:.95rem;line-height:1.5;transition:border-color .2s,background .2s,transform .1s;display:flex}.inline-choice:hover,.inline-choice:focus-visible{border-color:var(--color-brass,#c9a961);background:#c9a96114;outline:none}.inline-choice:active{transform:scale(.98)}.inline-choice--selected{border-color:var(--color-brass,#c9a961);box-shadow:0 0 0 1px var(--color-brass,#c9a961);background:#c9a9611f}.inline-choice--disabled{opacity:.4;cursor:not-allowed}.inline-choice__icon{margin-bottom:.15rem;font-size:1.1rem}.inline-choice__label{color:var(--color-brass,#c9a961);font-weight:600}.inline-choice__sublabel{color:var(--color-off-white-dim,#b0a898);font-size:.8rem;font-style:italic}.inline-choice__description{color:var(--color-off-white-dim,#b0a898);font-size:.85rem;line-height:1.5}.inline-choices__options--inline .inline-choice{text-align:center;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem}.dramatis-personae{font-family:var(--font-narrative,"Literata", "Georgia", serif);z-index:10;background:var(--color-background,#1a1a1a);max-width:65ch;margin:1.5rem auto;padding:0;position:sticky;top:0}.dramatis-personae__toggle{font-variant:small-caps;letter-spacing:.12em;text-align:center;width:100%;color:var(--color-off-white-dim,#b0a898);cursor:pointer;background:0 0;border:none;min-height:44px;padding:.5rem 0;font-family:inherit;font-size:.8rem;transition:color .15s;display:block}.dramatis-personae__toggle:hover,.dramatis-personae__toggle:focus-visible{color:var(--color-off-white,#e8e0d4);outline:none}.dramatis-personae__toggle:before{content:"— ";color:#c9a96159}.dramatis-personae__toggle:after{content:" —";color:#c9a96159}.dramatis-personae__list{text-align:center;margin:.5rem 0 0;padding:0 1rem;list-style:none}.dramatis-personae__entry{color:var(--color-off-white,#e8e0d4);font-size:.9rem;line-height:2}.dramatis-personae__name{letter-spacing:.02em;font-weight:600}.dramatis-personae__name--targetable{font-family:inherit;font-size:inherit;letter-spacing:.02em;color:var(--color-brass,#c9a961);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;min-height:44px;margin:-2px -8px;padding:2px 8px;font-weight:600;-webkit-text-decoration:underline #c9a96173;text-decoration:underline #c9a96173;transition:color .15s,text-decoration-color .15s,background .15s;display:inline-flex}.dramatis-personae__name--targetable:hover,.dramatis-personae__name--targetable:focus-visible{color:#e6c97a;background:#c9a96114;outline:none;text-decoration-color:#e6c97ab3}.dramatis-personae__descriptor{color:var(--color-off-white-dim,#b0a898);font-size:.85em;font-style:italic;font-weight:400}.dramatis-personae__rule{border:none;border-top:1px solid #c9a96126;max-width:12ch;margin-top:.75rem;margin-left:auto;margin-right:auto}.the-scroll{color:#e8e0d4;-webkit-overflow-scrolling:touch;background:#0a0a0a;font-family:Literata,Georgia,serif;font-size:1.15rem;line-height:1.75;position:fixed;inset:0;overflow:hidden auto}.the-scroll__content{max-width:38rem;margin:0 auto;padding:20vh 1.5rem 40vh}.scroll-instruction{text-align:center;color:#b8a88a;letter-spacing:.04em;opacity:1;margin-bottom:2rem;font-size:.95rem;font-style:italic;transition:opacity .6s}.scroll-instruction--faded{opacity:.35}.scroll-instruction__text{display:inline}.scroll-narrative{margin-bottom:2.5rem}.scroll-narrative--prompt{margin-bottom:1.5rem}.scroll-scene-header{text-align:center;font-variant:small-caps;letter-spacing:.12em;color:var(--color-off-white-dim,#b0a898);margin:2.5rem 0 2rem;padding:.75rem 0;font-size:.85rem;position:relative}.scroll-scene-header:before,.scroll-scene-header:after{content:"";border-top:1px solid #c9a96140;width:6ch;margin:0 auto .75rem;display:block}.scroll-scene-header:after{margin:.75rem auto 0}.scroll-pass{text-align:center;margin:2rem 0;padding:3rem 1rem}.scroll-pass__text{color:#b8a88a;margin-bottom:1.5rem;font-size:1.1rem;font-style:italic}.scroll-pass__button{color:#c9a95e;cursor:pointer;background:0 0;border:1px solid #c9a95e;border-radius:4px;min-width:44px;min-height:44px;padding:.75rem 2.5rem;font-family:Literata,Georgia,serif;font-size:1rem;transition:background .2s,color .2s;display:inline-block}.scroll-pass__button:hover,.scroll-pass__button:active{color:#0a0a0a;background:#c9a95e}.scroll-inline-confirm{text-align:center;margin-top:1rem;padding:1.5rem 0}.scroll-confirm-button{color:#c9a95e;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#0a0a0a;border:1px solid #c9a95e;border-radius:4px;max-width:90vw;min-height:44px;padding:.75rem 2rem;font-family:Literata,Georgia,serif;font-size:.95rem;transition:background .2s,color .2s,opacity .3s;overflow:hidden}.scroll-confirm-button:hover:not(.scroll-confirm-button--disabled),.scroll-confirm-button:active:not(.scroll-confirm-button--disabled){color:#0a0a0a;background:#c9a95e}.scroll-confirm-button--disabled{opacity:.35;cursor:default;color:#5a5a5a;border-color:#5a5a5a}@media (width<=480px){.the-scroll{font-size:1.05rem}.the-scroll__content{padding:15vh 1rem 45vh}}.scroll-name-input{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 0;display:flex}.scroll-name-input__field{color:#e8e0d4;text-align:center;background:0 0;border:1px solid #c9a95e;border-radius:4px;outline:none;width:100%;max-width:20rem;min-height:44px;padding:.75rem 1rem;font-family:Literata,Georgia,serif;font-size:1.15rem;transition:border-color .2s}.scroll-name-input__field::placeholder{color:#5a5a5a;font-style:italic}.scroll-name-input__field:focus{border-color:#e8e0d4}.privacy-page{background:var(--color-bg,#1a1a2e);min-height:100vh;color:var(--color-text,#fff5c8);font-family:var(--font-ui,Inter, system-ui, sans-serif);padding:2rem;overflow-y:auto}.privacy-content{max-width:640px;margin:0 auto;line-height:1.6}.privacy-back-btn{color:var(--color-text,#fff5c8);cursor:pointer;background:0 0;border:1px solid #fff5c84d;border-radius:4px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.9rem}.privacy-back-btn:hover{background:#fff5c81a}.privacy-content h1{margin-bottom:.25rem;font-size:1.75rem}.privacy-updated{opacity:.6;margin-bottom:2rem;font-size:.85rem}.privacy-content h2{color:var(--color-brass,#c9a86c);margin-top:2rem;margin-bottom:.5rem;font-size:1.2rem}.privacy-content p{opacity:.9;margin-bottom:.75rem}.privacy-content ul{opacity:.9;margin:.5rem 0 1rem 1.5rem}.privacy-content li{margin-bottom:.35rem}.privacy-content section{margin-bottom:1rem}.feedback-badge{bottom:env(safe-area-inset-bottom,12px);z-index:900;font-family:var(--font-ui,Inter, system-ui, sans-serif);background:#1a1a2eeb;border:1px solid #c9a86c66;border-radius:6px;align-items:center;gap:4px;padding:.4rem .7rem;animation:.5s ease-out fadeInUp;display:flex;position:fixed;right:12px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.feedback-badge__link{color:var(--color-brass,#c9a86c);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.78rem;text-decoration:underline}.feedback-badge__link:hover{color:var(--color-accent,#e5c07b)}.feedback-badge__dismiss{color:#fff5c866;cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:.75rem;line-height:1}.feedback-badge__dismiss:hover{color:#fff5c8cc}.title-card{z-index:9000;background:var(--color-charcoal);cursor:pointer;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.title-card--enter{animation:.8s ease-out forwards title-card-enter}.title-card--hold{opacity:1}.title-card--exit{animation:.6s ease-in forwards title-card-exit}@keyframes title-card-enter{0%{opacity:0}to{opacity:1}}@keyframes title-card-exit{0%{opacity:1}to{opacity:0}}.title-card__content{text-align:center;max-width:80vw;padding:2rem}.title-card__location{font-family:var(--font-narrative);color:var(--genre-text-heading,#fbbf24);letter-spacing:.04em;margin-bottom:.75rem;font-size:clamp(1.8rem,5vw,3rem);font-weight:600;animation:1s ease-out .2s both title-text-rise}.title-card__flavor{font-family:var(--font-narrative);color:var(--color-off-white-dim);max-width:45ch;margin:0 auto;font-size:clamp(.9rem,2.5vw,1.1rem);font-style:italic;line-height:1.6;animation:1s ease-out .5s both title-text-rise}@keyframes title-text-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.error-boundary{background:var(--color-bg,#1a1a2e);min-height:100vh;color:var(--color-text,#fff5c8);font-family:var(--font-narrative,Georgia, "Times New Roman", serif);justify-content:center;align-items:center;padding:2rem;display:flex}.error-boundary__content{text-align:center;max-width:420px;animation:.6s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.error-boundary__icon{margin-bottom:1rem;font-size:3rem}.error-boundary__title{margin-bottom:.75rem;font-size:1.5rem}.error-boundary__message{opacity:.85;margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.error-boundary__btn{background:var(--color-brass,#c9a86c);color:var(--color-bg,#1a1a2e);cursor:pointer;border:none;border-radius:6px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:background .2s;display:inline-block}.error-boundary__btn:hover{background:var(--color-accent,#e5c07b)}.error-boundary__details{text-align:left;opacity:.6;margin-top:1.5rem;font-size:.8rem}.error-boundary__details pre{white-space:pre-wrap;word-break:break-word;margin-top:.5rem}:root{--color-charcoal:#1a1a1f;--color-charcoal-light:#252530;--color-off-white:#f5f4f0;--color-off-white-dim:#d4d3cf;--color-brass:#c9a961;--color-brass-dim:#a08850;--color-slate:#4a5467;--color-slate-light:#5f6a7f;--color-crimson:#a84448;--color-green:#6b8e5f;--color-spotlight-glow:#c9a96126;--color-spotlight-border:#c9a96166;--color-shadow-warm:#0000004d;--genre-accent:#c9a961;--genre-accent-dim:#a08850;--genre-bg-subtle:#c9a9610f;--genre-border:#c9a96140;--genre-text-heading:#fbbf24;--genre-font-card:var(--font-ui);--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-narrative:"Literata", "Georgia", "Lora", "Spectral", serif;--font-accent:"Inter", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none}body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-charcoal);color:var(--color-off-white);touch-action:manipulation}#root,.app{flex-direction:column;min-height:100vh;display:flex}.app-header{text-align:center;background-color:#2a2a2a;border-bottom:2px solid #3a3a3a;padding:1rem}.app-header h1{margin-bottom:.5rem}.app-header p{color:#888;font-size:.9rem}.app-header button{color:#fff;cursor:pointer;background-color:#444;border:none;border-radius:4px;margin-top:.5rem;padding:.5rem 1rem}.app-header button:hover{background-color:#555}.app-main{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.lobby-placeholder,.game-placeholder{text-align:center;background-color:#2a2a2a;border-radius:8px;min-width:300px;padding:3rem}.lobby-placeholder h2,.game-placeholder h2{color:#f0f0f0;margin-bottom:1rem}.lobby-placeholder button,.game-placeholder button{color:#fff;cursor:pointer;background-color:#4a9eff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;transition:background-color .2s}.lobby-placeholder button:hover,.game-placeholder button:hover{background-color:#3a8eef}.app-footer{text-align:center;color:#888;background-color:#2a2a2a;border-top:2px solid #3a3a3a;padding:1rem;font-size:.85rem}.loading-screen{color:#f0f0f0;background-color:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-screen h1{margin-bottom:1rem;font-size:2.5rem}.loading-screen p{color:#888}@media (width<=768px){.app-header h1{font-size:1.5rem}.app-main{padding:1rem}.lobby-placeholder,.game-placeholder{min-width:100%;padding:2rem}}.gear-icon-toggle{z-index:10000;background-color:var(--color-charcoal-light);border:2px solid var(--color-brass);width:48px;height:48px;color:var(--color-brass);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 2px 8px var(--color-shadow-warm);border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex;position:fixed;top:16px;right:16px}.gear-icon-toggle:hover{background-color:var(--color-brass);color:var(--color-charcoal);box-shadow:0 4px 12px var(--color-shadow-warm);transform:rotate(90deg)}.gear-icon-toggle:active{transform:rotate(90deg)scale(.95)}@media (width<=768px){.gear-icon-toggle{width:56px;height:56px;font-size:28px;top:12px;right:12px}}@supports (padding:env(safe-area-inset-top)){.gear-icon-toggle{top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right))}@media (width<=768px){.gear-icon-toggle{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right))}}}[data-genre=fantasy]{--genre-accent:#c9a961;--genre-accent-dim:#a08850;--genre-bg-subtle:#c9a9610f;--genre-border:#c9a96140;--genre-text-heading:#fbbf24}[data-genre=mystery]{--genre-accent:#94a3b8;--genre-accent-dim:#64748b;--genre-bg-subtle:#94a3b80f;--genre-border:#94a3b840;--genre-text-heading:#cbd5e1}[data-genre=gothic]{--genre-accent:#b91c1c;--genre-accent-dim:#991b1b;--genre-bg-subtle:#b91c1c0f;--genre-border:#b91c1c40;--genre-text-heading:#fca5a5}[data-genre=space]{--genre-accent:#3b82f6;--genre-accent-dim:#2563eb;--genre-bg-subtle:#3b82f60f;--genre-border:#3b82f640;--genre-text-heading:#93c5fd}[data-genre=western],[data-genre=weird-west]{--genre-accent:#d97706;--genre-accent-dim:#b45309;--genre-bg-subtle:#d977060f;--genre-border:#d9770640;--genre-text-heading:#fcd34d}