@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";:root{color-scheme:dark;--bg:#090b0f;--panel:#11141a;--panel2:#191d24;--ink:#e9e3d9;--muted:#8c929a;--warm:#caa476;--line:#373b42;--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 32% -10%,#25222550,transparent 57%),radial-gradient(ellipse at 95% 70%,#19232a32,transparent 55%);z-index:-1;pointer-events:none}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:2px solid #cda77a;outline-offset:3px}a{color:inherit}.shell{max-width:1520px;margin:0 auto;padding:0 5.4%}.masthead{height:84px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff22}.brand{display:flex;align-items:center;gap:17px}.brand-mark{font:normal 48px/.7 var(--serif);color:var(--ink);letter-spacing:-6px;transform:translateY(-6px);display:inline-block}.brand-mark span{color:var(--warm)}.brand-name{font-size:10px;letter-spacing:2.8px;font-weight:600;color:#e5ddd0}.brand-separator{padding:0 8px;color:#706d6c}.masthead-end{display:flex;align-items:center;gap:13px;color:#b5b2ac;font-size:10px;letter-spacing:1.7px}.edition-dot,.dot,.fine-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#bca57d;box-shadow:0 0 16px #c99f6580}.edition{border-left:1px solid #6f72774a;padding-left:17px;color:#777c84}.intro{padding:52px 0 47px;display:flex;align-items:end;justify-content:space-between;gap:28px}.eyebrow{color:var(--warm);letter-spacing:3.2px;font-size:10px;font-weight:600}.small-line{display:inline-block;background:#9d805b;width:41px;height:1px;vertical-align:middle;margin-left:10px}h1,h2,h3,p{margin:0}h1{margin-top:20px;font:normal clamp(52px,5.4vw,93px)/.91 var(--serif);letter-spacing:-1.9px;max-width:900px}h1 em{color:#be9d77;font-weight:400}.intro-right{width:260px;flex:0 0 auto}.intro-right p{font-size:13px;line-height:1.8;color:#9298a1}.intro-right p strong{font-weight:600;color:#c8c4bf}.intro-aside{display:flex;align-items:center;gap:10px;margin-top:25px;font-size:9px;letter-spacing:2px;color:#d1c4b3}.main-layout{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(350px,.82fr);gap:28px;align-items:start}.visual-side,.control-side{min-width:0}.frame{position:relative;height:clamp(390px,47vw,680px);max-height:76vh;overflow:hidden;border:1px solid #ffffff26;border-radius:2px;background:#0d1115;box-shadow:0 25px 70px #0008;isolation:isolate}.frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:linear-gradient(0deg,rgba(5,8,13,.79) 0%,transparent 31%,transparent 72%,rgba(5,8,13,.26) 100%)}.frame canvas{width:100%;height:100%;display:block;filter:saturate(.9) contrast(1.07)}.film-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:.19;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.frame-hud-top{position:absolute;left:35px;right:35px;top:29px;display:flex;justify-content:space-between;z-index:4;pointer-events:none;color:#dad3c5;font-size:10px;letter-spacing:2px;font-weight:600}.frame-live{display:flex;align-items:center;gap:11px;font-size:9px}.live-orb{width:5px;height:5px;background:#d7b38b;border-radius:50%;box-shadow:0 0 13px #f7b873}.frame-text{position:absolute;left:7%;bottom:15%;z-index:4;pointer-events:none;max-width:80%}.act-kicker{font-size:10px;letter-spacing:2.6px;color:#e1bc88;font-weight:600;margin-bottom:10px}.frame h2{font:normal clamp(46px,5vw,79px)/.95 var(--serif);letter-spacing:-.5px;color:#f7f2e9;text-shadow:0 2px 30px #000b}.frame-text p{margin-top:13px;color:#cfcbc7;font-size:13px;letter-spacing:.4px}.frame-bottom{position:absolute;bottom:26px;left:7%;right:7%;z-index:4;pointer-events:none;display:flex;justify-content:space-between;align-items:center;gap:14px;color:#c6b8a6;letter-spacing:1.5px;font-size:9px;text-transform:uppercase}#poem{text-transform:none;letter-spacing:0;font:italic 17px var(--serif);color:#c6bba9;text-align:right;max-width:44%}.gesture-feedback{position:absolute;right:6%;top:19%;z-index:5;font:italic 24px var(--serif);color:#f1d3aa;max-width:50%;text-align:right;opacity:0;transform:translateY(6px);transition:opacity .6s,transform .6s;text-shadow:0 0 20px #000}.gesture-feedback.show{opacity:.92;transform:translateY(0)}.below-stage{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#737982;letter-spacing:1.3px;font-size:8px;margin:15px 1px 0}.below-stage .fine-dot{margin-right:8px;width:4px;height:4px}.version{white-space:nowrap}.editorial-note{border-top:1px solid #ffffff1f;display:grid;grid-template-columns:120px minmax(0,550px);gap:15px;margin:45px 0 70px;padding-top:24px}.editorial-note p{color:#9a9da3;line-height:1.9;font:italic 20px/1.5 var(--serif)}.control-side{background:linear-gradient(140deg,#161920,#101318);border:1px solid #3b414b;min-height:570px;box-shadow:0 8px 50px #0003}.control-view{padding:25px 26px 27px}.panel-eyebrow,.section-label{display:flex;justify-content:space-between;gap:8px;align-items:center;letter-spacing:1.8px;font-size:9px;font-weight:600;color:#caa67f}.panel-eyebrow span:last-child{color:#818b96}.record-card{margin:24px 0 31px;display:flex;align-items:center;gap:16px;min-width:0}.record-icon{width:76px;height:76px;flex:0 0 76px;border-radius:2px;display:grid;place-items:center;background:linear-gradient(135deg,#41352d,#191920);position:relative;overflow:hidden}.record-icon:before{content:"";width:65px;height:65px;background:repeating-radial-gradient(circle,#08090d 0,#08090d 2px,#19191b 3px,#19191b 5px);border-radius:50%;box-shadow:0 0 16px #0008}.record-center{position:absolute;width:21px;height:21px;border-radius:50%;background:#b1a088;box-shadow:inset 0 0 0 7px #55473b,0 0 4px #000}.record-copy{min-width:0;flex:1}.tiny-cap{font-size:9px;color:#858f99;letter-spacing:2px}.record-copy h3{margin-top:5px;font:normal 31px/1 var(--serif);white-space:nowrap}.record-copy p{font-size:9px;letter-spacing:1.35px;color:#9b9da1;margin-top:10px}.record-copy p span{padding:0 6px;color:#c2a67e}.record-year{font:italic 19px var(--serif);color:#9c8c7b;align-self:flex-start;margin-top:4px}.section-label{margin:26px 0 12px}.section-label small{font-size:9px;letter-spacing:1px;color:#8b8f98;font-weight:400;text-align:right}.direction-grid{display:grid;gap:8px}.direction{background:transparent;color:var(--ink);border:1px solid #404751;min-height:76px;display:flex;align-items:center;text-align:left;gap:13px;width:100%;padding:6px 13px 6px 6px;transition:border-color .15s,background .15s}.direction:hover,.direction.chosen{border-color:#c2a37c;background:#ab8f6810}.direction-art{width:75px;height:65px;background-position:center;background-size:cover;display:block;flex:0 0 75px;filter:saturate(.68)}.art-nocturne{background-image:linear-gradient(0deg,#170d1260,transparent),url(../visuals/cafe.jpg)}.art-otherworld{background-image:linear-gradient(0deg,#130d1a38,transparent),url(../visuals/street.jpg)}.art-ink{background-image:linear-gradient(0deg,#17110d65,transparent),url(../visuals/strings.jpg)}.direction-body{flex:1;display:grid;gap:5px;min-width:0}.direction-body strong{font:normal 22px var(--serif);white-space:nowrap}.direction-body small{font-size:10px;color:#9ca1a8;line-height:1.3}.select-dot{width:12px;height:12px;border:1px solid #8b8984;border-radius:50%;position:relative;flex:0 0 12px}.direction.chosen .select-dot{border-color:#d4b08a}.direction.chosen .select-dot:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:#e9bc8c}.duration-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.duration{min-height:69px;background:#151b22;border:1px solid #414650;color:var(--ink);padding:9px 6px;display:grid;align-content:center;gap:5px;text-align:center}.duration strong{font-size:11px;font-weight:600;line-height:1.3}.duration small{font-size:9px;color:#8f969d;line-height:1.3}.duration.selected{border-color:#c6a782;background:#bb956b18}.intensity{display:flex;gap:9px;align-items:center;color:#9299a3;font-size:9px;white-space:nowrap}.intensity input{flex:1;min-width:0}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;height:27px;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,#7e6855,#d3ad80)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#e7c9a3;border:2px solid #292324;border-radius:50%;margin-top:-6px;box-shadow:0 0 10px #c3986860}input[type=range]::-moz-range-track{height:2px;background:#b68e68}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#e5c79d;border-radius:50%}.primary-action{width:100%;display:flex;justify-content:space-between;align-items:center;background:#d2b18b;border:1px solid #d2b18b;color:#1c1613;padding:15px 19px;margin-top:24px;min-height:56px;font-size:12px;font-weight:700;letter-spacing:.9px;transition:background .2s,transform .2s}.primary-action:hover{background:#e7cba9;transform:translateY(-1px)}.action-symbol{font:normal 27px var(--serif)}.setup-disclaimer{font-size:10px;line-height:1.7;color:#7e8791;margin-top:16px}.player{border-bottom:1px solid #41464b;padding:22px 0 23px}.player-time{display:flex;justify-content:space-between;align-items:center;color:#b6bcc1;font-size:11px;letter-spacing:1px}.player-time strong{font-size:13px;font-weight:500}#progress-text{font-size:10px;color:#d6b18a}.seek-track{height:30px;position:relative;display:flex;align-items:center;margin-top:8px}.seek-track:before{content:"";position:absolute;left:0;right:0;top:14px;height:2px;background:#51565c}.seek-progress{height:2px;background:#d3ac83;position:absolute;top:14px;left:0;width:0;pointer-events:none}.seek-track input{position:relative;width:100%;z-index:2}.seek-track input::-webkit-slider-runnable-track{background:transparent}.player-actions{display:flex;align-items:center;gap:16px;margin-top:13px}.icon-action{border:0;background:transparent;color:#c8b6a2;font-size:27px;padding:8px}.round-play{width:47px;height:47px;border-radius:50%;background:#d0ae89;color:#17161a;border:0;font-size:21px;display:grid;place-items:center}.theater{margin-left:auto;border:1px solid #53545a;background:transparent;color:#c2b6ab;letter-spacing:.5px;font-size:10px;padding:12px}.trigger-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.trigger{border:1px solid #52535a;color:#d4cdc4;background:#21252c;display:flex;align-items:center;text-align:left;gap:13px;padding:12px 11px;min-height:74px;transition:all .2s}.trigger:hover,.trigger.fired{border-color:#d9b28a;background:#40352e}.trigger-symbol{font:normal 34px/1 var(--serif);color:#e8c396;width:31px;text-align:center}.trigger strong{display:block;font-size:12px;font-weight:600}.trigger small{display:block;margin-top:4px;font-size:9px;color:#9fa2a8}.act-list{display:grid;gap:0;border-top:1px solid #41464b}.act-jump{display:flex;align-items:center;gap:14px;padding:14px 2px;background:transparent;border:0;border-bottom:1px solid #41464b;color:#a7a8aa;text-align:left}.act-jump.current{color:#edcfaa}.act-index{font:italic 17px var(--serif);width:30px;color:#9d856d}.act-copy{display:grid;gap:4px;flex:1}.act-copy strong{font-size:12px;font-weight:500}.act-copy small{font-size:9px;color:#89929b}.act-mark{width:6px;height:6px;border-radius:50%;border:1px solid #777}.act-jump.current .act-mark{background:#c7a27f;border-color:#c7a27f;box-shadow:0 0 12px #b1876788}.now-note{display:flex;align-items:baseline;gap:10px;font:italic 18px var(--serif);color:#b3aaa0;margin-top:20px;line-height:1.4}.footer-actions{display:flex;gap:7px;margin-top:22px}.outline-button{border:1px solid #5d5959;background:transparent;color:#d8c3ac;padding:12px;flex:1;font-size:11px}.outline-button:hover{background:#382e2b}.status{color:#89959d;font-size:10px;line-height:1.7;margin-top:18px;min-height:28px}.ending{text-align:center}.ending .panel-eyebrow{text-align:left}.end-mark{font:normal 70px var(--serif);color:#c7a787;margin:85px auto 15px}.ending h3{font:normal 53px var(--serif);margin-bottom:15px}.ending p{color:#b7b2ad;font:italic 22px var(--serif);margin:0 auto 16px;max-width:310px}.ending .end-small{font:normal 12px/1.8 var(--sans);color:#7f8992;margin-bottom:45px}.ending .outline-button{display:block;width:100%;margin-top:12px}.page-footer{border-top:1px solid #ffffff27;padding:20px 0 28px;margin-top:35px;display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1.4px;color:#6e7680}.frame:fullscreen,.frame.theater-fallback{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;max-height:none;z-index:100;background:#000;border:0;border-radius:0}.frame:fullscreen .frame-text,.frame.theater-fallback .frame-text{bottom:12%}.frame:fullscreen h2,.frame.theater-fallback h2{font-size:clamp(45px,6vw,110px)}@media(max-width:1100px){.shell{padding:0 3%}.main-layout{grid-template-columns:minmax(0,1.2fr) minmax(332px,.8fr);gap:17px}.intro{padding:40px 0}.control-view{padding:18px}.record-card{gap:9px}.record-icon{width:60px;height:60px;flex-basis:60px}.record-icon:before{width:55px;height:55px}.record-copy h3{font-size:26px}.frame{height:52vw}}@media(max-width:830px){.shell{padding:0 15px}.masthead{height:65px}.brand{gap:10px}.brand-mark{font-size:38px}.brand-name{letter-spacing:1.45px;font-size:9px}.masthead-end{font-size:8px;gap:6px}.edition{padding-left:7px}.intro{padding:32px 4px 24px;display:block}.eyebrow{font-size:9px;letter-spacing:2.3px}h1{font-size:clamp(54px,10.5vw,78px);margin-top:14px}.intro-right{width:auto;margin-top:16px;display:flex;align-items:end;justify-content:space-between;gap:15px}.intro-right p{font-size:11px;max-width:270px}.intro-aside{margin:0;white-space:nowrap;font-size:8px}.main-layout{display:block}.frame{height:clamp(335px,92vw,540px);max-height:66vh}.frame-hud-top{left:19px;right:19px;top:20px}.frame-text{left:6%;bottom:15%}.frame h2{font-size:clamp(48px,10vw,69px)}.frame-bottom{left:6%;right:6%;bottom:18px}.frame-bottom #poem{font-size:14px}.below-stage{font-size:7px;line-height:1.6}.editorial-note{margin:26px 0 30px;padding-top:16px;grid-template-columns:95px 1fr}.editorial-note p{font-size:17px}.control-side{min-height:0}.control-view{padding:19px}.page-footer{flex-wrap:wrap;font-size:7px}}@media(max-width:480px){.shell{padding:0 11px}.brand-name{max-width:165px;line-height:1.5}.edition{display:none}.intro{padding:26px 4px 21px}h1{font-size:53px}.intro-right p{font-size:11px;max-width:230px}.intro-aside{display:none}.frame{height:93vw;min-height:310px;max-height:430px}.frame-hud-top{font-size:8px}.frame-live{font-size:7px}.frame-text{bottom:16%}.frame h2{font-size:48px;max-width:290px}.frame-text p{font-size:11px;margin-top:7px}.act-kicker{font-size:9px}.frame-bottom{gap:8px}.frame-bottom #poem{font-size:12px;max-width:53%}.record-year{display:none}.record-card{margin:18px 0 19px}.section-label{margin:22px 0 10px}.control-view{padding:17px}.direction-art{width:67px;flex-basis:67px;height:58px}.direction{min-height:66px}.direction-body strong{font-size:21px}.duration strong{font-size:10px}.duration small,.intensity{font-size:8px}.editorial-note{display:none}.page-footer{margin-top:24px}.frame:fullscreen,.frame.theater-fallback{height:100dvh;max-height:none}.frame:fullscreen h2,.frame.theater-fallback h2{font-size:clamp(48px,14vw,85px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.stage-actions{position:absolute;z-index:7;right:5%;top:18%;display:flex;align-items:center;gap:5px;opacity:.36;transition:opacity .25s}.stage-actions:hover,.stage-actions:focus-within{opacity:.93}.stage-actions button{width:31px;height:35px;border:1px solid #c9bb9c55;background:#070a10aa;color:#f0d5ad;font:normal 23px/1 var(--serif);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:2px}.stage-actions button:active{background:#aa8550}.stage-exit{display:none;position:absolute;right:3%;bottom:7%;z-index:8;background:#080b0da8;border:1px solid #b8aea577;color:#f4eadf;padding:6px 16px;font-size:27px}.frame:fullscreen .stage-actions,.frame.theater-fallback .stage-actions{right:5%;top:12%;opacity:.8;gap:8px}.frame:fullscreen .stage-actions button,.frame.theater-fallback .stage-actions button{height:49px;width:50px;font-size:32px}.frame:fullscreen .stage-exit,.frame.theater-fallback .stage-exit{display:block}@media(max-width:600px){.stage-actions{right:4%;top:17%;gap:3px}.stage-actions button{width:27px;height:30px;font-size:21px}.frame:fullscreen .stage-actions,.frame.theater-fallback .stage-actions{top:14%}}