body{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}.of-live-room{max-width:1280px;margin:0 auto;padding:1rem}.of-live-room-header{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1rem}.of-live-room-title{margin:0;flex:1 1 12rem;font-size:clamp(1.25rem,2.5vw,1.75rem)}.of-live-player-shell{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,59,92,.22);background:#03050f;box-shadow:0 0 0 1px rgba(139,92,246,.14),0 0 48px rgba(232,121,249,.12),0 12px 40px rgba(0,0,0,.55)}.of-live-player-shell:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 50% 40%,rgba(232,121,249,.16) 0,transparent 55%);pointer-events:none;z-index:0}.of-live-player-shell>*{position:relative;z-index:1}.of-live-player-shell--active{border-color:rgba(255,59,92,.45);box-shadow:0 0 0 1px rgba(255,59,92,.2),0 0 56px rgba(255,59,92,.14),0 0 72px rgba(139,92,246,.16)}.live-page-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-gap:1rem;gap:1rem;align-items:start}.live-chat-sidebar{position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + .75rem);height:min(72vh,640px)}.of-live-room-context,.of-live-room-main{display:grid;grid-gap:1rem;gap:1rem}@media (min-width:900px){.of-live-room-context{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start}}@media (max-width:768px){.live-page-grid{grid-template-columns:1fr}.live-chat-sidebar{display:none}}