/* Layout experiment: navigation remains confined to the player column. */
.player-bottom-bar{display:none}
.topbar-center{display:contents}
@media(min-width:981px){
 body:not(.original-theater-mode) .live-shell{padding-bottom:44px}
 .platform-tabs{grid-template-columns:120px minmax(0,1fr) 120px;gap:12px}
 .topbar-center{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 14px;min-width:0}
 .topbar-center .platform-tabs-group{justify-self:auto;flex:none;margin:0;padding:0}
 .topbar-center .platform-tab{height:34px;padding:0 10px;font-size:11px}
 .topbar-center .stream-socials{justify-content:center;gap:4px;margin:0}
 .topbar-center .stream-socials a{width:28px;height:28px}
 .platform-tabs>.platform-actions{justify-self:end;gap:8px;min-width:0}
 .player-bottom-bar{position:fixed;display:flex;align-items:center;justify-content:space-between;gap:16px;left:0;right:var(--chat-width);bottom:0;height:44px;padding:0 20px;border-top:1px solid #262831;background:#0a0b0e;color:#8d909b;font-size:11px;z-index:100;box-sizing:border-box;transition:right .22s ease}
 .player-bottom-copyright strong{color:#afb2ba;font-weight:600}
 .player-bottom-links{display:flex;align-items:center;gap:20px}
 .player-bottom-links a:hover{color:#efeff1}
 .player-bottom-links a:focus-visible{outline:2px solid #b9e975;outline-offset:4px;border-radius:2px}
 body.multistream-mode:not(.original-theater-mode) .live-main{height:calc(100dvh - var(--top-h,64px) - 44px)}
 body.original-theater-mode .player-bottom-bar{display:none}
}
@media(min-width:981px) and (max-width:1350px){
 .platform-tabs{grid-template-columns:110px minmax(0,1fr) 110px;gap:8px;padding-inline:14px}
 .topbar-center{gap:0 8px}
 .topbar-center .platform-tab{height:30px;padding-inline:7px;font-size:10px}
 .topbar-center .stream-socials a{width:24px;height:24px}
}

/* Separate player controls from the grouped social links. */
@media(min-width:981px){
 .topbar-center{gap:0 38px}
 .topbar-center .stream-socials{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:6px;padding:4px 7px;border-radius:24px;background:#14151a}
 .topbar-center .stream-socials::before{content:"";position:absolute;left:-20px;top:50%;width:1px;height:30px;transform:translateY(-50%);background:#4b4d57}
}
@media(min-width:981px) and (max-width:1150px){
 .topbar-center{gap:4px 26px}
 .topbar-center .stream-socials{gap:4px;padding:3px 5px}
 .topbar-center .stream-socials::before{left:-14px;height:26px}
 .topbar-center .stream-socials a{width:22px;height:22px}
}

.social-follow-text{display:none}
@media(min-width:981px){
 .topbar-center .social-follow-text{display:block;flex:none;margin-right:8px;font-size:11px;line-height:14px;font-weight:400;color:#a6a8b3;white-space:nowrap}
 .social-follow-text strong{font-weight:600;color:#efeff1}
}
@media(min-width:981px) and (max-width:1350px){
 .topbar-center{gap:0 26px}
 .topbar-center .stream-socials{gap:4px;padding:3px 6px}
 .topbar-center .stream-socials a{width:22px;height:22px}
 .topbar-center .social-follow-text{font-size:10px;margin-right:5px}
}
@media(min-width:981px) and (max-width:1150px){
 .topbar-center .social-follow-text{max-width:140px;white-space:normal;line-height:12px}
}

@media(min-width:981px){.player-bottom-bar{justify-content:flex-end}}