.room-ribbon{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:16px;height:var(--ms-ribbon-h);min-height:var(--ms-ribbon-h);padding-inline:14px;background:var(--ms-bg);box-shadow:inset 0 -1px 0 var(--ms-line);position:relative;z-index:6;flex-shrink:0;-webkit-user-select:none;user-select:none}.room-rail{grid-column:2;justify-self:center;display:flex;align-items:stretch;gap:2px;min-width:0}.room-rail-btn{display:inline-flex;align-items:center;gap:7px;padding-inline:11px;border:0;background:none;color:var(--ms-muted);font-family:inherit;font-size:12.5px;font-weight:500;line-height:1;letter-spacing:.01em;cursor:pointer;white-space:nowrap;position:relative;transition:color var(--ms-dur) var(--ms-ease),background-color var(--ms-dur) var(--ms-ease)}.room-rail-btn:hover{color:var(--ms-text);background:var(--overlay-subtle)}.room-rail-icon{flex-shrink:0;opacity:.72;transition:opacity var(--ms-dur) var(--ms-ease)}.room-rail-btn:hover .room-rail-icon,.room-rail-btn.active .room-rail-icon{opacity:1}.room-rail-short{display:none}.room-rail-btn.active{color:var(--ms-accent);font-weight:600;background:var(--ms-accent-soft)}.room-rail-btn.active:after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;background:var(--ms-accent);box-shadow:0 0 10px rgba(var(--ms-accent-rgb),.55)}.room-rail-btn:active{transform:translateY(.5px)}.room-ribbon-meta{grid-column:3;justify-self:end;display:flex;align-items:center;gap:12px;min-width:0;color:var(--ms-dim);font-size:11.5px;line-height:1}.room-ribbon-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.room-ribbon-live{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;color:var(--ms-fresh-ok);font-size:11px;font-weight:500}.room-ribbon-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}@media(max-width:900px){.room-ribbon-desc{display:none}}@media(max-width:620px){.room-ribbon{padding-inline:8px;gap:8px}.room-rail-label{display:none}.room-rail-short{display:inline}.room-rail-btn{padding-inline:9px;gap:6px;font-size:12px}}@media(max-width:400px){.room-rail-short{display:none}.room-rail-btn{padding-inline:10px}}#mobileMenu .room-rail-btn{display:flex;width:100%;padding-inline:16px;font-size:14px;line-height:normal}#mobileMenu .room-rail-btn.active:after{content:none}#mobileMenu .room-rail-btn .room-rail-short{display:none}@media(min-width:1024px){html.immersive .room-ribbon{position:fixed;top:var(--imm-header-h, var(--ms-topbar-h));inset-inline:0;background:color-mix(in srgb,var(--ms-surface) 88%,transparent);backdrop-filter:var(--ms-blur);-webkit-backdrop-filter:var(--ms-blur);box-shadow:none;border-bottom:1px solid var(--ms-line);z-index:var(--imm-z-floating, 6)}}@media(prefers-reduced-motion:reduce){.room-rail-btn,.room-rail-icon{transition:none}.room-rail-btn:active{transform:none}}