:root{color-scheme:dark;--rose:#f58bb3;--white:#e8e2e6;--muted:#a496a1;--line:#36222f}*{box-sizing:border-box}body{margin:0;background:#070609;color:var(--white);font-family:Arial,Helvetica,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:1px solid var(--line);cursor:pointer;min-height:44px;padding:10px 17px}button:hover{border-color:var(--rose);color:#fff}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e9accc;outline-offset:4px}button[aria-pressed=true]{border-color:var(--rose);background:#321426;color:#fff}.masthead{display:flex;align-items:center;justify-content:space-between;padding:20px 3vw;border-bottom:1px solid #23151f;gap:12px}.masthead a{color:#fff;text-decoration:none;letter-spacing:2px;font-size:11px;font-weight:bold}.masthead a span{color:var(--rose)}.preview{font-size:9px;letter-spacing:2px;color:var(--muted)}.room-title{text-align:center;padding:22px 16px 18px}.room-title p{font-size:9px;letter-spacing:3px;color:var(--rose);margin:0 0 10px}.room-title h1{font-family:Georgia,serif;font-weight:normal;font-size:clamp(25px,3vw,40px);margin:0 0 10px}.room-title .artist{font-size:11px;letter-spacing:1px;color:#bbb0ba;margin:0}.artist span{padding:0 8px;color:#865970}#stage{position:relative;width:min(100%,1500px);height:min(56.25vw,calc(100svh - 400px));min-height:180px;margin:auto;background:#020203;overflow:hidden;isolation:isolate}#entry{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:linear-gradient(transparent,#03020788)}#entry>div{padding:20px;background:#070409ac;border:1px solid #572b4190;backdrop-filter:blur(5px)}#entry p{font-size:12px;color:#d6c4cf;line-height:1.6}#entry .eyebrow{font-size:9px;letter-spacing:3px;color:var(--rose)}#enter{font-family:Georgia,serif;font-size:25px;padding:15px 28px;border-color:#cf6898;background:#29101e}#enter span{padding-left:20px;font-family:Arial,sans-serif}#entry small{font-size:10px;color:#ae93a2}#loading,#failure{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:#08050ee8;padding:12px 20px;text-align:center;font-size:12px;max-width:90%;border:1px solid var(--line)}[hidden]{display:none!important}.console{max-width:1100px;margin:0 auto;padding:20px 22px 8px}.positions{display:flex;justify-content:center;gap:9px}.positions button{font-size:12px;flex:1;max-width:260px}.positions span{color:#ab718d;font-size:9px;margin-right:10px}.transport{display:flex;align-items:center;gap:10px;margin-top:16px}.transport button{font-size:11px;padding:8px 13px;white-space:nowrap}.transport>span{font-size:11px;font-variant-numeric:tabular-nums;color:#a994a2}#seek{flex:1;min-width:60px;accent-color:var(--rose);height:44px}#status{text-align:center;font-size:11px;line-height:1.5;color:#a994a2;margin:12px 0 0}footer{max-width:1100px;margin:auto;display:flex;justify-content:space-between;gap:10px;padding:16px 22px 20px;font-size:10px;line-height:1.6;color:#85717f}#experience:fullscreen{background:#070609;overflow:auto;width:100%}@media(max-width:600px){.masthead{padding:16px}.masthead a{font-size:9px;letter-spacing:1px}.preview{font-size:8px;letter-spacing:1px}.room-title{padding:22px 12px 16px}.room-title .artist{letter-spacing:.3px;font-size:10px}#stage{height:56.25vw;min-height:0}.console{padding:16px 12px 8px}.positions{gap:6px}.positions button{font-size:10px;padding:10px 7px}.positions span{display:block;margin:0 0 6px}.transport{flex-wrap:wrap;gap:8px}.transport #seek{flex-basis:40%}.transport #watch,.transport #fullscreen{flex:1}#entry>div{padding:9px 16px}#entry p{margin:7px 0;font-size:10px}#enter{font-size:20px;min-height:44px;padding:8px 20px}#entry small{font-size:9px}#entry .eyebrow{font-size:8px}footer{flex-direction:column;text-align:center;padding:12px}.room-title h1{font-size:28px}}@media(prefers-reduced-motion:reduce){.mist{animation:none}*{scroll-behavior:auto!important}}



/* Each view is a complete Unreal camera movie. No screen overlay or CSS fog. */
#scene{position:absolute;inset:0;width:100%;height:100%;transform:none;overflow:hidden}#film,.camera-film{position:absolute;inset:0;width:100%;height:100%;transform:none;object-fit:contain;filter:none;background:#020203;visibility:hidden;opacity:0}.camera-film.visible,#film.visible{visibility:visible;opacity:1}#scene.ready #film:not(.visible){visibility:hidden}#soundtrack{display:none}

/* Let the actual 16:9 camera image fill the available theatre space. */
@media(min-width:601px){#stage{width:min(100%,1500px,calc((100svh - 400px)*1.7777778));height:auto;min-height:0;aspect-ratio:16/9}}
#experience:fullscreen{display:flex;flex-direction:column;justify-content:center}#experience:fullscreen .masthead,#experience:fullscreen .room-title,#experience:fullscreen footer{display:none}#experience:fullscreen #stage{width:min(100%,calc((100svh - 180px)*1.7777778));height:auto;min-height:0;aspect-ratio:16/9;margin:auto}#experience:fullscreen .console{width:100%;padding-top:12px;padding-bottom:12px;margin:0 auto}

#presence{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#08050ef5;padding:16px;text-align:center}#presence h2{font-family:Georgia,serif;font-size:clamp(19px,3vw,27px);font-weight:normal;margin:0 0 8px}#presence p{font-size:12px;line-height:1.6;max-width:40ch}#continue{border-color:var(--rose)}