:root{--paper:#f6f2e9;--ink:#24201b;--muted:#675f56;--rule:#d7d0c4;--accent:#914b2d;--ease:cubic-bezier(.2,.8,.2,1);font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--paper);color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;padding:24px 30px;margin:auto}h1{font-weight:400;letter-spacing:-.035em;font-size:clamp(27px,4vw,40px);line-height:1.12;margin:8px 0 14px}header>p:last-child{font-size:17px;line-height:1.5;margin:0 0 18px}.eyebrow,.controls,.canvas-chrome,#status,#instructions,.disclosure{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase}button,input,select{font:inherit;color:inherit}button{border:0;border-radius:0;background:none;min-height:44px;cursor:pointer;padding:6px 10px}button:hover{text-decoration:underline;text-underline-offset:5px}button:focus-visible,input:focus-visible,select:focus-visible,#stage:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.controls{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;flex-wrap:wrap;margin-bottom:10px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button:first-child{padding-left:0}.controls label{display:flex;align-items:center;gap:7px;min-height:44px}#stage{position:relative;isolation:isolate;width:100%;height:560px;overflow:hidden;touch-action:none;border-block:1px solid var(--rule);background:var(--paper)}#stage.reading{touch-action:pan-y}#world{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform}#page{position:absolute;inset:0;background:var(--paper);box-shadow:0 5px 38px rgb(0 0 0 / calc(.12 * var(--margin,1)))}#page-scroll{height:100%;overflow:auto;overscroll-behavior:contain;padding:60px 60px 85px}.column{max-width:520px;margin:auto}.column h2{font-size:32px;line-height:1.1;font-weight:400;letter-spacing:-.02em;margin:17px 0 25px}.column p{font-size:19px;line-height:1.65;margin:0 0 20px}.column .eyebrow{font:10px/1.5 ui-monospace,monospace}.column u{text-decoration-color:var(--accent);text-underline-offset:5px}#notes{position:absolute;left:calc(100% + 28px);top:18%;width:220px;font-size:22px;line-height:1.5;opacity:var(--margin,1)}#notes p{border-top:2px solid var(--ink);padding-top:12px;margin:0 0 25px}#notes small{display:block;font:11px ui-monospace,monospace;color:var(--muted);margin-bottom:12px}#ink{position:absolute;right:calc(100% + 20px);top:35%;width:170px;height:130px;opacity:var(--margin,1)}#ink path{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}#shield{position:absolute;inset:0;cursor:grab}#stage.reading #shield{display:none}.veil{position:absolute;left:0;right:0;height:48px;z-index:3;pointer-events:none}.veil.top{top:0;background:linear-gradient(var(--paper) 18px,transparent)}.veil.bottom{bottom:0;background:linear-gradient(to top,var(--paper) 18px,transparent)}.line{position:absolute;z-index:4;pointer-events:none;background:var(--ink);opacity:.5}.line.top,.line.bottom{left:40%;width:20%;height:2px}.line.top{top:9px}.line.bottom{bottom:9px}.line.left,.line.right{top:41%;height:18%;width:2px}.line.left{left:8px}.line.right{right:8px}.canvas-chrome{position:absolute;z-index:5;background:var(--paper);font-size:11px;transition:opacity 230ms var(--ease),visibility 0s}.quiet .canvas-chrome{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 230ms var(--ease),visibility 0s 230ms}#scope-controls{top:24px;left:24px;right:24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}#scope-controls label{display:flex;align-items:center;gap:8px}select{min-height:44px;border:0;border-bottom:1px solid var(--rule);border-radius:0;background:var(--paper);max-width:180px}#members{color:var(--muted);font-size:10px}#zoom{right:20px;bottom:20px;display:flex;align-items:center}#zoom button{min-width:44px}#zoom output{width:45px;text-align:center}#overview{left:20px;bottom:20px;width:90px}#overview svg{width:100%;height:36px;display:block}#overview rect{fill:none;stroke:var(--ink);stroke-width:1}#overview #map-view{stroke:var(--accent)}#status{font-size:11px;min-height:32px;line-height:1.6;color:var(--accent);margin:15px 0 8px}#instructions,.disclosure{font-size:11px;line-height:1.7;margin:10px 0;color:var(--muted)}.disclosure{border-top:1px solid var(--rule);padding-top:14px}kbd{font:inherit;color:var(--ink)}@media(max-width:600px){main{padding:18px 16px}#stage{height:530px}#page-scroll{padding:72px 30px 90px}.column h2{font-size:28px}.column p{font-size:17px}#scope-controls{left:14px;right:14px;top:16px;gap:3px}#members{flex-basis:100%;order:3}#scope-controls button{padding-right:0}#zoom{right:10px}#overview{left:10px;width:70px}#notes{width:190px}#instructions{font-size:10px}}@media(prefers-reduced-motion:reduce){.canvas-chrome{transition:none!important}}.reduced .canvas-chrome{transition:none!important}@media(forced-colors:active){.line{background:CanvasText}.canvas-chrome{background:Canvas}#notes p{border-color:CanvasText}}