html,body{margin:0;height:100%;background:#000;color:#e8e8f0;font-family:Roboto,system-ui,sans-serif;overflow:hidden}.stage{position:absolute;top:0;right:0;bottom:0;left:0;--season: #c1121f;--ink: #e8e8f0;--stream: #f0d9b0;--accent: #ffb8a8}.frame{position:absolute;top:1.6vh;right:1.6vw;bottom:1.6vh;left:1.6vw;border-radius:22px;border:1px solid color-mix(in srgb,var(--season) 45%,transparent);box-shadow:0 0 0 1px #ffffff08 inset,0 0 60px color-mix(in srgb,var(--season) 10%,transparent);overflow:hidden}.mark{position:absolute;z-index:2;left:2.2vw;top:2.4vh;width:52px;height:52px;opacity:0;transform:translateY(4px);transition:opacity 1.6s ease,transform 1.6s ease;pointer-events:none}.mark.on{opacity:.92;transform:none}.mark img{width:100%;height:100%;object-fit:contain}.bar{position:absolute;z-index:2;left:calc(2.2vw + 96px);top:2.6vh;width:34vw;user-select:none;-webkit-user-select:none;touch-action:none}.tl-track{position:relative;height:16px;cursor:pointer}.tl-track:before{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:rgba(255,255,255,.16)}.tl-fill{position:absolute;left:0;top:7px;height:2px;width:0;background:var(--season)}.tl-knob{position:absolute;top:3px;left:0;width:10px;height:10px;border-radius:50%;background:#ffd0c8;transform:translate(-50%);box-shadow:0 0 8px color-mix(in srgb,var(--season) 70%,transparent)}.tl-marks{position:relative;height:26px}.tl-mark{position:absolute;top:0;transform:translate(-50%);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff61;white-space:nowrap;pointer-events:none}.tl-mark:before{content:"";position:absolute;left:50%;top:-9px;width:1px;height:6px;background:rgba(255,255,255,.35)}.tl-mark:nth-child(2n){top:12px}.tl-mark:nth-child(2n):before{height:18px;top:-21px}.tl-mark.yawp,.tl-mark.door{color:var(--accent)}.tl-mark.milerock{color:#ff5a4a}.tl-mark.private{color:#9fb0ff99}.tl-mark.on{color:#ffffffd9}.titles{position:absolute;z-index:2;left:2.2vw;top:9.5vh;pointer-events:none}.titles .season{font-weight:300;letter-spacing:.08em;font-size:clamp(18px,2.2vw,28px);margin:0;opacity:.9}.titles .act{margin:.4em 0 0;font-size:12px;letter-spacing:.2em;text-transform:uppercase;opacity:.45}.scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.scene canvas{display:block}.stream{position:absolute;z-index:2;right:2.2vw;top:50%;transform:translateY(-50%);margin:0;padding:0;list-style:none;max-width:30vw;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;line-height:1.9;text-align:right;color:var(--stream);pointer-events:none}.stream li{opacity:0;transform:translate(12px);transition:opacity .9s ease,transform .9s ease;overflow-wrap:anywhere}.stream li.on{opacity:.85;transform:none}.stream li.book,.stream li.math,.stream li.head{color:color-mix(in srgb,var(--season) 55%,#ffffff);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-top:.6em}.stream li.door{font-family:Georgia,serif;font-style:italic;font-size:15px;color:#fff}.stream li.yawp{color:var(--accent);font-weight:700;letter-spacing:.3em;font-size:16px}.stream li.milerock{color:#ff8a7a;font-weight:600;margin-top:.6em}.hold{position:absolute;z-index:2;left:50%;bottom:5vh;transform:translate(-50%);text-align:center;pointer-events:none;font-size:13px;letter-spacing:.25em;text-transform:uppercase;color:#ffd0c8;animation:breathe 2.2s ease-in-out infinite}.hold .door{font-family:Georgia,serif;font-style:italic;text-transform:none;letter-spacing:.02em;font-size:20px;color:var(--stream);margin-bottom:.8em}.hold .door:empty{display:none}.hold .verb{display:block;font-size:26px;letter-spacing:.4em;margin-bottom:.3em}@keyframes breathe{0%,to{opacity:.35}50%{opacity:.95}}.ledger{position:absolute;z-index:2;right:2.2vw;bottom:4vh;margin:0;padding:0;list-style:none;max-width:30vw;text-align:right;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;line-height:1.6;color:#ffffffb8;pointer-events:none}.ledger li{opacity:0;transform:translateY(6px);transition:opacity .9s ease,transform .9s ease;margin-top:.35em}.ledger li.on{opacity:1;transform:none}.ledger .box{display:inline-block;width:1.2em;height:1.2em;line-height:1.2em;text-align:center;border:1px solid color-mix(in srgb,var(--season) 70%,#fff);border-radius:3px;margin-left:.6em;color:color-mix(in srgb,var(--season) 40%,#fff);font-size:10px;vertical-align:middle;float:right}.ledger .kind{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--season) 55%,#fff);margin-right:.6em}.ledger .text{color:#fffc}.ledger li.minted .text,.ledger li.milerock .text{color:#ffd0c8}.stage.holding .ledger{opacity:.35}.director{position:absolute;z-index:3;left:2.2vw;bottom:4vh;max-width:46vw;font-size:12px;line-height:1.6;color:#ffd0c8;background:rgba(20,10,14,.7);border:1px solid rgba(255,90,74,.35);border-radius:8px;padding:.6em .9em}.director kbd{border:1px solid rgba(255,208,200,.5);border-radius:3px;padding:0 .35em}.director pre{margin:.4em 0 0;max-height:18vh;overflow:auto;font-size:10px;opacity:.7;white-space:pre-wrap}.leaving:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#07070c;animation:fade .9s ease forwards}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (max-aspect-ratio: 1/1){.frame{top:1.2vh;right:2.4vw;bottom:1.2vh;left:2.4vw;border-radius:18px}.mark{width:40px;height:40px}.bar{left:calc(2.4vw + 74px);width:calc(100% - 6.4vw - 74px)}.titles{top:10.5vh}.titles .season{font-size:17px}.stream{top:auto;bottom:4vh;left:4vw;right:auto;width:92vw;max-width:92vw;transform:none;max-height:34vh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;font-size:12px;line-height:1.7;box-sizing:border-box}.stage.holding .stream li{opacity:.12}.hold{bottom:12vh;font-size:11px;letter-spacing:.18em}.hold .verb{font-size:22px}.hold .door{font-size:17px}.tl-mark{font-size:8px;letter-spacing:.06em}.ledger{right:4vw;left:4vw;max-width:none;bottom:40vh;font-size:10px}.stream{max-height:30vh}}.knobs{position:absolute;z-index:3;left:2.2vw;bottom:4vh;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#ffd0c8;opacity:.85}.knobs input[type=range]{display:block;width:28vw;margin:.4em 0 .3em;accent-color:var(--season)}.knobs b{color:#fff;letter-spacing:.05em;text-transform:none;font-family:ui-monospace,Menlo,monospace;font-size:12px}.knobs kbd{border:1px solid rgba(255,208,200,.5);border-radius:3px;padding:0 .35em}.stage.knobbed .director{bottom:16vh}.tl-mark.tick{pointer-events:auto}.bar.dense{width:46vw}.bar.dense .tl-marks{height:38px}.bar.dense .tl-mark:nth-child(2n){top:0}.bar.dense .tl-mark:nth-child(2n):before{height:6px;top:-9px}.bar.dense .tl-mark:not(.tick):nth-of-type(3n+2){top:12px}.bar.dense .tl-mark:not(.tick):nth-of-type(3n+2):before{height:18px;top:-21px}.bar.dense .tl-mark:not(.tick):nth-of-type(3n){top:24px}.bar.dense .tl-mark:not(.tick):nth-of-type(3n):before{height:30px;top:-33px}.stage.yawped .stream,.stage.collapsed .stream{color:#c8d0ff}.stage.born .stream li:not(.milerock):not(.head){opacity:.35}.stage.folded .stream li.book{color:#fff}@media (max-aspect-ratio: 1/1){.knobs{left:4vw;bottom:40vh}.knobs input[type=range]{width:60vw}.stage.knobbed .director{bottom:52vh}}