:root{--bg: #0d0d10;--bg-raised: #16161b;--bg-sunken: #08080a;--ink: #e8e6e1;--ink-dim: #9a978f;--ink-faint: #5f5d58;--rule: #262630;--warm: #c8a25f;--cold: #5f7f9a;--alarm: #b4564b;--ok: #6b8f6b;--serif: ui-serif, Iowan Old Style, Palatino, Georgia, serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}body{overscroll-behavior:none}#root{min-height:100dvh;display:flex;justify-content:center}.shell{width:100%;max-width:46rem;padding:max(1.25rem,env(safe-area-inset-top)) 1.25rem max(1.5rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1.25rem}.shell.scroller{overflow-y:auto;max-height:100dvh}h1{font-size:2.1rem;line-height:1.1;margin:0;font-weight:500;letter-spacing:-.01em}h4{margin:0 0 .4rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);font-weight:500}.sub{color:var(--ink-dim);font-size:1rem;line-height:1.55;margin:0}.tiny{font-family:var(--mono);font-size:.65rem;letter-spacing:.07em;color:var(--ink-faint);line-height:1.6}.scale-tag{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0}.stack{display:flex;flex-direction:column;gap:.9rem}.row{display:flex;flex-wrap:wrap;gap:.6rem}.spacer{flex:1}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);border-bottom:1px solid var(--rule);padding-bottom:.6rem}.topbar .when{color:var(--ink-dim);text-transform:none;letter-spacing:.02em}button.act{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);background:var(--bg-raised);border:1px solid var(--rule);padding:.62rem .9rem;cursor:pointer;transition:color .14s,border-color .14s}button.act:hover:not(:disabled){color:var(--ink);border-color:var(--ink-faint)}button.act:disabled{opacity:.35;cursor:not-allowed}button.act.primary{color:var(--warm);border-color:#c8a25f73}button.act.big{font-size:.8rem;padding:.8rem 1.2rem}.roll-item{border-top:1px solid var(--rule);padding:1rem 0}.roll-item:first-child{border-top:none}.roll-cat{font-family:var(--mono);font-size:.63rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)}.roll-prompt{color:var(--ink-dim);font-size:.92rem;line-height:1.5;margin:.35rem 0 .6rem}.roll-result{font-size:1.1rem;margin:0}.roll-quip{color:var(--warm);font-size:.94rem;line-height:1.5;margin:.6rem 0 0}.roll-traits{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}.trait-chip{display:inline-flex;align-items:baseline;gap:.4rem;font-family:var(--mono);font-size:.63rem;letter-spacing:.04em;padding:.28rem .5rem;border:1px solid var(--rule);background:var(--bg-sunken);color:var(--ink-dim)}.trait-chip b{font-weight:500}.trait-chip.good{border-color:#6b8f6b66}.trait-chip.good b{color:var(--ok)}.trait-chip.bad{border-color:#b4564b66}.trait-chip.bad b{color:var(--alarm)}.stage{width:100%;height:100dvh;overflow:hidden;display:flex;flex-direction:column}.tree-area{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.now-btn{position:absolute;bottom:.7rem;right:.9rem;z-index:5;box-shadow:0 0 0 6px var(--bg);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--warm);background:var(--bg-raised);border:1px solid rgba(200,162,95,.45);padding:.45rem .7rem}.peek{flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;text-align:left;width:100%;display:flex;align-items:baseline;gap:.55rem;padding:.55rem .9rem;background:var(--bg-raised);border:none;color:var(--ink-dim);font-family:var(--serif);font-size:.85rem;white-space:nowrap;overflow:hidden}.peek.up{border-bottom:1px solid var(--rule);padding-top:max(.55rem,env(safe-area-inset-top))}.peek.down{border-top:1px solid var(--rule);padding-bottom:max(.55rem,env(safe-area-inset-bottom))}.peek.empty{cursor:default;color:var(--ink-faint)}.peek:not(.empty):active{background:#1c1c22}.pk-arrow{color:var(--warm);font-family:var(--mono)}.pk-scale{font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;color:var(--ink-faint);text-transform:uppercase}.pk-text{overflow:hidden;text-overflow:ellipsis}.pk-did{color:var(--ink);flex:none;max-width:60%;overflow:hidden;text-overflow:ellipsis}.pk-when{color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;font-size:.8rem}.peek.empty .pk-text{font-family:var(--mono);font-size:.6rem;letter-spacing:.08em}.graph{flex:1;min-height:0;overflow:auto;position:relative;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.graph-canvas{position:relative}.wires{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.wire{fill:none;stroke-linecap:round}.wire.w-active{stroke:var(--warm);stroke-width:3}.wire.w-parallel{stroke:var(--cold);stroke-width:2;opacity:.65}.scene-header{position:absolute;z-index:2;background:var(--bg);padding-bottom:4px;transition:left .42s cubic-bezier(.22,.75,.2,1)}.sh-top{display:flex;align-items:baseline;gap:.55rem;border-bottom:1px solid var(--rule);padding-bottom:.4rem;margin-bottom:.6rem}.sh-scale{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;color:var(--ink-faint);text-transform:uppercase}.sh-when{font-size:.92rem;color:var(--ink-dim);flex:1}.sh-count{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cold)}.sh-prose{margin:0;font-size:1rem;line-height:1.55;color:var(--ink)}.card-slot{position:absolute;z-index:1}.card-slot.anchor>.fork-card,.ag-card{outline:1px solid var(--ink-dim);outline-offset:4px}.anchor-label{display:block;margin-top:.75rem;text-align:center;font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}.card-slot.anchor .anchor-label{position:absolute;left:0;right:0;top:100%}.anchor-ghost{position:absolute;z-index:1}.ag-card{padding:.8rem;border:1px dashed var(--ink-faint);background:var(--bg)}.ag-card .sh-top{margin-bottom:.45rem}.ag-act{margin:0;font-size:.98rem;line-height:1.5;color:var(--ink-dim);font-style:italic}.fork-card{position:relative;display:flex;flex-direction:column;gap:.75rem;padding:.8rem;background:var(--bg-raised);border:1px solid var(--rule);cursor:pointer}.fork-card.active{border-color:#c8a25f59}.fork-card.parallel{border-color:#5f7f9a59;background:#13161a}.fork-card.focused.active{border-color:#c8a25fb3}.fork-card.focused.parallel{border-color:#5f7f9abf}.fork-card.now{box-shadow:0 0 0 1px #c8a25f40,0 0 24px #c8a25f14}.fork-card.end .narration,.fork-card.end .coda{margin:0}.via{font-family:var(--mono);font-size:.6rem;letter-spacing:.06em;line-height:1.5}.via.active{color:var(--warm)}.via.parallel{color:var(--cold)}.carried{display:grid;grid-template-columns:1fr 1fr;gap:.3rem .8rem}.measure{display:grid;grid-template-columns:1fr auto auto;grid-template-rows:auto 3px;column-gap:.35rem;align-items:baseline}.measure .m-label{grid-row:1;grid-column:1}.measure .m-val{grid-row:1;grid-column:2}.measure .m-delta{grid-row:1;grid-column:3}.measure .m-bar{grid-row:2;grid-column:1 / -1}.energy-arrival{grid-column:1 / -1;margin:.15rem 0 0;font-family:var(--mono);font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.5;color:var(--ink-faint)}.energy-arrival.ea-carried{color:var(--warm)}.ea-mark{font-size:.75rem}.carried-same{grid-column:1 / -1;margin:.2rem 0 0;font-family:var(--mono);font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cold);line-height:1.5}.m-label{font-size:11px;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-val{font-family:var(--mono);font-size:.6rem;color:var(--ink-dim);text-align:right}.m-delta{font-family:var(--mono);font-size:.58rem;text-align:right}.m-delta.good{color:var(--ok)}.m-delta.bad{color:var(--alarm)}.m-bar{grid-column:1 / -1;position:relative;height:3px;background:var(--bg-sunken);overflow:hidden;margin-top:2px}.m-bar>span:first-child{position:absolute;inset:0 auto 0 0;background:var(--ink-faint)}.m-ghost{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,transparent 0 2px,rgba(180,86,75,.4) 2px 4px)}.measure.quiet{opacity:.35}.measure.lit .m-label,.measure.lit .m-val{color:var(--ink)}.measure.lit .m-bar>span:first-child{background:var(--warm)}.fork-card.parallel .measure.lit .m-bar>span:first-child{background:var(--cold)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;align-items:start}.arm{display:flex;flex-direction:column;gap:.7rem;min-width:0}.answer{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:.35rem;padding:.65rem .7rem;min-height:3.2rem;font-family:var(--serif);font-size:.95rem;line-height:1.3;color:var(--ink);background:var(--bg);border:1px solid #33333f;transition:border-color .14s,background .14s,transform .14s}.answer:active{transform:translateY(1px)}.answer.played.active{border-color:#c8a25fb3;background:#1a1812}.answer.played.parallel{border-color:#5f7f9a99;background:#12161a}.answer.unplayed{border-style:dashed}.answer.confab{border-color:#b4564b99}.answer.lean{transform:scale(1.015);border-color:#3a3a46;background:#191920;border-style:solid}.answer.lean:active{transform:scale(1.015) translateY(1px)}.a-result,.a-back{font-family:var(--mono);font-size:.55rem;letter-spacing:.06em;text-transform:uppercase;line-height:1.45}.a-result{color:var(--ink-faint)}.answer.played.active .a-result{color:var(--warm)}.answer.confab .a-result{color:var(--alarm)}.a-back{color:var(--cold)}.outcome{display:flex;flex-direction:column;gap:.5rem;padding-left:.55rem;border-left:2px solid var(--rule);min-width:0}.outcome.active{border-left-color:var(--warm)}.outcome.parallel{border-left-color:var(--cold)}.outcome h4{margin:0}.outcome .narration{margin:0;font-size:.9rem;line-height:1.5}.outcome .confab{padding:.5rem .55rem}.outcome .confab p{font-size:.86rem}.outcome .aside{font-size:.84rem;padding-left:.55rem}.left{display:flex;flex-direction:column;gap:.35rem}.left-head{margin:0;font-family:var(--mono);font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.left-chips{display:flex;flex-wrap:wrap;gap:.3rem}.left-chips .trait-chip{font-size:.58rem;padding:.15rem .35rem}.left-cause{margin:0;font-size:.8rem;line-height:1.4;color:var(--ink-dim);font-style:italic}.joined{margin:0;font-family:var(--mono);font-size:.55rem;letter-spacing:.06em;text-transform:uppercase;line-height:1.5;color:var(--ink-faint)}.spent{margin:0;font-family:var(--mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.receipt{border-top:1px solid var(--rule);padding-top:.6rem}.receipt h4{margin:0 0 .5rem}.r-cols{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.r-col{min-width:0}.r-head{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.35rem}.r-share{font-family:var(--mono);font-size:1rem;color:var(--ink-dim)}.r-col.tendency .r-share{color:var(--warm)}.r-toward{font-size:11px;line-height:1.3;color:var(--ink-faint)}.chip{align-self:flex-start;font-family:var(--mono);font-size:.52rem;letter-spacing:.08em;text-transform:uppercase;padding:.18rem .35rem;border:1px solid var(--rule);color:var(--ink-faint)}.chip.cost{color:var(--warm);border-color:#c8a25f73}.chip.empties-out,.chip.never-in-reach{color:var(--alarm);border-color:#b4564b73}.r-item{display:grid;grid-template-columns:1fr auto;column-gap:.3rem;row-gap:.05rem;align-items:start;padding:.2rem 0;border-top:1px solid #1d1d24}.r-item .sc{grid-column:1;font-family:var(--mono);font-size:.48rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.r-item .lb{grid-column:1}.r-item .wt{grid-column:2;grid-row:1 / span 2;padding-top:2px}.r-item .lb{font-size:10.5px;line-height:1.32;color:var(--ink-dim)}.r-item .lb i{font-style:normal;font-family:var(--mono);font-size:.46rem;color:var(--ink-faint)}.r-item .wt{font-family:var(--mono);font-size:.52rem;color:var(--ink-faint)}.r-item.locked .lb{color:var(--ink-faint)}.narration{font-size:1rem;line-height:1.55}.coda{font-size:1.02rem;line-height:1.6;white-space:pre-line}.aside{margin:0;border-left:2px solid var(--warm);padding:.1rem 0 .1rem .8rem;color:var(--warm);font-size:.9rem;line-height:1.5}.confab{border:1px solid var(--alarm);background:#b4564b12;padding:.6rem .7rem}.confab p{margin:0;font-size:.92rem;line-height:1.5;font-style:italic}@media(min-width:40rem){h1{font-size:2.6rem}}