:root{font-family:Arial,Helvetica,sans-serif;color:#283333;background:#eae9df;font-synthesis:none;--ink:#253b3a;--muted:#66716a;--line:#c9cdc1;--paper:#f6f3e9;--orange:#bf4d28;--green:#dce4d7}*{box-sizing:border-box}body{margin:0}button,select,textarea{font:inherit;color:inherit}button,select{cursor:pointer}button{border:1px solid var(--line);background:transparent;padding:.65rem .9rem;border-radius:3px}button:hover{background:#dce3d5;border-color:#68776c}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:4px}select{border:1px solid var(--line);padding:.6rem;background:var(--paper);max-width:100%;border-radius:3px}header{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 2.5rem;border-bottom:1px solid var(--line);gap:1rem}.brand{color:var(--ink);text-decoration:none;display:flex;gap:1rem;font-size:.69rem;letter-spacing:.17em;font-weight:700;line-height:1.5;align-items:center}.brand-mark{font:italic 2.7rem Georgia;border:1px solid var(--ink);width:52px;height:52px;display:grid;place-content:center;position:relative}.brand-mark span{font:1.3rem Arial;position:absolute;right:-8px;bottom:-2px;background:#eae9df}.edition-label{font-size:.65rem;letter-spacing:.15em;line-height:1.7}.edition-label span{display:block;color:var(--muted)}.quiet{border-color:transparent}.quiet span{font-size:.7rem;color:var(--muted)}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);max-width:1680px;margin:auto}.casting{padding:2.8rem 2rem;border-right:1px solid var(--line)}.eyebrow{font-size:.61rem;letter-spacing:.15em;font-weight:700;line-height:1.6;color:var(--muted)}h1{font:3.25rem/.99 Georgia,serif;letter-spacing:-.06em;margin:1.5rem 0}em{font-weight:400;color:var(--orange)}.intro{font:1rem/1.6 Georgia;color:var(--muted)}.token-rack{display:flex;gap:.65rem;margin-top:2rem}.token{touch-action:none;font:italic 1.65rem Georgia;display:flex;align-items:center;justify-content:space-between;gap:.65rem;background:var(--paper);border:1px solid #8c9b8d;border-radius:50%;width:70px;height:58px;box-shadow:0 3px #ccd2c6}.token span{font:.7rem Arial;color:var(--muted)}.token-I{background:#233e37;color:#fff}.token-I span{color:#d6e1d1}.token.dragging{background:#e8b88e;transform:rotate(-5deg)}.hint{font-size:.68rem;line-height:1.6;color:var(--muted);margin:1rem 0 1.5rem}.characters{display:grid;gap:.7rem}.character{padding:1rem;border:1px solid #c0c8bb;background:#dce4d7;min-width:0;overflow-wrap:anywhere;position:relative}.character-1{background:#e6e0d0}.character-2{background:#e0e4e2}.character-top{display:flex;justify-content:space-between;align-items:center}.avatar{font-size:.62rem;color:var(--muted)}.owned-token{background:var(--ink);color:#fff;border-radius:50%;padding:.35rem .6rem;font:italic 1rem Georgia;min-width:2rem;text-align:center}.character h2{font:1.5rem Georgia;margin:.3rem 0}.character p{font-size:.73rem;line-height:1.5;margin:.5rem 0 0;max-width:30ch;color:#59635b}.assignment-menus{display:grid;gap:.5rem;margin:1.4rem 0}.assignment-menus label{display:flex;align-items:center;gap:.8rem;font:italic 1rem Georgia}.assignment-menus label span{width:30px}.assignment-menus select{flex:1;min-width:0;font:.77rem Arial}.how{font-size:.75rem;line-height:1.6;margin-top:1.7rem}summary{cursor:pointer;color:var(--ink)}main{padding:0 4.5rem;min-width:0;background:var(--paper)}.tabs{display:flex;border-bottom:1px solid var(--line);gap:1.8rem;padding-top:1rem}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:1rem 0;font-size:.77rem;color:var(--muted)}.tabs button.active{border-bottom-color:var(--orange);color:var(--ink)}.tabs span{font-size:.6rem;background:#e6e8de;padding:.2rem .4rem;border-radius:20px}.story-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:2.5rem}.story-heading h2{font:1.2rem Georgia;margin:.7rem 0 0}.door-glyph{font:4rem Georgia;color:#b2b9a7;transform:rotate(10deg)}.passage-index{display:flex;gap:.4rem;margin:1.5rem 0 2.7rem}.passage-index button{flex:1;border:0;border-top:2px solid var(--line);padding:.65rem .2rem;font-size:.63rem;border-radius:0;text-align:left;color:var(--muted)}.passage-index button[aria-current]{border-color:var(--orange);color:var(--orange)}.reading{max-width:720px;min-height:330px;margin:0 auto}.chapter{font:2.15rem/1.1 Georgia;letter-spacing:-.025em;margin-bottom:1.8rem}.reading p{font:1.1rem/1.85 Georgia;white-space:pre-wrap;overflow-wrap:anywhere}.bound-sentence{position:relative;background:#e6eadf;border-left:2px solid #7b8e74;padding:1.1rem 1.3rem;margin:1.8rem -1.3rem!important}.binding-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);position:absolute;left:-4px;top:1.8rem}.action-tag{display:block;font:.6rem/1.5 Arial;letter-spacing:.08em;color:#657657;margin-top:.7rem;text-transform:uppercase}.reading-actions{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin:2.3rem 0 2.8rem;font-size:.73rem}.primary{background:var(--ink);color:#f6f3e9;border-color:var(--ink);padding:.85rem 1.2rem}.primary:hover{background:#3d5549;color:#fff}.primary span{margin-left:1.5rem}.inspector{border:1px solid var(--line);padding:1.2rem;margin-bottom:2rem}.inspector .eyebrow{display:flex;justify-content:space-between}.inspector .eyebrow span{font-size:.55rem;font-weight:400}.event-row{display:grid;grid-template-columns:100px 1fr;gap:1rem;border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem;font-size:.8rem;line-height:1.5;overflow-wrap:anywhere}.event-row strong{font-family:Georgia;font-size:1rem}.event-row b{font-weight:400;color:var(--orange)}.event-row small{display:block;color:var(--muted);font-size:.67rem;margin-top:.3rem}.project-tools{border-top:1px solid var(--line);padding:1.5rem 0 2rem;display:grid;grid-template-columns:1fr auto;gap:1.5rem}.export-buttons{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.project-tools button{font-size:.67rem;padding:.55rem}.project-tools p{font-size:.65rem;color:var(--muted);line-height:1.5;max-width:60ch}.reset-tools{display:flex;flex-direction:column;gap:.4rem}.danger{color:#9a432b}.status-bar{position:sticky;bottom:0;display:flex;gap:.65rem;align-items:center;background:#233e37;color:#eeeede;padding:.8rem 2.5rem;z-index:3;font-size:.72rem;min-height:52px}.status-bar p{margin:0;flex:1;line-height:1.5}.status-bar>span:last-child{font-size:.55rem;letter-spacing:.12em;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:#cadb9e;flex-shrink:0}.privacy{padding:1rem 2.5rem;font-size:.7rem;color:var(--muted);line-height:1.6}.privacy p{max-width:100ch}.privacy button{font-size:.7rem;margin:.3rem .7rem .3rem 0}.trace-panel,.author-panel{padding:2.7rem 0}.trace-panel>h2,.author-panel>h2{font:2.6rem/1.1 Georgia;letter-spacing:-.04em;margin:1.3rem 0}.trace-panel>p,.author-panel>p,.author-panel details{font:.86rem/1.7 Arial;color:var(--muted);max-width:85ch}.trace-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin:1.5rem 0;font-size:.75rem}.trace-controls label{display:grid;gap:.4rem}.examples{border:1px dashed #b0b8aa;padding:1rem;display:flex;gap:.5rem;flex-wrap:wrap;font-size:.72rem}.examples>span,.examples small{width:100%;color:var(--muted)}.trace-entry{border-top:1px solid var(--line);padding-top:1.4rem;margin-top:2rem}.trace-entry h3{font:1.5rem Georgia}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.comparison>div{padding:1rem;background:#e8eade;overflow-wrap:anywhere}.comparison>div+div{background:#ede5d7}.comparison h4{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .7rem}.comparison p{font:1rem/1.6 Georgia}.comparison .map-line{font:.61rem/1.6 Arial;color:var(--muted)}.trace-entry details{margin:1rem 0;font-size:.73rem}.recorded-prose{font:1rem/1.7 Georgia;white-space:pre-wrap;padding:1rem;overflow-wrap:anywhere}.empty{padding:2rem 1rem;border:1px dashed #b9c1b0;margin:1.5rem 0;color:var(--muted);font:1rem/1.7 Georgia}.editor-label{display:flex;justify-content:space-between;flex-wrap:wrap;font-size:.72rem;margin:1.5rem 0 .7rem;gap:.5rem}.editor-label span{color:var(--muted);font-size:.6rem}textarea{width:100%;min-height:550px;resize:vertical;background:#e9ebdf;border:1px solid #b9c2b1;padding:1rem;font:.8rem/1.7 ui-monospace,monospace;tab-size:2}.author-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0;font-size:.75rem}@media(min-width:1400px){main{padding:0 7rem}.casting{padding:3.5rem 2.5rem}.workspace{grid-template-columns:350px 1fr}.reading p{font-size:1.2rem}}@media(max-width:1000px){header{padding:1.1rem 1.4rem}.workspace{grid-template-columns:260px minmax(0,1fr)}.casting{padding:2rem 1.3rem}main{padding:0 2rem}.token{width:58px;font-size:1.4rem}.token-rack{gap:.4rem}.project-tools{grid-template-columns:1fr}.reset-tools{flex-direction:row;flex-wrap:wrap}.reading-actions{flex-wrap:wrap}.reading-actions .primary{order:3;width:100%}.status-bar>span:last-child{display:none}}@media(max-width:720px){header{padding:1rem}.edition-label{display:none}.workspace{display:block}.casting{border:0;border-bottom:1px solid var(--line);padding:1.7rem 1.2rem}.casting h1{font-size:2.5rem;margin:1rem 0}.casting h1 br{display:none}.intro{margin:.5rem 0}.intro br{display:none}.token-rack{margin:1.3rem 0 .7rem}.token{width:75px}.characters{grid-template-columns:repeat(3,minmax(0,1fr))}.character{padding:.7rem}.character h2{font-size:1.2rem}.character p{font-size:.65rem}.assignment-menus{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.assignment-menus label{display:grid;gap:.3rem}.assignment-menus select{width:100%;font-size:.7rem;padding:.45rem}.how{margin-top:1rem}.hint{font-size:.66rem}main{padding:0 1.4rem}.tabs{gap:1.3rem}.tabs button{font-size:.7rem}.story-heading{padding-top:1.6rem}.chapter{font-size:1.8rem}.passage-index{margin-bottom:1.8rem}.reading p{font-size:1.03rem}.bound-sentence{margin:1.3rem -.5rem!important;padding:.8rem 1rem}.status-bar{padding:.7rem 1rem;font-size:.66rem}.privacy{padding:1rem}.comparison{grid-template-columns:1fr}.trace-panel>h2,.author-panel>h2{font-size:2.2rem}.event-row{grid-template-columns:75px 1fr}.reading-actions{margin:1.5rem 0}.door-glyph{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.story-heading>div{min-width:0}.story-heading h2,.chapter,.trace-entry h3{overflow-wrap:anywhere}.fullscreen{font-size:.75rem}@media(max-width:720px){header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem 1rem}.brand{grid-row:span 2;font-size:.6rem;gap:.65rem}.brand-mark{width:44px;height:44px;font-size:2.3rem}.fullscreen,header>.quiet:last-child{grid-column:2;font-size:.7rem;padding:.4rem .7rem}}