.live-theater{position:fixed;inset:0;z-index:80;height:100dvh;display:flex;flex-direction:column;background:var(--bg,#100c1e);color:var(--text,#fff);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);animation:live-theater-enter .24s ease-out both}.live-theater-toolbar{display:flex;align-items:center;gap:12px;padding:8px 16px;flex-shrink:0}.live-theater-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:8px 12px;border-radius:999px;background:var(--surface,#211b30);font-size:14px;cursor:pointer}.live-theater-button:focus-visible{outline:2px solid var(--primary,#a995ed);outline-offset:3px}.live-theater-layout{display:flex;flex:1;min-height:0;direction:ltr}.live-theater-stage{flex:1;min-width:0;min-height:0;overflow-y:auto;padding:0 16px 16px}.live-theater-stage>div{height:100%;min-height:0}.live-theater-stage>div>:first-child{flex:1;min-height:0;aspect-ratio:auto;border-radius:12px}.live-theater-stage>div>:last-child{flex-shrink:0;max-height:22dvh;overflow-y:auto}html[dir=rtl] .live-theater-comments,html[dir=rtl] .live-theater-stage{direction:rtl}.live-theater-comments{width:clamp(280px,28vw,390px);flex-shrink:0;padding:0 16px 16px 0;min-height:0;animation:live-comments-enter .18s ease-out}.live-theater-comments>section{height:100%;min-height:0}.live-theater-comments>section>div{min-height:0;overscroll-behavior:contain}.live-theater-comments[hidden]{display:none}.live-theater:fullscreen{width:100%;height:100dvh}.live-theater:fullscreen .live-theater-toolbar{display:none}.live-theater:fullscreen .live-theater-stage{padding:0}.live-theater:fullscreen .live-theater-stage>div{gap:0}.live-theater:fullscreen .live-theater-stage>div>:first-child{border-radius:0}.live-theater:fullscreen .live-theater-stage>div>:last-child{display:none}.live-theater:fullscreen .live-theater-comments{padding:8px}@media (max-width:899px) and (orientation:portrait){.live-theater-layout{flex-direction:column}.live-theater:not(:fullscreen) .live-theater-layout{overflow-y:auto;display:block}.live-theater:not(:fullscreen) .live-theater-stage{overflow:visible;padding:0 0 16px}.live-theater:not(:fullscreen) .live-theater-stage>div{height:auto;gap:18px}.live-theater:not(:fullscreen) .live-theater-stage>div>:first-child{flex:none;aspect-ratio:16/9;height:auto;border-radius:0}.live-theater:not(:fullscreen) .live-theater-stage>div>:last-child{max-height:none;overflow:visible;padding-inline:16px}.live-theater-comments{width:100%;height:48dvh;min-height:260px;padding:0 12px 12px}.live-theater-stage h1{font-size:20px}}@media (max-height:500px) and (orientation:landscape){.live-theater-toolbar{padding-block:2px}.live-theater-stage>div>:last-child{display:none}.live-theater-comments{width:280px}}@keyframes live-theater-enter{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}@keyframes live-comments-enter{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.live-theater,.live-theater-comments{animation:none}}