:root{color-scheme:dark;--black:#050505;--ink:#d8d4c8;--gold:#a89f88;--muted:#aaa69b;--rule:#49473e;font-family:Georgia,'Times New Roman',serif;background:var(--black);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,textarea,select{touch-action:manipulation}button{border:1px solid var(--rule);background:transparent;min-height:44px;padding:.65rem 1rem;cursor:pointer;border-radius:2px}button:hover{border-color:var(--ink);background:#ffffff08}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--ink);border-color:var(--ink);color:var(--black)}button.primary:hover{background:#eeeadd}a{color:var(--ink);text-underline-offset:.25em;text-decoration-color:var(--gold)}a:hover{text-decoration-color:var(--ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:5px}button[aria-pressed=true]{border-color:var(--ink);background:#ffffff12}textarea{display:block;width:100%;resize:vertical;border:1px solid var(--rule);border-radius:2px;background:#ffffff03;padding:.9rem;line-height:1.6;margin-top:.6rem}textarea::placeholder{color:#aaa69baa}select{background:var(--black);border:1px solid var(--rule);padding:.4rem;min-height:40px}input[type=range]{width:100%;accent-color:var(--ink);height:36px;cursor:pointer}summary{cursor:pointer;min-height:44px;line-height:1.6;padding:.6rem 0}summary span{color:var(--muted)}label{line-height:1.5}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.paper{max-width:780px;margin:auto;padding:clamp(2rem,6vw,5rem) clamp(1.25rem,5vw,3rem)}.entrance{max-width:720px}.paper h1{font-size:clamp(2.6rem,6vw,4rem);font-weight:400;line-height:1.08;letter-spacing:-.025em;margin:1.4rem 0 1.7rem}.paper p{line-height:1.7;max-width:58ch}.paper .lede{font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.5}.paper h2{font-size:1.4rem;font-weight:400;line-height:1.4}.threshold-mark{height:38px;width:38px;position:relative;margin-bottom:2rem}.threshold-mark i{display:block;position:absolute;background:var(--gold)}.threshold-mark i:nth-child(1){top:0;left:5px;width:28px;height:1px}.threshold-mark i:nth-child(2){right:0;top:5px;width:1px;height:28px}.threshold-mark i:nth-child(3){bottom:0;left:5px;width:28px;height:1px}.threshold-mark i:nth-child(4){left:0;top:5px;width:1px;height:28px}.first-thought{margin:1.5rem 0 1.25rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:.3rem 0}.first-thought label{display:block;margin-top:.5rem}.first-thought textarea{margin-bottom:1rem}.entry-action{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.2rem;margin:1.5rem 0 .6rem}.entry-action span,.small{font-size:.875rem;color:var(--muted)}.other-doors{display:flex;gap:.8rem 1.5rem;flex-wrap:wrap;margin-top:2rem;font-size:.9rem}.paper .colophon{font-size:.8rem;color:var(--muted);line-height:1.7;margin-top:2rem}.error{border-left:2px solid var(--gold);padding:.2rem 1rem}.quiet,.text-button{border-color:transparent;text-decoration:underline;text-underline-offset:.3em;text-decoration-color:var(--rule)}
body[data-screen=encounter],body[data-screen=compare]{overflow:hidden}#viewing{height:100dvh;min-height:400px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}.room-heading{display:flex;align-items:center;gap:1rem;padding:1rem clamp(1rem,3vw,2.5rem);min-height:90px}.room-heading>div{flex:1;min-width:0}#view-title{font-size:.85rem;color:var(--muted);margin:0 0 .25rem}#teller{font-weight:400;font-size:clamp(1.25rem,2.4vw,1.7rem);margin:0;line-height:1.3}#teller span{font-size:.8em;color:var(--muted);margin-left:.55rem}#wall-state{color:var(--gold);font-size:.9rem;margin:0;max-width:17em}.stage{position:relative;overflow:hidden;perspective:calc(900px * var(--k,1));perspective-origin:50% 50%;touch-action:pan-y}.scene{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}.wall{position:absolute;width:calc(1600px * var(--k,1));height:calc(900px * var(--k,1));left:50%;top:50%;margin-left:calc(-800px * var(--k,1));margin-top:calc(-450px * var(--k,1));backface-visibility:hidden;background:#000}.wall video{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.veil{position:absolute;inset:0;background:#000;pointer-events:none;opacity:var(--veil,0)}body.flat .scene{transform:none!important}body.flat .wall{inset:0;width:100%;height:100%;margin:0;transform:none!important;visibility:hidden}body.flat .wall.faced{visibility:visible}body.flat .wall.faced .veil{opacity:0}.media-message{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);background:#050505ed;border:1px solid var(--rule);padding:1.3rem;max-width:440px;width:calc(100% - 2rem);text-align:center;line-height:1.6}.media-message p{margin:0}.media-message button{margin-top:1rem}#captions{z-index:4;justify-self:center;width:min(42rem,calc(100% - 2rem));max-width:42rem;padding:.55rem .9rem;padding-bottom:calc(.55rem + env(safe-area-inset-bottom));background:#050505ed;color:#fff;font-size:clamp(1rem, 4.4vw, 1.3rem);line-height:1.4;text-align:center;white-space:pre-line;pointer-events:none}.control-status{max-width:1280px;margin:.25rem auto 0;color:var(--gold);font-size:.8rem;line-height:1.4}.control-status:empty{display:none}
.room-controls{padding:.75rem clamp(1rem,3vw,2.5rem) 1rem;background:var(--black);z-index:2}.teller-buttons{display:flex;justify-content:center;gap:.5rem;margin-bottom:.65rem}.teller-buttons button{min-width:120px;font-size:.9rem}.transport{display:flex;align-items:center;gap:1rem;max-width:1280px;margin:auto}.transport>button{min-width:80px}.time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9rem;color:var(--muted)}progress{flex:1;width:100%;height:3px;appearance:none;border:none;background:#35332c}progress::-webkit-progress-bar{background:#35332c}progress::-webkit-progress-value{background:var(--gold)}progress::-moz-progress-bar{background:var(--gold)}.seek-wrap{flex:1;min-width:60px}.transport label{font-size:.85rem;white-space:nowrap}.view-options{display:flex;flex-wrap:wrap;gap:.25rem 1rem;align-items:center;max-width:1280px;margin:.3rem auto 0;font-size:.8rem;color:var(--muted)}.view-options p{margin:0;line-height:1.5;flex:1;min-width:180px}.view-options button{font-size:.8rem;padding:.35rem .5rem}.view-options select{font-size:.8rem}.commentary{max-width:76ch;margin:.4rem auto 0;font-size:.95rem;line-height:1.6;color:var(--gold)}
.chapter{font-size:.9rem;color:var(--gold);margin:0}.review h1{margin-top:.5rem}.route-lanes{margin-top:2rem;display:grid;gap:.8rem}.route-lane{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:center;gap:1rem}.lane-name{border:none;text-align:left;padding:0;line-height:1.4;font-size:.9rem}.lane-name small{display:block;color:var(--muted);font-size:.75rem}.lane-track{height:24px;position:relative;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:#ffffff03}.route-mark{position:absolute;top:3px;height:16px;background:var(--ink);min-width:1px}.route-mark.held{background:transparent;border:1px solid var(--gold)}.timeline-scale{display:flex;justify-content:space-between;margin:.6rem 0 1.5rem 121px;font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.review-actions{display:flex;flex-wrap:wrap;gap:.75rem}.route-detail{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:1.5rem}.route-detail ol{max-height:320px;overflow:auto;padding:0 0 .75rem 1.5rem;margin:0}.route-detail li{padding:0 0 0 .3rem}.route-detail button{border:0;text-align:left;line-height:1.4;width:100%}.route-detail time{font-variant-numeric:tabular-nums;color:var(--muted);display:inline-block;min-width:108px;font-size:.85rem}.reconsider{margin:2.5rem 0 0}.reconsider label{color:var(--muted);font-size:.9rem}.reconsider blockquote{margin:0;padding:0 0 0 1rem;border-left:1px solid var(--gold);line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.closing{font-style:italic;font-size:1.2rem;color:var(--gold);padding:1.5rem 0 0}
@media(max-width:700px){.paper{padding-top:2rem}.paper h1{font-size:2.75rem}.threshold-mark{margin-bottom:1.5rem}.room-heading{min-height:92px;flex-wrap:wrap;gap:.25rem .5rem;padding:.7rem 1rem}.room-heading>div{flex-basis:60%}.room-heading>button{font-size:.8rem;padding:.4rem .3rem}.room-heading #wall-state{order:3;max-width:none;flex-basis:100%;font-size:.8rem}#teller{font-size:1.3rem}#teller span{font-size:.75em}.room-controls{padding:.5rem .75rem}.teller-buttons{gap:.25rem;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:.5rem}.teller-buttons button{min-width:0;padding:.4rem .15rem;font-size:.75rem}.transport{gap:.5rem;flex-wrap:wrap}.transport>button{min-width:65px;padding:.4rem .5rem}.transport .time{font-size:.8rem}.transport #beat-wrap{flex-basis:100%;display:flex;align-items:center;gap:.6rem}.view-options{gap:.2rem .6rem}.view-options p{display:none}.view-options label{margin-left:auto}.view-options select{max-width:158px}.commentary{font-size:.85rem;max-height:100px;overflow:auto}.route-lane{grid-template-columns:90px minmax(0,1fr);gap:.7rem}.timeline-scale{margin-left:101px}.entry-action{align-items:flex-start;flex-direction:column}}
@media(max-height:520px) and (min-width:701px){.room-heading{min-height:60px;padding-top:.4rem;padding-bottom:.4rem}.room-controls{padding-top:.3rem;padding-bottom:.3rem}.view-options p{display:none}.teller-buttons button{min-height:44px;padding:.3rem .7rem}.teller-buttons{margin-bottom:.3rem}.view-options{display:flex}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.teller-buttons small{display:block;color:var(--muted);font-size:.65rem;line-height:1.6;margin-top:.1rem}
