/* One viewing unit. Never duplicate or replace the player or chat nodes. */
body.viewing-room.identity-v19 #streamSection{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;grid-template-rows:auto minmax(0,1fr);gap:0!important;align-items:stretch;padding:0!important;overflow:hidden}
body.viewing-room.identity-v19 #streamSection>.stream-panel{grid-column:1;grid-row:2;min-width:0;border:0!important;border-radius:0!important;margin:0!important}
body.viewing-room.identity-v19 #streamSection>#chatCard{grid-column:2;grid-row:2;display:flex!important;flex-direction:column;min-width:0;min-height:0;max-height:none!important;border:0!important;border-left:1px solid var(--line)!important;border-radius:0!important;margin:0!important;overflow:auto}
body.viewing-room.identity-v19 #streamSection>#chatCard[hidden]{display:none!important}
body.viewing-room.identity-v19 #chatCard>*{flex-shrink:0}
body.viewing-room.identity-v19 #chatCard .chat-privacy-stage{min-height:170px;flex:1 0 170px;max-height:300px}
body.viewing-room.identity-v19 #chatCard .chat-embed{height:100%!important;min-height:170px;max-height:300px;overflow:auto}
body.viewing-room.identity-v19 #chatCard .member-gate{margin:0;padding:14px}
body.viewing-room.identity-v19 #chatCard .member-gate-controls{display:grid;grid-template-columns:1fr;gap:8px}
body.viewing-room.identity-v19 #chatCard .member-gate-copy{margin-bottom:8px}
body.viewing-room.identity-v19 #chatCard .member-gate input{min-height:40px}
body.viewing-room.identity-v19 #chatCard .chat-privacy-card{padding:14px!important}
body.viewing-room.identity-v19 #chatCard .chat-privacy-card p{margin:8px 0;font-size:12px}
body.viewing-room.identity-v19 #chatCard .section-head{padding:12px 16px!important}
body.viewing-room.identity-v19 #chatCard .section-head h2{font-size:16px!important}
body.viewing-room.identity-v19 #chatCard .v16-chat-note{padding:6px 14px;margin:0;font-size:11px}
.viewing-toolbar{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:16px;padding:10px 18px;background:var(--surface2);border-bottom:1px solid var(--line);min-width:0}
.viewing-toolbar>span{font-size:10px;font-weight:800;letter-spacing:.16em;margin-right:auto}
.viewing-toolbar button,.viewing-toolbar a{font:inherit;font-size:12px;font-weight:700;color:var(--text);padding:8px 10px;min-height:44px;min-width:44px;border:1px solid var(--line);border-radius:5px;background:var(--surface);text-decoration:none}
.viewing-toolbar a{display:none}.viewing-toolbar button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
/* Betsat: a narrow utility rail, edge-to-edge stage and small discovery tickets. */
body.viewing-room.identity-v19.lounge{padding-left:100px}
body.viewing-room.identity-v19.lounge .lounge-sidebar{width:100px;padding:26px 8px;background:#0e0819}
body.viewing-room.identity-v19.lounge .lounge-sidebar .brand img{width:78px!important}
body.viewing-room.identity-v19.lounge .lounge-sidebar .brand{padding:0!important}
body.viewing-room.identity-v19.lounge .lounge-brand-caption,body.viewing-room.identity-v19.lounge .lounge-nav-label,body.viewing-room.identity-v19.lounge .lounge-matchday-link,body.viewing-room.identity-v19.lounge .lounge-sidebar-bottom{display:none}
body.viewing-room.identity-v19.lounge .lounge-navigation{margin-top:28px;gap:8px}
body.viewing-room.identity-v19.lounge .lounge-navigation a{display:flex;flex-direction:column;gap:7px;padding:12px 4px;font-size:10px;text-align:center;border-radius:14px}
body.viewing-room.identity-v19.lounge .lounge-nav-dot{display:none}
body.viewing-room.identity-v19.lounge .live-page{max-width:1700px;padding:8px 30px 50px!important}
body.viewing-room.identity-v19.lounge .v17-stage-head{padding:12px 0 22px;align-items:center}
body.viewing-room.identity-v19.lounge .v17-stage-head h1{font-size:clamp(28px,3.1vw,46px)!important;max-width:none}
body.viewing-room.identity-v19.lounge .v17-stage-head p{font-size:13px}
body.viewing-room.identity-v19.lounge .v17-stage-actions{align-self:center}
body.viewing-room.identity-v19.lounge #streamSection{border:1px solid #68427c;border-radius:18px;background:var(--surface);box-shadow:0 18px 70px #08040d55}
body.viewing-room.identity-v19.lounge .viewing-toolbar{background:#f5e628;color:#21112e}
body.viewing-room.identity-v19.lounge .viewing-toolbar button,body.viewing-room.identity-v19.lounge .viewing-toolbar a{background:#f5e628;color:#21112e;border-color:#6e651a}
body.viewing-room.identity-v19.lounge .discovery-doors{margin:24px 0 0;gap:14px;grid-template-columns:repeat(3,1fr)}
body.viewing-room.identity-v19.lounge .discovery-doors a{border-radius:12px;min-height:100px;padding:18px 22px;gap:12px}
body.viewing-room.identity-v19.lounge .discovery-doors strong{font-size:20px}
/* Superbetin: an editorial masthead and a conversation dispatch left of the stage. */
body.viewing-room.identity-v19.arena .live-page{max-width:1560px;padding:12px 38px 60px!important}
body.viewing-room.identity-v19.arena #siteHeader{border-top:7px solid #064fc4;box-shadow:none}
body.viewing-room.identity-v19.arena #siteHeader .header-main{max-width:1560px;padding:22px 38px!important}
body.viewing-room.identity-v19.arena #siteHeader .brand img{width:220px!important}
body.viewing-room.identity-v19.arena .arena-nav-wrap{max-width:1560px;padding:0 38px;border-top:1px solid var(--line)}
body.viewing-room.identity-v19.arena .desk-index{display:none}
body.viewing-room.identity-v19.arena .v17-stage-head{display:grid;grid-template-columns:1fr auto;border:0;margin:0;padding:12px 0 20px;gap:18px}
body.viewing-room.identity-v19.arena .v17-stage-head h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,4vw,56px)!important;line-height:1.06;letter-spacing:-.045em}
body.viewing-room.identity-v19.arena .v17-stage-head p{font-size:13px;max-width:none}
body.viewing-room.identity-v19.arena #streamSection{grid-template-columns:300px minmax(0,1fr)!important;border:1px solid var(--line);border-top:5px solid #064fc4;border-radius:0;margin-top:0!important}
body.viewing-room.identity-v19.arena #streamSection>.stream-panel{grid-column:2}
body.viewing-room.identity-v19.arena #streamSection>#chatCard{grid-column:1;border-left:0!important;border-right:1px solid var(--line)!important;background:var(--surface2)}
body.viewing-room.identity-v19.arena .viewing-toolbar{background:#152d4c;color:white}
body.viewing-room.identity-v19.arena .viewing-toolbar button{background:#152d4c;color:white;border-color:#6e809b;border-radius:0}
body.viewing-room.identity-v19.arena #engagementHome{border-top:4px solid var(--text);margin-top:30px!important}
body.viewing-room.identity-v19.arena .v16-home-news{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px!important}
body.viewing-room.identity-v19.arena .v16-home-news .v16-story{display:block!important;border-top:1px solid var(--line);padding-top:16px}
body.viewing-room.identity-v19.arena .v16-home-news .v16-story-art{width:100%!important;height:auto!important;aspect-ratio:16/9;margin-bottom:12px}
body.viewing-room.identity-v19.arena .v16-home-news .v16-story h3{font-family:Georgia,'Times New Roman',serif;font-size:25px!important}
/* Cinema remains an intentional player-only action. */
body.viewing-room.identity-v19.studio-cinema #streamSection{grid-template-columns:minmax(0,1fr)!important}
body.viewing-room.identity-v19.studio-cinema #streamSection>.stream-panel{grid-column:1!important}
body.viewing-room.identity-v19.studio-cinema #streamSection>#chatCard{display:none!important}
/* Combined view keeps the actual media element alive, with independently scrollable chat. */
body.room-open{overflow:hidden!important}
body.viewing-room.identity-v19 #streamSection.room-expanded{position:fixed!important;inset:12px!important;margin:0!important;width:auto!important;max-width:none!important;height:calc(100dvh - 24px);z-index:1000;grid-template-rows:auto minmax(0,1fr);background:var(--surface);border-radius:12px}
body.viewing-room.identity-v19 #streamSection.room-expanded>.stream-panel{overflow:auto}
body.viewing-room.identity-v19 #streamSection.room-expanded>#chatCard{overflow:auto}
@media(max-width:1100px){body.viewing-room.identity-v19.lounge{padding-left:0}body.viewing-room.identity-v19.lounge .lounge-sidebar{display:none}body.viewing-room.identity-v19.lounge .live-page{padding:12px 20px 70px!important}body.viewing-room.identity-v19.arena .live-page{padding:12px 20px 70px!important}}
@media(max-width:760px){
 body.viewing-room.identity-v19 #streamSection,body.viewing-room.identity-v19.arena #streamSection{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto}
 body.viewing-room.identity-v19 #streamSection>.stream-panel,body.viewing-room.identity-v19.arena #streamSection>.stream-panel{grid-column:1;grid-row:2}
 body.viewing-room.identity-v19 #streamSection>#chatCard,body.viewing-room.identity-v19.arena #streamSection>#chatCard{grid-column:1;grid-row:3;border:0!important;border-top:1px solid var(--line)!important;max-height:640px!important}
 .viewing-toolbar{gap:6px;padding:8px 10px;flex-wrap:wrap}.viewing-toolbar>span{font-size:9px;letter-spacing:.06em}.viewing-toolbar button,.viewing-toolbar a{font-size:11px;padding:8px}.viewing-toolbar a{display:inline-flex;align-items:center}
 body.viewing-room.identity-v19.lounge .live-page,body.viewing-room.identity-v19.arena .live-page{padding:8px 10px 80px!important}
 body.viewing-room.identity-v19 .v17-stage-head{display:block!important;padding:14px 4px!important}body.viewing-room.identity-v19 .v17-stage-head h1{font-size:30px!important}body.viewing-room.identity-v19 .v17-stage-actions{display:none}
 body.viewing-room.identity-v19.lounge .discovery-doors{grid-template-columns:1fr;gap:8px}body.viewing-room.identity-v19.lounge .discovery-doors a{min-height:90px}
 body.viewing-room.identity-v19.arena #siteHeader .header-main{padding:14px!important}body.viewing-room.identity-v19.arena #siteHeader .brand img{width:140px!important}body.viewing-room.identity-v19.arena .arena-nav-wrap{padding:0 14px}
 body.viewing-room.identity-v19.arena .v16-home-news{grid-template-columns:1fr!important}
 body.viewing-room.identity-v19 #streamSection.room-expanded{inset:0!important;height:100dvh;border-radius:0;grid-template-rows:auto minmax(130px,38dvh) minmax(0,1fr);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)!important}
 body.viewing-room.identity-v19 #streamSection.room-expanded>.stream-panel{display:flex;flex-direction:column;max-height:none;min-height:0;overflow:auto}
 body.viewing-room.identity-v19 #streamSection.room-expanded .stream-panel>.section-head,body.viewing-room.identity-v19 #streamSection.room-expanded .stream-info,body.viewing-room.identity-v19 #streamSection.room-expanded .stream-action-row{display:none!important}
 body.viewing-room.identity-v19 #streamSection.room-expanded .player-shell{flex:1 0 0;min-height:100px!important;aspect-ratio:auto;max-height:none!important}
 body.viewing-room.identity-v19 #streamSection.room-expanded .studio-controls{flex:none;padding:6px;gap:5px}
 body.viewing-room.identity-v19 #streamSection.room-expanded .studio-controls button{min-height:44px;min-width:44px;font-size:11px;padding:5px 8px}
 body.viewing-room.identity-v19 #streamSection.room-expanded>#chatCard{max-height:none!important;min-height:0;overflow:auto}
 body.viewing-room.identity-v19 #streamSection.room-expanded .chat-privacy-stage{min-height:150px;flex:1 0 150px}
 body.viewing-room.identity-v19 #streamSection.room-expanded .chat-embed{min-height:150px}
}
@media(prefers-reduced-motion:reduce){body.viewing-room.identity-v19 *{scroll-behavior:auto!important}}

body.viewing-room.identity-v19 #streamSection:has(>#chatCard[hidden]){grid-template-columns:minmax(0,1fr)!important}
body.viewing-room.identity-v19 #streamSection:has(>#chatCard[hidden])>.stream-panel{grid-column:1!important}

/* Readable conversation: one profile form, full-width composer, larger messages. */
body.viewing-room.identity-v19 #streamSection{grid-template-columns:minmax(0,1fr) clamp(360px,30vw,440px)!important}
body.viewing-room.identity-v19.arena #streamSection{grid-template-columns:clamp(360px,30vw,440px) minmax(0,1fr)!important}
body.viewing-room.identity-v19 #streamSection>#chatCard{padding:18px!important;gap:16px!important;overflow:visible}
body.viewing-room.identity-v19 #chatCard .v17-chat-feed{display:flex;flex-direction:column;min-width:0;flex:1}
body.viewing-room.identity-v19 #chatCard #chatPrivacyStage{height:380px!important;min-height:300px!important;max-height:none;flex:1 0 300px}
body.viewing-room.identity-v19 #chatCard #chatEmbed{height:100%!important;min-height:300px!important;max-height:none;padding:12px!important}
body.viewing-room.identity-v19 #chatCard .section-head{padding:0 0 14px!important}
body.viewing-room.identity-v19 #chatCard .section-head h2{font-size:20px!important}
body.viewing-room.identity-v19 #chatCard .chat-message{gap:8px;margin-bottom:12px;align-items:flex-start}
body.viewing-room.identity-v19 #chatCard .chat-avatar{width:30px;height:30px;flex:0 0 30px;font-size:12px;border-radius:10px}
body.viewing-room.identity-v19 #chatCard .chat-bubble{min-width:0;flex:1;padding:10px 12px}
body.viewing-room.identity-v19 #chatCard .chat-bubble p{font-size:14px;line-height:1.55;overflow-wrap:anywhere}
body.viewing-room.identity-v19 #chatCard .chat-bubble strong{font-size:12px}
body.viewing-room.identity-v19 #chatCard .chat-bubble time{font-size:10px}
body.viewing-room.identity-v19 #chatCard .v17-chat-compose{border:0;border-top:1px solid var(--line);padding:14px 0 0!important;margin:0;justify-content:flex-start}
body.viewing-room.identity-v19 #chatCard .member-gate,body.viewing-room.identity-v19 #chatCard .verified-comment-box{width:100%;margin:0!important;padding:0!important;border:0;background:none}
body.viewing-room.identity-v19 #chatCard .member-gate-controls{grid-template-columns:minmax(0,1fr);gap:8px}
body.viewing-room.identity-v19 #chatCard input{width:100%;min-width:0;min-height:46px;font-size:14px}
body.viewing-room.identity-v19 #chatCard .chat-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
body.viewing-room.identity-v19 #chatCard .chat-send-btn{padding:12px 16px;min-height:46px}
body.viewing-room.identity-v19 #chatCard .verify-member-btn{width:100%;min-height:46px;margin-top:10px;font-size:14px}
body.viewing-room.identity-v19 #chatCard .chat-register-link{display:block;margin-top:12px;font-size:12px}
body.viewing-room.identity-v19 #chatCard .comment-note{display:block;margin-top:10px;font-size:12px;line-height:1.5}
body.viewing-room.identity-v19 #chatCard .comment-error:empty,body.viewing-room.identity-v19 #chatCard .member-status:empty{display:none}
body.viewing-room.identity-v19 #chatCard .chat-privacy-card{max-width:100%;padding:18px!important}
body.viewing-room.identity-v19 #chatCard .chat-privacy-card p{font-size:14px;line-height:1.5}
body.viewing-room.identity-v19 #chatCard .arena-chat-safety{margin-top:10px;font-size:11px}
body.viewing-room.identity-v19 #streamSection.room-expanded>#chatCard{overflow:auto}
@media(max-width:900px){
 body.viewing-room.identity-v19 #streamSection,body.viewing-room.identity-v19.arena #streamSection{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto}
 body.viewing-room.identity-v19 #streamSection>.stream-panel,body.viewing-room.identity-v19.arena #streamSection>.stream-panel{grid-column:1;grid-row:2}
 body.viewing-room.identity-v19 #streamSection>#chatCard,body.viewing-room.identity-v19.arena #streamSection>#chatCard{grid-column:1;grid-row:3;max-height:none!important;border:0!important;border-top:1px solid var(--line)!important}
 body.viewing-room.identity-v19 #chatCard #chatPrivacyStage{height:360px!important;min-height:300px!important;flex:none}
 body.viewing-room.identity-v19 #chatCard #chatEmbed{min-height:0!important}
 body.viewing-room.identity-v19 #streamSection.room-expanded{grid-template-rows:auto minmax(130px,38dvh) minmax(0,1fr)}
 body.viewing-room.identity-v19 #streamSection.room-expanded>#chatCard{overflow:auto}
}
/* Preserve deliberate cinema and administratively hidden-chat layouts. */
body.viewing-room.identity-v19.studio-cinema #streamSection,body.viewing-room.identity-v19 #streamSection:has(>#chatCard[hidden]){grid-template-columns:minmax(0,1fr)!important}
