:root{color-scheme:dark;--bg:#10121c;--panel:#181c29;--ink:#f2f0f7;--muted:#a2a7b9;--accent:#d8caf8;--line:#303445}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0%,#27243c70,transparent 52%),var(--bg);color:var(--ink);font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:1264px;margin:auto;padding:26px 42px 0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a{color:inherit;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:2px;font-weight:600}.brand-mark{font:40px Georgia;color:var(--accent)}.brand-sub{display:block;font-size:9px;color:var(--muted);letter-spacing:3px;margin-top:3px}.header-note{color:var(--muted);font:italic 15px Georgia}.intro{display:flex;align-items:end;justify-content:space-between;margin:34px 0 24px;gap:24px}.eyebrow{font-size:9px;letter-spacing:2.1px;color:var(--accent)}h1{font:normal clamp(30px,3.2vw,44px)/1.15 Georgia,serif;letter-spacing:-.8px;margin:9px 0 0}.intro p{margin:0 0 3px;color:var(--muted);font-size:13px}.theatre{border:1px solid #3c3d55;border-radius:14px;background:var(--panel);overflow:hidden;box-shadow:0 24px 75px #0003}.stage{position:relative;aspect-ratio:16/9;width:100%;background:#090c13;display:flex;align-items:center;justify-content:center;overflow:hidden}.stage canvas{display:block;max-width:100%;max-height:100%}.poster{position:absolute;width:100%;height:100%;object-fit:cover;filter:blur(8px);opacity:.55}.stage #effects-scene{position:absolute;z-index:1;pointer-events:none}.tap-surface{position:absolute;inset:0;z-index:2;border:0;background:transparent;touch-action:manipulation}.tap-surface:focus-visible{outline-offset:-5px}.tap-surface:disabled{cursor:default;opacity:1}.scene-badge{position:absolute;z-index:3;top:18px;left:18px;display:flex;gap:8px;align-items:center;padding:7px 12px;border:1px solid #ffffff20;border-radius:24px;background:#13182592;backdrop-filter:blur(12px);font-size:11px;pointer-events:none}.live-dot{width:5px;height:5px;border-radius:50%;background:#d6c8f4;box-shadow:0 0 12px #d6c8f4}.tap-hint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);border:1px solid #ffffff30;border-radius:30px;padding:9px 16px;background:#171524a6;backdrop-filter:blur(12px);z-index:3;font-size:11px;pointer-events:none;white-space:nowrap;transition:opacity .25s}.tap-hint span{font-size:17px;margin-right:6px}.tap-hint.dismissed{opacity:0}.loading,.error{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#111522b3;text-align:center;padding:20px}.loading strong{font-weight:500}.loading>span:last-child{font-size:12px;color:#d2cbdf}.spinner{width:24px;height:24px;border:2px solid #ffffff30;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error p{max-width:480px;overflow-wrap:anywhere;color:var(--muted)}.error button{border:1px solid var(--line);background:#292e40;padding:10px 20px;border-radius:8px}.toolbar{display:flex;align-items:center;padding:14px 18px 9px;gap:8px}.toolbar button,.settings button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:8px;min-height:42px;border:1px solid transparent;background:transparent;font-size:12px}.toolbar button:hover,.settings button:hover{background:#252a3a}.toolbar .primary{background:var(--accent);color:#211c30;padding-left:20px;padding-right:20px;font-weight:600}.toolbar .primary:hover{background:#e9dfff}.primary>span{font-size:20px;line-height:1}.toolbar-spacer{flex:1}.toolbar svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.5;fill:none}.toolbar #sound[aria-pressed=true]{color:var(--accent);background:#28243c}.status-row{display:flex;align-items:center;justify-content:space-between;padding:0 24px 15px;font-size:10px;color:var(--muted);gap:12px}.status-row>span:last-child{white-space:nowrap;color:#b9acd1}.settings{border-top:1px solid var(--line);padding:20px 24px;display:flex;align-items:center;gap:26px;flex-wrap:wrap}.settings label{font-size:12px;color:var(--muted)}.settings input[type=range]{display:block;accent-color:var(--accent);width:150px;margin-top:12px}.settings output{color:var(--ink);margin-left:8px}.switch{display:flex;gap:8px;align-items:center}.switch input{accent-color:var(--accent);width:16px;height:16px}.settings button{border-color:var(--line)}.settings p{flex-basis:100%;font-size:11px;color:var(--muted);margin:0}.collection{margin-top:30px}.collection-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}h2{font:normal 22px Georgia;margin:0}.collection-heading>span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.scene-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.scene-choice{display:flex;gap:16px;align-items:center;background:#151925;border:1px solid var(--line);border-radius:10px;text-align:left;padding:10px;transition:background .2s,border-color .2s;min-width:0}.scene-choice:hover{background:#202535;border-color:#6b627d}.scene-choice.selected{border-color:#a48acb;background:#252139}.scene-choice img{width:112px;height:72px;object-fit:cover;border-radius:6px}.choice-copy{min-width:0}.choice-copy>span,.choice-copy>strong,.choice-copy>small{display:block}.choice-overline{font-size:8px;letter-spacing:1.5px;color:#beb0d3}.choice-copy strong{font-family:Georgia,serif;font-size:19px;font-weight:normal;margin:4px 0}.choice-copy small{font-size:10px;color:var(--muted)}.choice-state{margin-left:auto;padding:0 12px;color:var(--accent);font-size:16px}footer{margin:30px 0 20px;display:flex;justify-content:space-between;align-items:start;gap:16px;font-size:10px;color:#8d91a4}footer details{text-align:right}summary{cursor:pointer}footer details a:hover{text-decoration:underline}footer details p{max-width:240px}[hidden]{display:none!important}.theatre:fullscreen{display:flex;flex-direction:column;border:0;border-radius:0;background:#090c13}.theatre:fullscreen .stage{flex:1;min-height:0;aspect-ratio:auto}.theatre:fullscreen .toolbar,.theatre:fullscreen .status-row,.theatre:fullscreen .settings{background:var(--panel)}@media(min-width:1400px){main{max-width:1360px}}@media(max-width:700px){main{padding:20px 16px 0}.header-note{display:none}.intro{margin-top:30px;display:block}.intro p{margin-top:12px;font-size:12px}.intro p br{display:none}.intro p br:after{content:' '}.eyebrow{font-size:8px}h1{font-size:32px}.stage .scene-badge{font-size:9px;left:10px;top:10px;padding:5px 9px}.tap-hint{bottom:12px;padding:6px 11px;font-size:9px}.tap-hint span{font-size:14px}.toolbar{padding:10px 8px 8px;gap:2px;flex-wrap:wrap}.toolbar button{padding:9px 8px;font-size:11px;gap:5px;min-height:42px}.toolbar .primary{padding:9px 12px}.toolbar #settings-toggle span:first-child{display:none}.toolbar-spacer{display:none}#fullscreen{margin-left:auto}.status-row{padding:0 12px 12px;font-size:9px}.scene-choices{grid-template-columns:1fr}.scene-choice img{width:105px;height:66px}.choice-copy strong{font-size:19px}.collection{margin-top:25px}.settings{gap:20px;padding:18px 16px}.settings label{flex:1;min-width:120px}.settings label.switch{flex-basis:100%}.settings input[type=range]{width:100%}footer{font-size:9px}.theatre:fullscreen .toolbar{justify-content:center}.theatre:fullscreen #fullscreen{margin-left:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spinner{animation:none}}

@media(min-width:701px){.stage{max-height:56vh}}