:root{color-scheme:dark;--red:#ee825e;--green:#b1d27c;--gold:#eac77a;--cream:#f3e9cf;--ink:#050303;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#020101;color:var(--cream)}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
#theatre-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;background:radial-gradient(ellipse at 50% 35%,#21110c,#030202 66%)}
.theatre-header{position:fixed;z-index:3;inset:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) auto max(18px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;pointer-events:none}.theatre-header a,.theatre-header button{pointer-events:auto;min-height:42px;border:1px solid #c29b5a55;background:#090504c7;color:#ead9ab;backdrop-filter:blur(12px)}.theatre-header a{display:grid;place-items:center;padding:0 15px;border-radius:6px;font-size:13px}.theatre-header div{display:flex;gap:8px}.theatre-header button{width:42px;border-radius:50%;font-weight:800}
main{position:relative;z-index:2;height:100%;pointer-events:none}.theatre-lobby{position:absolute;left:clamp(20px,6vw,90px);top:50%;transform:translateY(-50%);width:min(630px,calc(100vw - 40px));padding:clamp(24px,4vw,48px);border:1px solid #d4b77438;border-radius:12px;background:linear-gradient(135deg,#0c0705ed,#170c08d9);box-shadow:0 30px 90px #000,inset 0 0 0 1px #f3d7970c;backdrop-filter:blur(14px);pointer-events:auto;transition:opacity .35s,transform .35s}.theatre-lobby[hidden]{display:none}.eyebrow{margin:0 0 12px;color:var(--gold);font:800 11px ui-monospace,SFMono-Regular,monospace;letter-spacing:.2em}.theatre-lobby h1{margin:0 0 22px;font:900 clamp(44px,8vw,90px)/.82 Georgia,serif;letter-spacing:-.08em;filter:drop-shadow(0 6px 16px #000)}.theatre-lobby h1 span:nth-child(odd){color:var(--red)}.theatre-lobby h1 span:nth-child(even){color:var(--green)}.theatre-lobby h1 b{display:block;margin-top:14px;color:var(--gold);font:800 .16em/1 ui-monospace,monospace;letter-spacing:.2em}.theatre-lobby>p:not(.eyebrow,.xr-status,.controls){max-width:540px;margin:0;color:#e2ddcf;font:500 clamp(15px,1.7vw,19px)/1.6 Georgia,serif}
.theatre-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px}.theatre-actions button,.theatre-actions a{min-height:49px;padding:0 17px;border:1px solid #c5a76850;border-radius:6px;background:#160c08d9;color:#ead9ab;font-weight:800}.theatre-actions button{display:grid;place-items:center}.theatre-actions .primary{min-width:255px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-color:#ffe4a0;border-bottom:3px solid #8f6631;background:linear-gradient(#f1d892,#cfaa5f);color:#1e1710;box-shadow:0 12px 35px #0009}.theatre-actions .primary b{font-size:12px}.theatre-actions button:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.58}.theatre-actions a{display:grid;place-items:center}.xr-status{margin:18px 0 0;color:#e5c984;font:700 11px ui-monospace,monospace;letter-spacing:.08em}.controls{margin:10px 0 0;color:#a89f91;font-size:12px;line-height:1.55}
.theatre-hud{position:fixed;z-index:4;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(680px,calc(100vw - 32px));display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px 10px 17px;border:1px solid #d2ad6750;border-radius:8px;background:#090504d9;box-shadow:0 10px 40px #000;backdrop-filter:blur(12px);pointer-events:auto}.theatre-hud[hidden]{display:none}.theatre-hud p{display:flex;gap:18px;margin:0}.theatre-hud strong{color:#e7cc8b;font:800 10px ui-monospace,monospace;letter-spacing:.15em}.theatre-hud span{color:#aaa090;font:11px ui-monospace,monospace}.theatre-hud div{display:flex;gap:8px}.theatre-hud button{min-height:36px;padding:0 13px;border:1px solid #c6aa7250;border-radius:5px;background:#1b0e09;color:#ead9ab;font-size:12px}.no-script{position:fixed;z-index:9;inset:auto 20px 20px;margin:0;padding:15px;background:#200;color:#fff}.no-script a{text-decoration:underline}
body[data-show-state=playing] .theatre-lobby{opacity:0;transform:translateY(-47%) scale(.985);pointer-events:none}body[data-xr=presenting] :is(.theatre-header,.theatre-lobby,.theatre-hud){display:none!important}
@media(max-width:620px){.theatre-header{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));left:max(10px,env(safe-area-inset-left))}.theatre-lobby{left:14px;top:auto;bottom:max(14px,env(safe-area-inset-bottom));transform:none;width:calc(100vw - 28px);padding:22px}.theatre-lobby h1{font-size:48px}.theatre-actions{align-items:stretch}.theatre-actions>*{width:100%}.theatre-actions .primary{min-width:0}.controls{display:none}body[data-show-state=playing] .theatre-lobby{transform:translateY(10px)}}
@media(prefers-reduced-motion:reduce){.theatre-lobby{transition:none}}