:root{font-family:Georgia,Times New Roman,serif;color:#efe7d5;background:#171f29;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #61716d;background:transparent;color:inherit;border-radius:3px;padding:10px 14px}button:hover:not(:disabled){background:#314139}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #edbc72;outline-offset:4px}main{max-width:1700px;margin:auto;padding:0 4vw 24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3a454c;min-height:88px;gap:20px}nav{display:flex;gap:10px}nav button{font:12px system-ui;border:0}nav span{color:#dfba7d;margin-left:6px}.wordmark{color:#e6bb7d;text-decoration:none;font-size:28px;letter-spacing:3px;white-space:nowrap}.wordmark span{color:#d3d2c6;font:9px system-ui;letter-spacing:2px;margin-left:20px}.title{display:flex;align-items:flex-end;justify-content:space-between;margin:38px 0 28px;gap:24px}.eyebrow{font:10px system-ui;letter-spacing:2px;color:#d3b782;line-height:1.6}h1{font-size:clamp(40px,4.5vw,72px);line-height:1;margin:14px 0 0;font-weight:400;letter-spacing:-2px}h1 i{color:#d9b986;font-weight:400}.intro{color:#aeb9b7;line-height:1.8;font-size:14px;margin:0 0 5px}.theatre{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:38px}.proscenium{background:#242f36;border:1px solid #5d6057;padding:15px;align-self:start;box-shadow:0 18px 50px #0003}.marquee{font-size:13px;display:flex;justify-content:space-between;padding:2px 15px 17px;letter-spacing:2px;text-align:center}.marquee span{color:#d5ab71}.viewport{position:relative;aspect-ratio:700/420;border:9px solid #242b30;outline:1px solid #a28b65;background:#030609}.room{display:block;width:100%;height:100%}.footlights{position:absolute;bottom:-8px;height:4px;left:8%;right:8%;background:repeating-linear-gradient(90deg,#efd9a8 0px,#efd9a8 5px,transparent 5px,transparent 48px);pointer-events:none}.stage-label{font:9px system-ui;letter-spacing:1px;display:flex;justify-content:space-between;padding:20px 0 4px;color:#b3b8ad;gap:10px}.curtain{position:absolute;inset:0;background:repeating-linear-gradient(90deg,#6a3e3c,#8a5149 5%,#593333 11%,#75413b 16%);display:grid;place-items:center;box-shadow:inset 0 20px 30px #0007}.curtain:before{content:"";position:absolute;inset:0 50% 0 auto;width:2px;background:#321e20}.curtain-seal{z-index:1;text-align:center;background:#563532;border:1px solid #c2986d;padding:24px;color:#e6c196;letter-spacing:5px;font-size:30px}.curtain-seal small{display:block;font:8px system-ui;letter-spacing:1.5px;margin-top:13px}.control>.eyebrow{margin:0 0 12px}.tokens{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tokens button{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:110px;font-size:15px;background:#202d35}.tokens button>span{font-size:27px;color:#cbb78b}.tokens small{font:9px system-ui;color:#99a69e}.tokens button.selected{background:#dbbd8a;color:#253039;border-color:#dbbd8a}.tokens button.selected span,.tokens button.selected small{color:#4c5348}.hint{font:11px/1.65 system-ui;color:#aab3ac;margin:14px 0 23px}.primary{background:#e3c68f;color:#202c30;border-color:#e3c68f;width:100%;padding:16px;font:13px system-ui;letter-spacing:.7px}.primary:hover:not(:disabled){background:#f0d5a4}.inspection{padding-top:20px;min-height:210px}.inspection h2{font-size:24px;font-weight:400;margin:8px 0 12px}.inspection>p{font-size:14px;line-height:1.75;color:#c4c9be}.inspection .eyebrow{font-size:9px}.inspection blockquote{margin:14px 0 0;padding-left:15px;border-left:1px solid #ae9468;color:#c2a576;font-size:13px;font-style:italic;line-height:1.6}footer{margin-top:28px;padding-top:20px;border-top:1px solid #3d474c;display:flex;align-items:center;justify-content:space-between;gap:10px}footer button{font:10px system-ui;padding:9px;border:0}footer>span{font:8px system-ui;letter-spacing:1.6px;color:#88988f}.drawer{position:fixed;z-index:5;right:0;top:0;bottom:0;width:min(710px,100%);overflow:auto;background:#f3ead7;color:#26363b;box-shadow:-20px 0 80px #0009;padding:28px;color-scheme:light}.drawer-head{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #b6b7a3;margin-bottom:22px}.drawer h2{font-weight:400;font-size:28px}.drawer p{line-height:1.7}.drawer button{margin:8px 8px 8px 0;border-color:#859085}.drawer button:hover:not(:disabled){background:#e0d4ba}.drawer .primary{background:#253c40;color:#f5ebd5}.drawer .hint{color:#626f64}.drawer label{display:block;font:12px/1.5 system-ui;margin:14px 0}.drawer input:not([type=checkbox]),.drawer select,.drawer textarea{display:block;width:100%;padding:10px;color:#21353a;background:#fffcf1;border:1px solid #b9b59e;margin-top:5px;min-width:0}.drawer textarea{min-height:105px;resize:vertical}.drawer summary{cursor:pointer;font-size:18px;padding:12px 0}.drawer details{border-bottom:1px solid #c3baa3}.author-preview{max-width:390px;margin:16px auto;border:9px solid #29363d}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.prop-row{display:grid;grid-template-columns:1.2fr .7fr .7fr 1fr auto;gap:8px;align-items:center;border-bottom:1px solid #ccc1a9}.prop-row label{font-size:10px}.prop-row button{font:10px system-ui;padding:8px}.transition{border-left:3px solid #b28d58;padding-left:15px;margin:22px 0}.edges{display:grid;gap:12px;margin:22px 0}.edges article{border:1px solid #bbb59f;padding:18px}.edges small{font:10px system-ui;letter-spacing:1px}.edges h3{font-size:20px;margin:10px 0}.edges p{margin-bottom:0;font-size:13px}.status{position:fixed;z-index:8;bottom:12px;left:50%;transform:translate(-50%);background:#f6e7c7;color:#26383b;box-shadow:0 8px 30px #0005;padding:12px 18px;font:12px system-ui;max-width:90vw;width:max-content}.status button{margin-left:18px;padding:2px 7px;color:#253a3c}.upload{border:1px dashed #aaa17d;padding:14px}@media(min-width:1500px){main{padding-top:15px}.title{margin-top:48px;margin-bottom:45px}.theatre{gap:55px}}@media(max-width:900px){.theatre{grid-template-columns:1fr}.control{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px}.control>.eyebrow,.control>.hint{grid-column:1}.control>.primary{grid-column:1}.inspection{grid-column:2;grid-row:1/6;padding-top:0}.title{margin-top:25px}.intro{font-size:12px}.wordmark span{display:none}footer>span{display:none}}@media(max-width:580px){main{padding:0 16px 20px}header{min-height:70px}nav{gap:0}nav button{padding:7px}.title{display:block}.intro{margin-top:18px}.theatre{gap:26px}.proscenium{padding:9px}.marquee{font-size:10px;letter-spacing:1px;padding-bottom:12px}.viewport{border-width:5px}.stage-label{font-size:7px}.control{display:block}.tokens{margin-bottom:12px}.inspection{min-height:0}.drawer{padding:20px}.prop-row{grid-template-columns:1fr 1fr 1fr}.prop-row>select{grid-column:1/4}.prop-row button{grid-column:3}.curtain-seal{font-size:22px;padding:15px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}