:root{color-scheme:dark;--bg:#101b1d;--panel:#152326;--ink:#e6dfcc;--muted:#93a5a2;--brass:#c6a46b;--line:#344341;--mint:#9ed6c3}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 5%,#23393777,transparent 55%),var(--bg);color:var(--ink);font:14px/1.6 Georgia,serif}button,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:transparent;border-radius:3px;padding:9px 15px}button:hover{border-color:var(--brass);background:#c6a46b0c}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:disabled{cursor:default;opacity:.4}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{display:flex;gap:14px;align-items:center;color:var(--ink);text-decoration:none;font:12px/1.6 system-ui,sans-serif;letter-spacing:2px}.brand small{display:block;font-size:8px;color:var(--brass);letter-spacing:3px}.sigil{font:42px Georgia;color:var(--brass)}.header-actions{display:flex;gap:10px;font:11px system-ui,sans-serif}.header-actions span{color:var(--brass);padding-left:5px}main{max-width:1460px;margin:auto;padding:38px 5vw 20px}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.eyebrow,.chapter-number{color:var(--brass);font:9px/1.6 system-ui,sans-serif;letter-spacing:2.3px}h1{font-weight:400;font-size:clamp(28px,3.2vw,45px);line-height:1.18;margin:14px 0 0;letter-spacing:-1px}.intro-copy{color:var(--muted);font-size:13px;margin-bottom:2px}nav{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px}nav button{flex:1;text-align:left;border:0;border-bottom:2px solid transparent;padding:15px 18px;font:11px system-ui,sans-serif;letter-spacing:1px;border-radius:0}nav button.active{border-bottom-color:var(--brass);background:#c6a46b09}nav small{color:var(--brass);margin-right:10px}.workshop{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);border:1px solid var(--line);background:var(--panel)}.scene-wrap{display:flex;flex-direction:column;background:#0c171a;min-width:0}.scene-label,.scene-caption{padding:15px 20px;display:flex;justify-content:space-between;gap:10px;font:9px/1.5 system-ui,sans-serif;letter-spacing:1.5px;color:var(--brass)}.scene-label{border-bottom:1px solid #293838}.live{color:var(--muted);letter-spacing:0}.live i{display:inline-block;width:5px;height:5px;border-radius:100%;background:var(--mint);margin-right:5px;box-shadow:0 0 8px var(--mint)}canvas{display:block;width:100%;aspect-ratio:1000/640;margin:auto;touch-action:pan-y}.scene-caption{border-top:1px solid #293838;color:var(--muted);font-size:8px;letter-spacing:1px}.scene-caption span:first-child{font:italic 12px Georgia;letter-spacing:0}aside{padding:28px;border-left:1px solid var(--line)}h2{font-size:30px;font-weight:400;line-height:1.2;margin:12px 0 16px}#story{color:var(--muted);font-size:14px}.rule{border-top:1px solid var(--line);margin-top:22px;padding-top:17px}.rule span{font:8px system-ui,sans-serif;letter-spacing:2px;color:var(--brass)}.rule p{font-size:13px;margin:8px 0 20px}.control{margin:18px 0}.control label{display:flex;justify-content:space-between;font:11px system-ui,sans-serif;color:var(--muted);margin-bottom:10px}.control output{color:var(--brass);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--brass);height:25px;cursor:pointer}.primary{width:100%;text-align:left;background:var(--brass);color:#162325;border-color:var(--brass);padding:12px 15px;font:12px system-ui,sans-serif}.primary:hover{background:#dfbd84;color:#102125}.primary span{float:right}.hint{width:100%;border:0;font:11px system-ui,sans-serif;color:var(--muted);padding-top:15px}#hint-text{font-style:italic;color:var(--brass);font-size:12px}#feedback{font:12px/1.6 system-ui,sans-serif;min-height:25px;color:var(--mint);margin-bottom:12px}#discovery{border-left:2px solid var(--brass);padding:0 0 0 15px;font-size:13px;margin:20px 0;color:var(--mint)}#discovery b{display:block;color:var(--brass);font:9px system-ui,sans-serif;letter-spacing:1.4px;margin-bottom:8px}footer{display:flex;justify-content:space-between;align-items:center;margin-top:17px;color:var(--muted);font:8px system-ui,sans-serif;letter-spacing:1.3px}footer button{border:0;font-size:10px;color:var(--muted)}dialog{background:#1b2a2b;color:var(--ink);border:1px solid var(--brass);max-width:560px;width:90%;padding:34px;max-height:85vh}dialog::backdrop{background:#031014d9;backdrop-filter:blur(5px)}.close{float:right;border:0;font-size:22px;padding:0 4px}#entries article{border-top:1px solid var(--line);padding-top:15px;margin-top:20px}#entries h3{font-weight:400;color:var(--brass)}#entries p{color:var(--muted)}[hidden]{display:none!important}@media(min-width:1450px){canvas{max-height:600px}}@media(max-width:850px){main{padding:25px 4vw}.intro-copy{display:none}.workshop{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid var(--line)}header{padding:0 4vw;height:76px}.brand{font-size:9px;letter-spacing:1px}.brand small{letter-spacing:1px;font-size:7px}.header-actions{gap:5px}.header-actions button{padding:8px;font-size:10px}nav button{padding:13px 9px;font-size:9px;letter-spacing:0}.intro{margin-bottom:25px}h1{font-size:32px}aside{padding:24px}footer{letter-spacing:.5px;font-size:7px}.scene-label,.scene-caption{padding:12px}.scene-caption span:first-child{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}