:root{color:#e8e5dc;font-synthesis:none;--panel:#18232b;--line:#34434a;--ink-soft:#aeb8b7;--gold:#d6a94f;--teal:#75c4b5;background:#101820;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,textarea,input{font:inherit}button{color:#12191d;cursor:pointer;background:#d6a94f;border:1px solid #d6a94f;border-radius:6px;padding:.7rem 1rem;font-weight:700}button:disabled{cursor:wait;opacity:.55}button,input,textarea,summary{min-height:44px}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,h1:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.sr-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button.quiet{color:var(--gold);background:0 0}.welcome{max-width:640px;margin:14vh auto;padding:2rem}.welcome h1{font-family:Georgia,serif;font-size:clamp(2.5rem,8vw,5rem);line-height:.95}.campaign-empty,.campaign-list{gap:1rem;margin-top:2rem;display:grid}.setup-card{border:1px solid var(--teal);background:var(--panel);border-radius:8px;gap:1rem;margin-top:2rem;padding:1.25rem;display:grid}.setup-card h2{margin:0}.candidate-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.5rem 0}.candidate-summary h3{margin-bottom:.4rem}.candidate-summary p{margin:.55rem 0}.setup-actions{flex-wrap:wrap;justify-content:flex-end;gap:.7rem;display:flex}.campaign-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.campaign-card h2{margin:.4rem 0}.campaign-card p{margin:.35rem 0}.recap-preview{color:var(--ink-soft);grid-column:1/-1}.shell{min-height:100vh}header{border-bottom:1px solid var(--line);align-items:center;gap:2rem;height:86px;padding:0 2rem;display:flex}header h1{margin:.15rem 0 0;font:1.6rem Georgia,serif}.truth-pill{color:var(--teal);border:1px solid #3c756d;border-radius:999px;margin-left:auto;padding:.4rem .7rem;font-size:.8rem}.columns{grid-template-columns:minmax(210px,1fr) minmax(380px,2.35fr) minmax(230px,1.15fr);min-height:calc(100vh - 86px);display:grid}.columns>*{min-width:0;padding:2rem}.scene-panel,.state-panel{background:var(--panel)}.scene-panel{border-right:1px solid var(--line)}.state-panel{border-left:1px solid var(--line)}.eyebrow{color:var(--gold);letter-spacing:.13em;text-transform:uppercase;font-size:.7rem;font-weight:800;display:block}h2{font:1.45rem Georgia,serif}hr{border:0;border-top:1px solid var(--line);margin:2rem 0}.mono{overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:.78rem}.play-panel{background:#111b22;flex-direction:column;gap:1rem;display:flex}.stream{flex:1;width:100%;max-width:760px;margin:0 auto}.opening,.narration{padding:1.5rem 0;font:1.3rem/1.7 Georgia,serif}.block{margin:1rem 0}.check,.result,.delta,.warning,.correction{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:.4rem;padding:1rem;display:grid}.recap-card{border:1px solid var(--teal);background:var(--panel);border-radius:8px;width:100%;max-width:760px;margin:auto;padding:1.5rem}.result.success{border-color:#3c756d}.result.failure,.result.critical_failure,.warning{border-color:#9b5e52}.progression{border-left-width:4px}.dice-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(8rem,1fr) auto;gap:.35rem 1rem;padding:.6rem 0;display:grid}.dice-grid strong{text-align:right;font-family:ui-monospace,monospace}.dice-grid small{color:var(--ink-soft)}.delta pre{color:var(--ink-soft);font-size:.72rem;overflow:auto}.resolve{background:var(--teal);border-color:var(--teal);width:100%;max-width:760px;margin:auto}.choice-actions{gap:.6rem;width:100%;max-width:760px;margin:0 auto;display:grid}.choice-actions>strong{margin-bottom:.15rem}.choice-actions .resolve{text-align:left;gap:.3rem;display:grid}.choice-actions .resolve small{color:inherit;font-weight:400}.composer{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:.6rem;width:100%;max-width:760px;margin:0 auto;padding-top:1rem;display:grid}.composer label{color:var(--ink-soft);grid-column:1/-1;font-size:.85rem}.composer textarea{resize:vertical;background:var(--panel);min-height:70px;color:inherit;border:1px solid var(--line);border-radius:6px;padding:.8rem}.composer input{background:var(--panel);color:inherit;border:1px solid var(--line);border-radius:6px;padding:.8rem}.stat,.ledger-entry{border-bottom:1px solid var(--line);justify-content:space-between;padding:.7rem 0;display:flex}.ledger-entry{text-transform:capitalize;flex-direction:column}.muted{color:var(--ink-soft)}.pending{border-left:3px solid var(--gold);background:#28261f;margin-top:1rem;padding:.7rem}.opportunity{border-left:3px solid var(--teal);color:var(--teal);background:#162b2a;padding:.7rem;font-weight:700}.scene-transition{border-color:var(--teal);background:#132524}.scene-transition strong{color:var(--teal);font-size:1.15rem}.error{color:#ff9f8d}.check-actions{width:100%;max-width:760px;margin:0 auto}.check-actions .pending{margin:0 0 .6rem}.chronicle-page{background:#111b22;min-height:calc(100vh - 86px);padding:2rem clamp(1rem,4vw,4rem) 4rem}.chronicle-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;height:auto;padding:0 0 1.5rem;display:flex}.chronicle-header h1{margin:.2rem 0 0}.chronicle-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.continuity-card{border:1px solid var(--teal);background:var(--panel);border-radius:8px;max-width:900px;margin:1.5rem auto 2.5rem;padding:1.25rem}.continuity-card h2{margin:.35rem 0 1rem}.continuity-card p{line-height:1.5}.chronicle-sessions{max-width:900px;margin:auto}.chronicle-session{margin:1.5rem 0 3rem}.chronicle-session-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.chronicle-session-heading h3{margin:.5rem 0;font:1.35rem Georgia,serif}.chronicle-entry{grid-template-columns:1rem 1fr;gap:1rem;padding:1.1rem 0;display:grid;position:relative}.chronicle-entry:not(:last-child):after{content:"";background:var(--line);width:2px;position:absolute;top:2rem;bottom:-.2rem;left:.43rem}.chronicle-entry-marker{border:2px solid var(--teal);z-index:1;background:#111b22;border-radius:50%;width:.9rem;height:.9rem;margin-top:.3rem}.chronicle-entry-body{min-width:0}.chronicle-entry-heading{flex-wrap:wrap;justify-content:space-between;gap:.75rem;display:flex}.chronicle-entry h3{margin:.3rem 0;font:1.25rem Georgia,serif}.chronicle-entry p{line-height:1.55}.chronicle-entry details{border-top:1px solid var(--line);margin-top:.8rem;padding-top:.7rem}.chronicle-entry summary{color:var(--gold);cursor:pointer;font-weight:700}.trust-detail{border-left:3px solid var(--teal);background:#132524;margin-top:1rem;padding:.8rem}.trust-label{letter-spacing:.1em;margin-bottom:.7rem;font-size:.72rem;font-weight:800;display:inline-block}.rule-result{color:var(--teal)}.player-choice{color:var(--gold)}.scenario-consequence{color:#d8a28f}.trust-grid{grid-template-columns:minmax(7rem,.8fr) 1.5fr;gap:.4rem 1rem;display:grid}.trust-grid strong{overflow-wrap:anywhere}.chronicle-citations{gap:.6rem;margin-top:.8rem;display:grid}.citation{border-top:1px solid var(--line);gap:.25rem;padding-top:.6rem;display:grid}.citation p{color:var(--ink-soft);margin:.2rem 0 0}.technical-details{overflow-wrap:anywhere;color:var(--ink-soft);gap:.25rem;margin-top:1rem;font:.75rem ui-monospace,monospace;display:grid}.presentation-warning{color:#ffb39f;font-size:.78rem}.chronicle-entry.narration_failed{border-left:2px solid #9b5e52;padding-left:.8rem}@media (width<=850px){.welcome{margin:5vh auto;padding:1.25rem}header{padding:0 1rem}.truth-pill{display:none}.columns{flex-direction:column;display:flex}.columns>*{padding:1.25rem}.campaign-card{flex-direction:column;align-items:stretch}.play-panel{order:1;min-height:70vh}.scene-panel{border:0;border-top:1px solid var(--line);order:2}.state-panel{border:0;border-top:1px solid var(--line);order:3}.chronicle-page{padding:1rem 1rem 3rem}.chronicle-header{flex-direction:column;align-items:flex-start}.chronicle-header-actions{justify-content:stretch;width:100%}.chronicle-header-actions button{flex:1}.trust-grid{grid-template-columns:1fr;gap:.15rem}.trust-grid strong{margin-bottom:.45rem}}@media (width<=520px){body{overflow-x:hidden}.welcome{width:100%;padding:1rem}.welcome h1{font-size:clamp(2.25rem,13vw,3.4rem)}header{flex-wrap:wrap;gap:.55rem .8rem;height:auto;min-height:76px;padding:.8rem 1rem}header>div:first-child{flex:100%}header button{flex:auto}.truth-pill{display:none}.opening,.narration{font-size:1.15rem;line-height:1.55}.composer{grid-template-columns:1fr;gap:.55rem}.composer label,.composer textarea,.composer input,.composer button{grid-column:1;width:100%}.composer textarea{min-height:92px}.setup-actions{grid-template-columns:1fr;display:grid}.setup-actions button,.campaign-card button,.chronicle-header-actions button{width:100%}.campaign-card{padding:1rem}.choice-actions .resolve{min-height:64px}.chronicle-page{padding:.8rem .8rem 2rem}.chronicle-header-actions{grid-template-columns:1fr;display:grid}.chronicle-entry{grid-template-columns:.75rem 1fr;gap:.7rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}