/* Cloud-player composition. Miwi Bits keeps its independent player styling. */
.stream-stage.cloud-player-ui-ready .stream-top-bar,
.stream-stage.cloud-player-ui-ready .stream-hud,
.stream-stage.cloud-player-ui-ready .stream-edge-zone,
.stream-stage.cloud-player-ui-ready .stream-control-tip { display:none!important; }
.stream-stage.cloud-player-ui-ready #player-touch-settings,
.stream-stage.cloud-player-ui-ready #player-settings-backdrop,
.stream-stage.cloud-player-ui-ready .player-social-panel { display:none!important; }
.stream-stage.cloud-player-ui-ready .cloud-player-ui { position:absolute; z-index:30; inset:0; overflow:hidden; color:#f3f4f6; font-family:inherit; pointer-events:none; }
.stream-stage.cloud-player-ui-ready .cloud-player-ui [hidden] { display:none!important; }
.stream-stage.cloud-player-ui-ready .cloud-player-ui button,
.stream-stage.cloud-player-ui-ready .cloud-player-ui input { color:inherit; font:inherit; }
.stream-stage.cloud-player-ui-ready .cloud-player-ui button { -webkit-tap-highlight-color:transparent; }

/* The menu is one fixed-proportion canvas; JS applies one uniform scale. */
.stream-stage.cloud-player-ui-ready .cloud-player-menu { position:absolute; z-index:45; inset:0; display:grid; place-items:center; padding:0; pointer-events:auto; }
.stream-stage.cloud-player-ui-ready .cloud-player-menu-scrim { --cloud-player-background-blur:16px; position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; border-radius:0; background:rgba(8,10,16,.44); backdrop-filter:blur(var(--cloud-player-background-blur)) saturate(.88); -webkit-backdrop-filter:blur(var(--cloud-player-background-blur)) saturate(.88); cursor:default; }
.stream-stage.cloud-player-ui-ready .cloud-player-menu-shell { --cloud-player-scale:1; position:absolute; top:50%; left:50%; width:1800px; height:1120px; display:grid; grid-template-columns:145px minmax(0,1fr) 530px; grid-template-rows:90px minmax(0,1fr) 148px; grid-template-areas:"top top top" "nav main status" "bottom bottom bottom"; gap:20px; padding:0; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; outline:none; transform:translate(-50%,-50%) scale(var(--cloud-player-scale)); transform-origin:center; }
.stream-stage.cloud-player-ui-ready .cloud-player-menu-shell,
.stream-stage.cloud-player-ui-ready .cloud-player-menu-shell * { box-sizing:border-box; }
.stream-stage.cloud-player-ui-ready .cloud-player-menu-shell button { cursor:pointer; }

/* The floating entry docks are outside the canvas and remain easy to reach. */
.stream-stage.cloud-player-ui-ready .cloud-player-dock { position:absolute; z-index:40; top:20px; left:20px; display:flex; align-items:center; gap:4px; padding:6px; border:1px solid #dce2e92b; border-radius:999px; background:rgba(22,25,30,.82); box-shadow:0 12px 36px #0007,inset 0 1px #ffffff14; backdrop-filter:blur(19px); -webkit-backdrop-filter:blur(19px); pointer-events:auto; transform:translateY(0); transition:opacity .22s ease,visibility .22s ease,transform .22s ease; }
.stream-stage.cloud-player-ui-ready.cloud-player-dock-auto-hidden .cloud-player-dock-left:not(:hover) { transform:translateY(calc(-100% + 14px)); opacity:.42; }
.stream-stage.cloud-player-ui-ready.cloud-player-dock-auto-hidden .cloud-player-dock-left:not(:hover) button { pointer-events:none; }
.stream-stage.cloud-player-ui-ready .cloud-player-dock button { width:48px; height:48px; display:grid; place-items:center; padding:0; border:1px solid transparent; border-radius:50%; background:transparent; color:#e2e5e9; transition:background .15s ease,border-color .15s ease,color .15s ease; }
.stream-stage.cloud-player-ui-ready .cloud-player-dock button:hover { border-color:#bc91ff6b; background:#b783ff25; color:#fff; }
.stream-stage.cloud-player-ui-ready .cloud-player-dock button > i { font-size:20px; }
.stream-stage.cloud-player-ui-ready .cloud-player-dock-logo { width:54px!important; height:54px!important; background:#ffffff0d!important; }
.stream-stage.cloud-player-ui-ready .cloud-player-dock-logo img { width:30px; height:30px; object-fit:contain; filter:grayscale(1) brightness(1.85); }
.stream-stage.cloud-player-ui-ready.cloud-menu-open .cloud-player-dock { opacity:0; visibility:hidden; pointer-events:none; }
.stream-stage.cloud-player-ui-ready .cloud-player-call-dock { position:absolute; z-index:40; top:50%; right:20px; padding:6px; border:1px solid #dce2e92b; border-radius:999px; background:rgba(22,25,30,.84); box-shadow:0 12px 36px #0007; transform:translateY(-50%); pointer-events:auto; }
.stream-stage.cloud-player-ui-ready .cloud-player-call-dock button { position:relative; width:54px; height:54px; display:grid; place-items:center; border:1px solid #b989f47a; border-radius:50%; background:#aa73ef24; color:#f1e5ff; }
.stream-stage.cloud-player-ui-ready .cloud-player-call-dock button > i { font-size:21px; }
.stream-stage.cloud-player-ui-ready .cloud-player-call-dock button > b { position:absolute; top:1px; right:2px; width:10px; height:10px; overflow:hidden; border:2px solid #27232d; border-radius:50%; background:#b885ff; color:transparent; font-size:0; }

/* Header and session identity. */
.stream-stage.cloud-player-ui-ready .cloud-player-topbar { grid-area:top; min-width:0; display:flex; align-items:center; gap:19px; padding:12px 23px; border:1px solid #d9e0e64a; border-radius:32px; background:rgba(20,23,34,.78); box-shadow:0 16px 46px #0006,inset 0 1px #ffffff1d; backdrop-filter:blur(22px) saturate(.86); -webkit-backdrop-filter:blur(22px) saturate(.86); }
.stream-stage.cloud-player-ui-ready .cloud-player-game-art { width:62px; height:62px; flex:none; display:grid; place-items:center; overflow:hidden; border:1px solid #ffffff32; border-radius:17px; background:#ffffff0d; }
.stream-stage.cloud-player-ui-ready .cloud-player-game-art img { width:100%; height:100%; object-fit:cover; }
.stream-stage.cloud-player-ui-ready .cloud-player-game-art.is-empty::after { width:30px; height:30px; content:""; background:url("icons/stelah_icon.png") center/contain no-repeat; filter:grayscale(1) brightness(1.8); }
.stream-stage.cloud-player-ui-ready .cloud-player-game-copy { min-width:0; flex:1; display:grid; gap:5px; }
.stream-stage.cloud-player-ui-ready .cloud-player-game-copy strong { max-width:100%; overflow:hidden; color:#f5f6f7; font-size:24px; font-weight:680; letter-spacing:-.035em; text-overflow:ellipsis; white-space:nowrap; }
.stream-stage.cloud-player-ui-ready .cloud-player-game-copy small { color:#aeb5bd; font-size:13px; }
.stream-stage.cloud-player-ui-ready .cloud-player-spectate-button { min-width:120px; height:56px; display:flex; align-items:center; justify-content:center; gap:11px; padding:0 19px; border:1px solid #dce2e92b; border-radius:999px; background:#ffffff08; color:#f1f2f4; font-size:20px; font-weight:700; }
.stream-stage.cloud-player-ui-ready .cloud-player-spectate-button:hover { border-color:#b989f47a; background:#b783ff15; }
.stream-stage.cloud-player-ui-ready .cloud-player-spectate-button > i { color:#e3e7ea; font-size:22px; }
.stream-stage.cloud-player-ui-ready .cloud-player-spectate-button > small { color:#aeb5bd; font-size:10px; }

/* Menu geometry: icon rail, one custom center view, live session cards. */
.stream-stage.cloud-player-ui-ready .cloud-player-menu-nav { grid-area:nav; min-height:0; display:flex; flex-direction:column; align-items:center; justify-content:stretch; gap:4px; padding:12px 8px; border:1px solid #dce2e94c; border-radius:34px; background:rgba(24,23,34,.72); box-shadow:0 18px 48px #0007,inset 0 1px #ffffff20; backdrop-filter:blur(22px) saturate(.84); -webkit-backdrop-filter:blur(22px) saturate(.84); }
.stream-stage.cloud-player-ui-ready .cloud-player-menu-nav > button:not(.cloud-player-settings-back) { position:relative; width:100%; max-width:124px; min-height:72px; max-height:140px; flex:1 1 0; display:grid; place-items:center; padding:0; border:1px solid transparent; border-radius:26px; background:transparent; color:#d4d8dd; }
.stream-stage.cloud-player-ui-ready .cloud-player-menu-nav > button:not(.cloud-player-settings-back):hover { border-color:#ffffff24; background:#ffffff0d; color:#fff; }
.stream-stage.cloud-player-ui-ready .cloud-player-menu-nav > button:not(.cloud-player-settings-back) > i { color:currentColor; font-size:42px; }
.stream-stage.cloud-player-ui-ready .cloud-player-menu-nav > button:not(.cloud-player-settings-back) > span { display:none; }
.stream-stage.cloud-player-ui-ready .cloud-player-menu-nav > button.active { border-color:#bb8aff7a; background:linear-gradient(145deg,#b886ff32,#9a6bcb1d); color:#f6eaff; }
.stream-stage.cloud-player-ui-ready .cloud-player-menu-nav > button.active::before { position:absolute; top:20%; bottom:20%; left:-9px; width:5px; border-radius:5px; background:#b783ff; box-shadow:0 0 14px #b783ff99; content:""; }
.stream-stage.cloud-player-ui-ready .cloud-player-menu-nav > button > b { position:absolute; top:2px; right:2px; min-width:19px; height:19px; display:grid; place-items:center; border:1px solid #342640; border-radius:99px; background:#ae7ce9; color:#20172a; font-size:10px; }
.stream-stage.cloud-player-ui-ready .cloud-player-menu-nav > button[data-cloud-view-button="exit"] { color:#ebc3c7; }
.stream-stage.cloud-player-ui-ready .cloud-player-menu-main { grid-area:main; min-width:0; min-height:0; display:flex; flex-direction:column; overflow:hidden; padding:23px 24px 19px; border:1px solid #d8dfe64d; border-radius:30px; background:linear-gradient(145deg,rgba(30,27,40,.77),rgba(20,21,31,.79)); box-shadow:0 20px 58px #0008,inset 0 1px #ffffff21; backdrop-filter:blur(24px) saturate(.82); -webkit-backdrop-filter:blur(24px) saturate(.82); }
.stream-stage.cloud-player-ui-ready .cloud-player-menu-heading { min-height:75px; flex:none; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0 2px 16px; border-bottom:1px solid #d8dfe61a; }
.stream-stage.cloud-player-ui-ready .cloud-player-eyebrow { display:block; color:#c4b4d4; font-size:11px; font-weight:840; letter-spacing:.18em; }
.stream-stage.cloud-player-ui-ready .cloud-player-menu-heading h1 { margin:6px 0 0; color:#f6f7f8; font-size:36px; font-weight:690; letter-spacing:-.045em; }
.stream-stage.cloud-player-ui-ready .cloud-player-menu-close { width:48px; height:48px; flex:none; display:grid; place-items:center; border:1px solid #dce2e92b; border-radius:16px; background:#ffffff08; color:#e6e9ec; }
.stream-stage.cloud-player-ui-ready .cloud-player-menu-close:hover { border-color:#b98af676; background:#b783ff18; }
.stream-stage.cloud-player-ui-ready .cloud-player-menu-close i { font-size:24px; }
.stream-stage.cloud-player-ui-ready .cloud-player-view { min-width:0; min-height:0; flex:1; overflow:hidden; padding:20px 1px 1px; }
.stream-stage.cloud-player-ui-ready .cloud-player-connection-panel { grid-area:status; min-width:0; min-height:0; display:flex; flex-direction:column; gap:13px; padding:13px; border:1px solid #d8dfe64d; border-radius:30px; background:rgba(24,23,35,.73); box-shadow:0 20px 58px #0008,inset 0 1px #ffffff1b; backdrop-filter:blur(22px) saturate(.82); -webkit-backdrop-filter:blur(22px) saturate(.82); }
.stream-stage.cloud-player-ui-ready .cloud-player-server-card,
.stream-stage.cloud-player-ui-ready .cloud-player-metric { min-width:0; min-height:140px; flex:1; display:flex; align-items:center; gap:17px; padding:18px 20px; border:1px solid #dce2e925; border-radius:22px; background:linear-gradient(145deg,#ffffff0b,#ffffff04); }
.stream-stage.cloud-player-ui-ready .cloud-player-server-card { min-height:162px; flex:1.18; }
.stream-stage.cloud-player-ui-ready .cloud-player-server-card > img { width:66px; height:66px; flex:none; object-fit:contain; filter:drop-shadow(0 4px 10px #0007); }
.stream-stage.cloud-player-ui-ready .cloud-player-server-card > span,
.stream-stage.cloud-player-ui-ready .cloud-player-metric > span:nth-child(2) { min-width:0; flex:1; display:grid; gap:8px; }
.stream-stage.cloud-player-ui-ready .cloud-player-server-card small { color:#adb4bd; font-size:11px; font-weight:800; letter-spacing:.15em; }
.stream-stage.cloud-player-ui-ready .cloud-player-server-card strong { overflow:hidden; color:#f4f5f6; font-size:28px; font-weight:670; text-overflow:ellipsis; white-space:nowrap; }
.stream-stage.cloud-player-ui-ready .cloud-player-server-card b { display:flex; align-items:center; gap:9px; color:#b5bbc1; font-size:15px; font-weight:650; }
.stream-stage.cloud-player-ui-ready .cloud-player-server-card b > i,
.stream-stage.cloud-player-ui-ready .cloud-player-live-indicator i { width:10px; height:10px; flex:none; border-radius:50%; background:#51d99a; box-shadow:0 0 0 5px #51d99a20; }
.stream-stage.cloud-player-ui-ready .cloud-player-call-live i { width:10px; height:10px; flex:none; border-radius:50%; background:#b783ff; box-shadow:0 0 0 5px #b783ff22; }
.stream-stage.cloud-player-ui-ready .cloud-player-server-card b.is-online { color:#a3e7be; }
.stream-stage.cloud-player-ui-ready .cloud-player-server-card > i:last-child,
.stream-stage.cloud-player-ui-ready .cloud-player-metric > i:last-child { color:#aeb5bc; font-size:23px; }
.stream-stage.cloud-player-ui-ready .cloud-player-metric-icon { width:60px; height:60px; flex:none; display:grid; place-items:center; border:1px solid #ffffff14; border-radius:20px; background:#dbe0e80d; color:#edf0f3; font-size:27px; }
.stream-stage.cloud-player-ui-ready .cloud-player-metric-icon.is-green { background:#b783ff1d; color:#d2b5f3; }
.stream-stage.cloud-player-ui-ready .cloud-player-metric > span:nth-child(2) { gap:7px; }
.stream-stage.cloud-player-ui-ready .cloud-player-metric small { color:#aeb5bd; font-size:18px; }
.stream-stage.cloud-player-ui-ready .cloud-player-metric strong { color:#f1f3f5; font-size:24px; font-weight:670; letter-spacing:-.02em; }

/* Resume, including host-window selection, lives entirely in its own page. */
.stream-stage.cloud-player-ui-ready .cloud-player-resume-card { position:relative; min-height:252px; display:flex; align-items:flex-end; overflow:hidden; padding:30px; border:1px solid #dce2e925; border-radius:27px; background:linear-gradient(120deg,#273039,#171a20); }
.stream-stage.cloud-player-ui-ready .cloud-player-resume-card::after { position:absolute; inset:0; background:linear-gradient(90deg,#101318f2 2%,#11161cda 49%,#11161c18 100%); content:""; pointer-events:none; }
.stream-stage.cloud-player-ui-ready .cloud-player-resume-art { position:absolute; inset:0 0 0 37%; }
.stream-stage.cloud-player-ui-ready .cloud-player-resume-art img { width:100%; height:100%; object-fit:cover; opacity:.72; }
.stream-stage.cloud-player-ui-ready .cloud-player-resume-art.is-empty { background:radial-gradient(circle at 66% 38%,#9b7ab65c,transparent 50%); }
.stream-stage.cloud-player-ui-ready .cloud-player-resume-copy { position:relative; z-index:1; max-width:70%; display:grid; justify-items:start; gap:13px; }
.stream-stage.cloud-player-ui-ready .cloud-player-resume-copy h2 { margin:0; color:#fff; font-size:35px; font-weight:720; letter-spacing:-.04em; }
.stream-stage.cloud-player-ui-ready .cloud-player-resume-copy p { max-width:540px; margin:0; color:#c4c8cd; font-size:15px; line-height:1.5; }
.stream-stage.cloud-player-ui-ready .cloud-player-primary-action,
.stream-stage.cloud-player-ui-ready .cloud-player-secondary-action,
.stream-stage.cloud-player-ui-ready .cloud-player-danger-action { min-height:54px; display:inline-flex; align-items:center; justify-content:center; gap:11px; padding:0 21px; border:1px solid transparent; border-radius:17px; font-size:15px; font-weight:760; text-decoration:none; transition:filter .15s ease,background .15s ease; }
.stream-stage.cloud-player-ui-ready .cloud-player-primary-action { background:linear-gradient(135deg,#d6b5ff,#aa7ce5); color:#241832!important; box-shadow:0 8px 24px #9f70cf30,inset 0 1px #ffffff80; }
.stream-stage.cloud-player-ui-ready .cloud-player-secondary-action { border-color:#dfe3e52d; background:#ffffff0c; color:#f0f1f3; }
.stream-stage.cloud-player-ui-ready .cloud-player-danger-action { border-color:#e3838767; background:#d95a6522; color:#ffc7cc; }
.stream-stage.cloud-player-ui-ready .cloud-player-primary-action:hover,
.stream-stage.cloud-player-ui-ready .cloud-player-secondary-action:hover,
.stream-stage.cloud-player-ui-ready .cloud-player-danger-action:hover { filter:brightness(1.12); }
.stream-stage.cloud-player-ui-ready .cloud-player-quick-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:13px; }
.stream-stage.cloud-player-ui-ready .cloud-player-quick-stats article { min-width:0; min-height:83px; display:flex; align-items:center; gap:14px; padding:13px 16px; border:1px solid #dce2e91c; border-radius:19px; background:#ffffff08; }
.stream-stage.cloud-player-ui-ready .cloud-player-quick-stats article > i { width:42px; height:42px; flex:none; display:grid; place-items:center; border:1px solid #ffffff10; border-radius:14px; background:#ffffff0b; color:#e9eaf0; font-size:20px; }
.stream-stage.cloud-player-ui-ready .cloud-player-quick-stats article > span { min-width:0; display:grid; gap:5px; }
.stream-stage.cloud-player-ui-ready .cloud-player-quick-stats small { color:#aeb5bd; font-size:12px; }
.stream-stage.cloud-player-ui-ready .cloud-player-quick-stats strong { overflow:hidden; color:#f2f3f5; font-size:16px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.stream-stage.cloud-player-ui-ready .cloud-player-window-picker { margin-top:14px; padding:15px 17px; border:1px solid #dce2e923; border-radius:20px; background:#080b10a8; }
.stream-stage.cloud-player-ui-ready .cloud-player-window-picker > header { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:12px; }
.stream-stage.cloud-player-ui-ready .cloud-player-window-picker > header > span { display:flex; align-items:center; gap:12px; }
.stream-stage.cloud-player-ui-ready .cloud-player-window-picker > header > span > i { width:40px; height:40px; display:grid; place-items:center; border-radius:14px; background:#b783ff1c; color:#d4b6f5; font-size:18px; }
.stream-stage.cloud-player-ui-ready .cloud-player-window-picker > header span span { display:grid; gap:4px; }
.stream-stage.cloud-player-ui-ready .cloud-player-window-picker > header strong { font-size:15px; }
.stream-stage.cloud-player-ui-ready .cloud-player-window-picker > header small { color:#adb5bd; font-size:11px; }
.stream-stage.cloud-player-ui-ready .cloud-player-window-picker > header > b { color:#bdb5c6; font-size:9px; letter-spacing:.15em; }
.stream-stage.cloud-player-ui-ready .cloud-player-window-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.stream-stage.cloud-player-ui-ready .cloud-player-window-choice { min-width:0; min-height:56px; display:flex; align-items:center; gap:11px; padding:8px 11px; border:1px solid #dce2e91e; border-radius:14px; background:#ffffff08; text-align:left; }
.stream-stage.cloud-player-ui-ready .cloud-player-window-choice > i:first-child { color:#d2b6f1; font-size:18px; }
.stream-stage.cloud-player-ui-ready .cloud-player-window-choice > span { min-width:0; flex:1; display:grid; gap:3px; }
.stream-stage.cloud-player-ui-ready .cloud-player-window-choice strong { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.stream-stage.cloud-player-ui-ready .cloud-player-window-choice small,.stream-stage.cloud-player-ui-ready .cloud-player-window-empty { color:#aeb5bd; font-size:10px; }
.stream-stage.cloud-player-ui-ready .cloud-player-window-choice[aria-pressed="true"] { border-color:#ba8bf17a; background:#a878e622; }
.stream-stage.cloud-player-ui-ready .cloud-player-window-choice > b { color:#c9a7ed; font-size:9px; letter-spacing:.1em; }
.stream-stage.cloud-player-ui-ready .cloud-player-window-empty { margin:0; padding:10px; }

/* Settings categories and details are bespoke cards, not the old drawer. */
.stream-stage.cloud-player-ui-ready .cloud-player-settings-view { display:flex; flex-direction:column; }
.stream-stage.cloud-player-ui-ready .cloud-player-settings-categories { min-width:0; min-height:0; flex:1; display:grid; grid-template-columns:minmax(0,1fr); align-content:start; gap:15px; overflow-y:auto; padding:1px 8px 8px 1px; scrollbar-width:thin; scrollbar-color:#9e7bd1 #ffffff0b; }
.stream-stage.cloud-player-ui-ready .cloud-player-settings-categories::-webkit-scrollbar,.stream-stage.cloud-player-ui-ready .cloud-player-settings-slot::-webkit-scrollbar { width:9px; }
.stream-stage.cloud-player-ui-ready .cloud-player-settings-categories::-webkit-scrollbar-thumb,.stream-stage.cloud-player-ui-ready .cloud-player-settings-slot::-webkit-scrollbar-thumb { border:2px solid transparent; border-radius:99px; background:#9e7bd1aa; background-clip:padding-box; }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-category { width:100%; min-width:0; min-height:132px; display:flex; align-items:center; gap:22px; padding:22px 26px; border:1px solid #dce2e925; border-radius:23px; background:linear-gradient(145deg,#ffffff0c,#ffffff05); text-align:left; transition:border-color .15s ease,background .15s ease; }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-category:hover,.stream-stage.cloud-player-ui-ready .cloud-player-setting-category.active { border-color:#b986f378; background:linear-gradient(145deg,#b783ff1c,#ffffff05); }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-category-icon { width:68px; height:68px; flex:none; display:grid; place-items:center; border:1px solid #ffffff16; border-radius:21px; background:#ffffff0a; color:#e1d1f4; font-size:29px; }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-category > span:nth-child(2) { min-width:0; flex:1; display:grid; gap:7px; }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-category strong { color:#f4f5f6; font-size:21px; }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-category small { color:#b0b6be; font-size:15px; line-height:1.4; }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-category > i:last-child { color:#aeb5bd; font-size:25px; }
.stream-stage.cloud-player-ui-ready .cloud-player-settings-detail { min-width:0; min-height:0; flex:1; display:flex; flex-direction:column; gap:14px; }
.stream-stage.cloud-player-ui-ready .cloud-player-settings-back { min-height:54px; flex:none; display:flex; align-items:center; gap:11px; padding:0 17px; border:1px solid #dce2e92b; border-radius:17px; background:#ffffff09; color:#ecedf0; text-align:left; font-size:15px; }
.stream-stage.cloud-player-ui-ready .cloud-player-settings-back:hover { border-color:#b783ff6b; background:#b783ff13; }
.stream-stage.cloud-player-ui-ready .cloud-player-settings-back i { color:#ccb0ec; font-size:21px; }
.stream-stage.cloud-player-ui-ready .cloud-player-settings-slot { min-width:0; min-height:0; height:100%; flex:1; overflow:auto; padding-right:8px; scrollbar-width:thin; scrollbar-color:#9e7bd1 #ffffff0b; }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-grid { display:grid; grid-template-columns:minmax(0,1fr); align-content:start; gap:15px; min-height:100%; height:auto; overflow:visible; }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-card { position:relative; width:100%; min-width:0; min-height:124px; display:flex; align-items:center; gap:20px; padding:22px 24px; border:1px solid #dce2e91f; border-radius:21px; background:linear-gradient(145deg,#ffffff0a,#ffffff04); }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-icon { width:54px; height:54px; flex:none; display:grid; place-items:center; border:1px solid #ffffff12; border-radius:17px; background:#ffffff08; color:#d8c0f1; font-size:24px; }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-copy { min-width:0; flex:1; display:grid; gap:5px; }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-copy strong { color:#f1f2f4; font-size:17px; font-weight:700; }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-copy small { color:#aeb5bd; font-size:13px; line-height:1.4; }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-control { min-width:320px; max-width:48%; display:flex; justify-content:flex-end; }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-card.is-range { align-items:center; }
.stream-stage.cloud-player-ui-ready .cloud-player-range-control { min-width:132px; width:100%; display:grid; grid-template-columns:minmax(75px,1fr) auto; align-items:center; gap:7px 10px; }
.stream-stage.cloud-player-ui-ready .cloud-player-range-control input { grid-column:1/-1; width:100%; height:6px; margin:0; appearance:none; border-radius:99px; background:linear-gradient(90deg,#b783ff var(--cloud-range-fill,50%),#dce2e92e var(--cloud-range-fill,50%)); accent-color:#b783ff; }
.stream-stage.cloud-player-ui-ready .cloud-player-range-control input::-webkit-slider-thumb { width:17px; height:17px; appearance:none; border:3px solid #f1e7ff; border-radius:50%; background:#a974e4; box-shadow:0 0 0 3px #b783ff35; }
.stream-stage.cloud-player-ui-ready .cloud-player-range-control input::-moz-range-thumb { width:12px; height:12px; border:3px solid #f1e7ff; border-radius:50%; background:#a974e4; box-shadow:0 0 0 3px #b783ff35; }
.stream-stage.cloud-player-ui-ready .cloud-player-range-control output { grid-column:2; grid-row:1; color:#d4b8f0; font-size:11px; font-variant-numeric:tabular-nums; text-align:right; }
.stream-stage.cloud-player-ui-ready .cloud-player-switch { position:relative; width:48px; height:27px; flex:none; padding:3px; border:1px solid #dce2e936; border-radius:99px; background:#30343b; transition:background .22s ease,border-color .22s ease; }
.stream-stage.cloud-player-ui-ready .cloud-player-switch::before { position:absolute; top:3px; left:3px; width:19px; height:19px; border-radius:50%; background:#dce0e4; content:""; transition:transform .22s ease,background .22s ease; }
.stream-stage.cloud-player-ui-ready .cloud-player-switch.on { border-color:#b783ffb0; background:#9e6bd5; }
.stream-stage.cloud-player-ui-ready .cloud-player-switch.on::before { background:#fff; transform:translateX(20px); }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-action { min-height:42px; display:flex; align-items:center; justify-content:center; gap:8px; padding:0 13px; border:1px solid #b783ff4d; border-radius:13px; background:#a878e51a; color:#ead9fa; font-size:11px; font-weight:700; white-space:nowrap; }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-action:hover { border-color:#c59aff; background:#ad7ee52e; }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-action i { color:#d4b5f5; font-size:15px; }
.stream-stage.cloud-player-ui-ready .cloud-player-select { position:relative; width:100%; }
.stream-stage.cloud-player-ui-ready .cloud-player-select-trigger { width:100%; min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 20px; border:1px solid #c9aae351; border-radius:18px; background:linear-gradient(145deg,#30263d,#1b1924); color:#f3edf9; text-align:left; font-size:16px; box-shadow:inset 0 1px #ffffff12,0 5px 20px #0002; }
.stream-stage.cloud-player-ui-ready .cloud-player-select-trigger span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.stream-stage.cloud-player-ui-ready .cloud-player-select-trigger i { color:#d0adf5; font-size:21px; }
.stream-stage.cloud-player-ui-ready .cloud-player-select-options { position:absolute; z-index:140; top:calc(100% + 8px); right:0; left:0; min-width:100%; max-height:360px; display:grid; gap:5px; overflow:auto; padding:10px; border:1px solid #c3a1e376; border-radius:20px; background:rgba(23,20,32,.98); box-shadow:0 22px 60px #000c,inset 0 1px #ffffff19; backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); scrollbar-width:thin; scrollbar-color:#9e7bd1 #ffffff0b; }
.stream-stage.cloud-player-ui-ready .cloud-player-select.is-open.opens-up .cloud-player-select-options { top:auto; bottom:calc(100% + 8px); }
.stream-stage.cloud-player-ui-ready .cloud-player-select-options::-webkit-scrollbar,.stream-stage.cloud-player-ui-ready .cloud-player-console pre::-webkit-scrollbar,.stream-stage.cloud-player-ui-ready .cloud-player-message-feed::-webkit-scrollbar { display:none; }
.stream-stage.cloud-player-ui-ready .cloud-player-select-options[hidden] { display:none!important; }
.stream-stage.cloud-player-ui-ready .cloud-player-select-options button { min-height:54px; padding:10px 15px; border:1px solid transparent; border-radius:13px; background:transparent; color:#e7e3ec; text-align:left; font-size:15px; white-space:nowrap; }
.stream-stage.cloud-player-ui-ready .cloud-player-select-options button:hover,.stream-stage.cloud-player-ui-ready .cloud-player-select-options button[aria-selected="true"] { border-color:#bc91e75c; background:linear-gradient(90deg,#b783ff35,#b783ff14); color:#fff; }
.stream-stage.cloud-player-ui-ready .cloud-player-shortcut { min-height:40px; padding:0 11px; border:1px solid #b783ff52; border-radius:13px; background:#a878e51b; color:#e4cefa; font-size:10px; white-space:nowrap; }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-grid.is-controller .cloud-player-setting-card.is-controller-map { grid-column:1/-1; min-height:0; display:block; padding:14px; }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-grid.is-controller .cloud-player-setting-card:not(.is-controller-map) { min-height:64px; padding:8px 12px; }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-grid.is-controller .cloud-player-setting-card.is-controller-map { padding:8px; }
.stream-stage.cloud-player-ui-ready .cloud-player-setting-grid.is-controller .cloud-player-controller-map-host { margin-top:8px; }
.stream-stage.cloud-player-ui-ready .cloud-player-controller-map { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px 9px; }
.stream-stage.cloud-player-ui-ready .cloud-player-map-row { position:relative; min-width:0; min-height:56px; display:flex; align-items:center; gap:11px; padding:7px 10px; border:1px solid #dce2e91e; border-radius:14px; background:linear-gradient(145deg,#171b22,#0e1117); }
.stream-stage.cloud-player-ui-ready .cloud-player-map-icon { width:34px; height:34px; flex:none; display:grid; place-items:center; border-radius:10px; background:#ffffff0b; }
.stream-stage.cloud-player-ui-ready .cloud-player-map-icon img { width:32px; height:32px; object-fit:contain; }
.stream-stage.cloud-player-ui-ready .cloud-player-map-name { min-width:0; flex:1; display:grid; gap:3px; }
.stream-stage.cloud-player-ui-ready .cloud-player-map-name strong { overflow:hidden; color:#f0f2f3; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.stream-stage.cloud-player-ui-ready .cloud-player-map-name small { color:#aeb5bd; font-size:11px; }
.stream-stage.cloud-player-ui-ready .cloud-player-map-select { position:relative; width:220px; flex:none; }
.stream-stage.cloud-player-ui-ready .cloud-player-map-select > button { width:100%; min-height:46px; display:flex; align-items:center; justify-content:space-between; gap:9px; padding:0 12px; border:1px solid #c9aae344; border-radius:12px; background:linear-gradient(145deg,#282336,#171722); color:#ece7f2; text-align:left; font-size:12px; }
.stream-stage.cloud-player-ui-ready .cloud-player-map-select > button span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.stream-stage.cloud-player-ui-ready .cloud-player-map-select [role=listbox] { position:absolute; z-index:140; top:calc(100% + 6px); right:0; width:260px; max-height:280px; display:grid; gap:3px; overflow:auto; padding:8px; border:1px solid #c3a1e376; border-radius:15px; background:rgba(23,20,32,.98); box-shadow:0 18px 45px #000b; backdrop-filter:blur(18px); scrollbar-width:thin; scrollbar-color:#9e7bd1 #ffffff0b; }
.stream-stage.cloud-player-ui-ready .cloud-player-map-select.opens-up [role=listbox] { top:auto; bottom:calc(100% + 6px); }
.stream-stage.cloud-player-ui-ready .cloud-player-map-select [role=listbox][hidden] { display:none!important; }
.stream-stage.cloud-player-ui-ready .cloud-player-map-select [role=option] { min-height:40px; padding:8px 10px; border:0; border-radius:9px; background:transparent; color:#e3e5e8; text-align:left; font-size:12px; }
.stream-stage.cloud-player-ui-ready .cloud-player-map-select [role=option]:hover,.stream-stage.cloud-player-ui-ready .cloud-player-map-select [role=option][aria-selected="true"] { background:#b783ff29; color:#fff; }
.stream-stage.cloud-player-ui-ready .cloud-player-map-reset { min-height:37px; margin:9px 0 0 auto; display:flex; }
.stream-stage.cloud-player-ui-ready .cloud-player-empty-state { margin:0; padding:24px; border:1px dashed #dce2e92b; border-radius:17px; color:#b7bdc5; font-size:13px; text-align:center; }

/* Console is an in-panel tool, with a bounded ring buffer and explicit copy. */
.stream-stage.cloud-player-ui-ready .cloud-player-console { height:100%; display:flex; flex-direction:column; overflow:hidden; border:1px solid #dce2e928; border-radius:19px; background:#0a0d11e8; }
.stream-stage.cloud-player-ui-ready .cloud-player-console > header { min-height:62px; flex:none; display:flex; align-items:center; justify-content:space-between; gap:15px; padding:10px 14px; border-bottom:1px solid #ffffff15; }
.stream-stage.cloud-player-ui-ready .cloud-player-console > header > span:first-child { display:flex; align-items:center; gap:11px; }
.stream-stage.cloud-player-ui-ready .cloud-player-console > header > span:first-child > i { width:37px; height:37px; display:grid; place-items:center; border-radius:12px; background:#b783ff1e; color:#d9c0f3; }
.stream-stage.cloud-player-ui-ready .cloud-player-console > header > span:first-child > span { display:grid; gap:4px; }
.stream-stage.cloud-player-ui-ready .cloud-player-console header strong { font-size:13px; }
.stream-stage.cloud-player-ui-ready .cloud-player-console header small { color:#aeb5bd; font-size:10px; }
.stream-stage.cloud-player-ui-ready .cloud-player-console-actions { display:flex; gap:7px; }
.stream-stage.cloud-player-ui-ready .cloud-player-console-actions button { min-height:34px; display:flex; align-items:center; gap:6px; padding:0 10px; border:1px solid #dce2e929; border-radius:10px; background:#ffffff08; color:#e9e6ee; font-size:10px; }
.stream-stage.cloud-player-ui-ready .cloud-player-console-actions button:hover { border-color:#b783ff7a; background:#b783ff18; }
.stream-stage.cloud-player-ui-ready .cloud-player-console pre { flex:1; min-height:0; margin:0; overflow:auto; padding:13px 15px; color:#c9cbd0; font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; scrollbar-width:none; }
.stream-stage.cloud-player-ui-ready .cloud-player-console > footer { min-height:35px; display:flex; align-items:center; gap:8px; padding:0 14px; border-top:1px solid #ffffff12; color:#9099a2; font-size:9px; }
.stream-stage.cloud-player-ui-ready .cloud-player-console > footer i { width:7px; height:7px; border-radius:50%; background:#a77ae1; box-shadow:0 0 0 4px #a77ae122; }

/* Notifications, calls, spectator list and the custom two-column chat. */
.stream-stage.cloud-player-ui-ready .cloud-player-view-intro { display:flex; align-items:center; gap:17px; margin:3px 0 20px; }
.stream-stage.cloud-player-ui-ready .cloud-player-view-icon { width:61px; height:61px; flex:none; display:grid; place-items:center; border:1px solid #d3b5f04a; border-radius:19px; background:#b783ff1f; color:#e4cefa; font-size:24px; }
.stream-stage.cloud-player-ui-ready .cloud-player-view-intro h2 { margin:5px 0 4px; color:#f4f5f6; font-size:28px; letter-spacing:-.04em; }
.stream-stage.cloud-player-ui-ready .cloud-player-view-intro p { max-width:650px; margin:0; color:#b3bac2; font-size:13px; line-height:1.45; }
.stream-stage.cloud-player-ui-ready .cloud-player-notification-feed { display:grid; gap:10px; max-height:calc(100% - 130px); overflow:auto; margin-bottom:13px; scrollbar-width:none; }
.stream-stage.cloud-player-ui-ready .cloud-player-notification-item { min-width:0; display:flex; align-items:flex-start; gap:13px; padding:15px; border:1px solid #dce2e91f; border-radius:17px; background:#ffffff08; }
.stream-stage.cloud-player-ui-ready .cloud-player-notification-item > i { width:39px; height:39px; flex:none; display:grid; place-items:center; border-radius:13px; background:#b783ff1b; color:#ddc1f7; font-size:18px; }
.stream-stage.cloud-player-ui-ready .cloud-player-notification-item > span { min-width:0; display:grid; gap:5px; }
.stream-stage.cloud-player-ui-ready .cloud-player-notification-item strong { color:#f1f2f4; font-size:13px; line-height:1.4; }
.stream-stage.cloud-player-ui-ready .cloud-player-notification-item small { color:#aeb5bd; font-size:10px; }
.stream-stage.cloud-player-ui-ready .cloud-player-call-card { min-height:104px; display:flex; align-items:center; gap:15px; padding:17px; border:1px solid #dce2e922; border-radius:20px; background:#ffffff08; }
.stream-stage.cloud-player-ui-ready .cloud-player-call-avatar { width:60px; height:60px; flex:none; display:grid; place-items:center; overflow:hidden; border:1px solid #c69af477; border-radius:19px; background:#b783ff1e; color:#e5cff9; font-size:22px; }
.stream-stage.cloud-player-ui-ready .cloud-player-call-avatar img { width:100%; height:100%; object-fit:cover; }
.stream-stage.cloud-player-ui-ready .cloud-player-call-copy { min-width:0; flex:1; display:grid; gap:6px; }
.stream-stage.cloud-player-ui-ready .cloud-player-call-copy strong { overflow:hidden; color:#f2f3f5; font-size:16px; text-overflow:ellipsis; white-space:nowrap; }
.stream-stage.cloud-player-ui-ready .cloud-player-call-copy small { color:#aeb5bd; font-size:11px; }
.stream-stage.cloud-player-ui-ready .cloud-player-call-live { display:flex; align-items:center; gap:9px; color:#a7e7c0; font-size:10px; font-weight:800; letter-spacing:.12em; }
.stream-stage.cloud-player-ui-ready .cloud-player-view[data-cloud-view="exit"] { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:24px; text-align:center; }
.stream-stage.cloud-player-ui-ready .cloud-player-view[data-cloud-view="exit"] .cloud-player-view-intro { flex-direction:column; justify-content:center; margin:0; text-align:center; }
.stream-stage.cloud-player-ui-ready .cloud-player-view[data-cloud-view="exit"] .cloud-player-view-intro h2 { font-size:42px; }
.stream-stage.cloud-player-ui-ready .cloud-player-view[data-cloud-view="exit"] .cloud-player-exit-card { width:min(100%,760px); justify-content:center; padding:20px 24px; font-size:17px; }
.stream-stage.cloud-player-ui-ready .cloud-player-view[data-cloud-view="exit"] .cloud-player-view-actions { justify-content:center; margin:0; }
.stream-stage.cloud-player-ui-ready .cloud-player-view-actions { display:flex; align-items:center; gap:10px; margin-top:15px; }
.stream-stage.cloud-player-ui-ready .cloud-player-exit-icon { border-color:#e88e9852; background:#d15c691c; color:#f1b0b8; }
.stream-stage.cloud-player-ui-ready .cloud-player-exit-card { display:flex; align-items:center; gap:11px; padding:14px; border:1px solid #e0818b33; border-radius:16px; background:#d3546212; color:#e6c7cb; font-size:12px; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-slot,.stream-stage.cloud-player-ui-ready .cloud-player-spectate-slot { width:100%; height:100%; min-width:0; min-height:0; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell { width:100%; height:100%; min-width:0; min-height:0; display:flex; flex-direction:column; overflow:hidden; border:1px solid #dce2e926; border-radius:20px; background:rgba(10,13,18,.72); }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-header { min-height:63px; flex:none; display:flex; align-items:center; gap:12px; padding:10px 14px; border-bottom:1px solid #dce2e91a; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-mark { width:38px; height:38px; flex:none; display:grid; place-items:center; border:1px solid #d3b5f040; border-radius:13px; background:#b783ff19; color:#dcc1f6; font-size:17px; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-header > span:nth-child(2) { min-width:0; flex:1; display:grid; gap:4px; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-header strong { color:#f1f2f4; font-size:13px; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-header small { overflow:hidden; color:#aeb5bd; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-close,.stream-stage.cloud-player-ui-ready .cloud-player-chat-call,.stream-stage.cloud-player-ui-ready .cloud-player-conversation-head > button { width:37px; height:37px; flex:none; display:grid; place-items:center; border:1px solid #dce2e92a; border-radius:13px; background:#ffffff09; color:#e6e8eb; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-close:hover,.stream-stage.cloud-player-ui-ready .cloud-player-chat-call:hover,.stream-stage.cloud-player-ui-ready .cloud-player-conversation-head > button:hover { border-color:#b783ff70; background:#b783ff1c; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-layout { min-height:0; flex:1; display:grid; grid-template-columns:310px minmax(0,1fr); overflow:hidden; }
.stream-stage.cloud-player-ui-ready .cloud-player-roster { min-width:0; min-height:0; display:flex; flex-direction:column; overflow:hidden; border-right:1px solid #dce2e919; }
.stream-stage.cloud-player-ui-ready .cloud-player-roster-heading { min-height:46px; flex:none; display:flex; align-items:center; justify-content:space-between; padding:0 13px; color:#aeb5bd; font-size:10px; font-weight:850; letter-spacing:.16em; }
.stream-stage.cloud-player-ui-ready .cloud-player-roster-heading b { min-width:22px; height:22px; display:grid; place-items:center; border-radius:99px; background:#ffffff10; color:#d9c2f3; font-size:10px; }
.stream-stage.cloud-player-ui-ready .cloud-player-friends { min-height:0; flex:1; display:grid; align-content:start; gap:7px; overflow:auto; padding:0 9px 10px; scrollbar-width:none; }
.stream-stage.cloud-player-ui-ready .cloud-player-friend { min-width:0; min-height:62px; display:flex; align-items:center; gap:10px; padding:8px 9px; border:1px solid transparent; border-radius:15px; background:transparent; color:#e7e9eb; text-align:left; }
.stream-stage.cloud-player-ui-ready .cloud-player-friend:hover,.stream-stage.cloud-player-ui-ready .cloud-player-friend.is-selected { border-color:#b783ff54; background:#b783ff13; }
.stream-stage.cloud-player-ui-ready .cloud-player-friend-avatar { width:40px; height:40px; flex:none; overflow:hidden; border:1px solid #dce2e92c; border-radius:50%; }
.stream-stage.cloud-player-ui-ready .cloud-player-friend-avatar img { width:100%; height:100%; object-fit:cover; }
.stream-stage.cloud-player-ui-ready .cloud-player-friend > span:nth-child(2) { min-width:0; flex:1; display:grid; gap:4px; }
.stream-stage.cloud-player-ui-ready .cloud-player-friend strong { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.stream-stage.cloud-player-ui-ready .cloud-player-friend small { overflow:hidden; color:#aeb5bd; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.stream-stage.cloud-player-ui-ready .cloud-player-friend > i:last-child { color:#c8a5ed; font-size:15px; }
.stream-stage.cloud-player-ui-ready .cloud-player-friend-empty { padding:14px 8px; color:#aeb5bd; font-size:11px; }
.stream-stage.cloud-player-ui-ready .cloud-player-conversation { min-width:0; min-height:0; display:flex; flex-direction:column; overflow:hidden; }
.stream-stage.cloud-player-ui-ready .cloud-player-conversation-empty { min-height:0; flex:1; display:grid; align-content:center; justify-items:center; gap:11px; padding:30px; color:#aeb5bd; text-align:center; }
.stream-stage.cloud-player-ui-ready .cloud-player-conversation-empty > i { width:64px; height:64px; display:grid; place-items:center; border:1px solid #d3b5f042; border-radius:22px; background:#b783ff18; color:#dcc1f6; font-size:26px; }
.stream-stage.cloud-player-ui-ready .cloud-player-conversation-empty strong { color:#f1f2f4; font-size:16px; }
.stream-stage.cloud-player-ui-ready .cloud-player-conversation-empty small { max-width:360px; color:#aeb5bd; font-size:11px; line-height:1.45; }
.stream-stage.cloud-player-ui-ready .cloud-player-conversation-head { min-height:60px; flex:none; display:flex; align-items:center; gap:10px; padding:8px 13px; border-bottom:1px solid #dce2e919; }
.stream-stage.cloud-player-ui-ready .cloud-player-conversation-head > span { min-width:0; flex:1; display:grid; gap:4px; }
.stream-stage.cloud-player-ui-ready .cloud-player-conversation-head strong { overflow:hidden; color:#f1f2f4; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.stream-stage.cloud-player-ui-ready .cloud-player-conversation-head small { color:#aeb5bd; font-size:10px; }
.stream-stage.cloud-player-ui-ready .cloud-player-conversation-actions { display:flex; gap:7px; }
.stream-stage.cloud-player-ui-ready .cloud-player-conversation-actions > button { width:37px; height:37px; flex:none; display:grid; place-items:center; padding:0; border:1px solid #ffffff30; border-radius:13px; background:#ffffff10; color:#f2f4f6; cursor:pointer; transition:border-color .15s ease,background .15s ease,color .15s ease; }
.stream-stage.cloud-player-ui-ready .cloud-player-conversation-actions > button:hover { border-color:#b783ff70; background:#b783ff1c; color:#fff; }
.stream-stage.cloud-player-ui-ready .cloud-player-conversation-actions > button:focus-visible { outline:2px solid #c997ff; outline-offset:2px; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-slot .cloud-player-chat-close,
.stream-stage.cloud-player-ui-ready .cloud-player-spectate-slot .cloud-player-chat-close { display:none; }
.stream-stage.cloud-player-ui-ready .cloud-player-message-feed { min-height:0; flex:1; display:flex; flex-direction:column; gap:9px; overflow:auto; padding:15px; scrollbar-width:none; }
.stream-stage.cloud-player-ui-ready .cloud-player-message-feed .direct-message { position:relative; max-width:82%; flex:none; display:grid; gap:6px; padding:11px 13px; border:1px solid #dce2e91d; border-radius:17px 17px 17px 5px; background:#ffffff0b; color:#e9e9eb; font-size:12px; line-height:1.45; overflow-wrap:anywhere; }
.stream-stage.cloud-player-ui-ready .cloud-player-message-feed .direct-message.mine { align-self:flex-end; border-color:#b783ff4b; border-radius:17px 17px 5px 17px; background:linear-gradient(145deg,#a374d52e,#704e9630); }
.stream-stage.cloud-player-ui-ready .cloud-player-message-feed .direct-message.theirs { align-self:flex-start; }
.stream-stage.cloud-player-ui-ready .cloud-player-message-feed .direct-message-timestamp { color:#969ba2; font-size:9px; }
.stream-stage.cloud-player-ui-ready .cloud-player-message-feed .direct-message-tools { display:flex; gap:4px; opacity:.65; }
.stream-stage.cloud-player-ui-ready .cloud-player-message-feed .direct-message-tools button { width:27px; height:27px; display:grid; place-items:center; border:1px solid #ffffff18; border-radius:9px; background:#080a0d60; color:#d9c8ec; }
.stream-stage.cloud-player-ui-ready .cloud-player-composer-host { flex:none; display:grid; gap:7px; padding:10px 12px 12px; border-top:1px solid #dce2e919; }
.stream-stage.cloud-player-ui-ready .cloud-player-composer { min-width:0; display:flex; align-items:center; gap:7px; }
.stream-stage.cloud-player-ui-ready .cloud-player-composer > input { min-width:0; height:43px; flex:1; padding:0 13px; border:1px solid #dce2e92b; border-radius:14px; outline:none; background:#080b10; color:#f1f2f4; font-size:11px; }
.stream-stage.cloud-player-ui-ready .cloud-player-composer > input:focus { border-color:#b783ff9e; box-shadow:0 0 0 3px #b783ff20; }
.stream-stage.cloud-player-ui-ready .cloud-player-attach-button,.stream-stage.cloud-player-ui-ready .cloud-player-attachment-menu > button,.stream-stage.cloud-player-ui-ready .cloud-player-send-button { width:41px; height:41px; flex:none; display:grid; place-items:center; border:1px solid #dce2e927; border-radius:13px; background:#ffffff08; color:#d7c3ed; }
.stream-stage.cloud-player-ui-ready .cloud-player-gif-button { font-size:10px; font-weight:850; letter-spacing:.05em; }
.stream-stage.cloud-player-ui-ready .cloud-player-send-button { border-color:#b783ff58; background:#a878e526; color:#f0e3ff; }
.stream-stage.cloud-player-ui-ready .cloud-player-attachment-menu { position:relative; }
.stream-stage.cloud-player-ui-ready .cloud-player-attachment-menu > button:hover,.stream-stage.cloud-player-ui-ready .cloud-player-attach-button:hover,.stream-stage.cloud-player-ui-ready .cloud-player-send-button:hover { border-color:#bd90f280; background:#b783ff20; }
.stream-stage.cloud-player-ui-ready .cloud-player-attachment-options { position:absolute; z-index:130; right:0; bottom:calc(100% + 8px); width:210px; display:none; gap:4px; padding:6px; border:1px solid #dce2e92e; border-radius:14px; background:#18171d; box-shadow:0 15px 40px #000b; }
.stream-stage.cloud-player-ui-ready .cloud-player-attachment-menu.open .cloud-player-attachment-options { display:grid; }
.stream-stage.cloud-player-ui-ready .cloud-player-attachment-options button { min-height:38px; display:flex; align-items:center; gap:9px; padding:0 10px; border:0; border-radius:10px; background:transparent; color:#e5e6e9; text-align:left; font-size:10px; }
.stream-stage.cloud-player-ui-ready .cloud-player-attachment-options button:hover { background:#b783ff20; }
.stream-stage.cloud-player-ui-ready .cloud-player-attachment-options[hidden] { display:none!important; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-feedback { margin:0; color:#cdb1ed; font-size:10px; }
.stream-stage.cloud-player-ui-ready .cloud-player-attachment-preview img { max-width:120px; max-height:80px; border-radius:10px; }
.stream-stage.cloud-player-ui-ready .cloud-player-reply-preview { padding:7px 10px; border-left:2px solid #b783ff; border-radius:5px; background:#ffffff08; color:#d9d7dc; font-size:10px; }
.stream-stage.cloud-player-ui-ready .cloud-player-reply-preview span { display:grid; gap:3px; }
.stream-stage.cloud-player-ui-ready .cloud-player-reply-preview small { overflow:hidden; color:#aeb5bd; text-overflow:ellipsis; white-space:nowrap; }

/* Bottom controls live within the menu and use the same purple affordance. */
.stream-stage.cloud-player-ui-ready .cloud-player-bottom-bar { grid-area:bottom; width:100%; min-width:0; display:flex; align-items:center; justify-content:stretch; gap:20px; padding:0; }
.stream-stage.cloud-player-ui-ready .cloud-player-input-dock,.stream-stage.cloud-player-ui-ready .cloud-player-actions { height:132px; min-height:132px; display:flex; align-items:center; justify-content:space-evenly; gap:12px; padding:12px 24px; border:1px solid #dce2e92b; border-radius:999px; background:rgba(20,19,30,.88); box-shadow:0 13px 36px #0006,inset 0 1px #ffffff13; }
.stream-stage.cloud-player-ui-ready .cloud-player-input-dock { width:35%; flex:0 0 35%; }
.stream-stage.cloud-player-ui-ready .cloud-player-actions { min-width:0; flex:1; justify-content:space-between; gap:18px; }
.stream-stage.cloud-player-ui-ready .cloud-player-input-dock > button { position:relative; width:94px; height:94px; flex:none; display:grid; place-items:center; padding:0; border:1px solid transparent; border-radius:50%; background:transparent; color:#dce0e4; }
.stream-stage.cloud-player-ui-ready .cloud-player-input-dock > button i { font-size:38px; }
.stream-stage.cloud-player-ui-ready .cloud-player-input-dock > button span { display:none!important; }
.stream-stage.cloud-player-ui-ready .cloud-player-input-dock > button.active { border-color:#d5b6f2; background:radial-gradient(circle at 45% 35%,#c292f03b,#a776db20); color:#f6eaff; box-shadow:0 0 0 2px #b783ff30,0 0 18px #b783ff34; }
.stream-stage.cloud-player-ui-ready .cloud-player-input-dock > button.active span { color:#e5d1fa; }
.stream-stage.cloud-player-ui-ready .cloud-player-audio-actions { min-width:0; flex:1; display:flex; align-items:center; gap:15px; }
.stream-stage.cloud-player-ui-ready .cloud-player-audio-actions [data-cloud-mic-slot],
.stream-stage.cloud-player-ui-ready .cloud-player-audio-actions [data-cloud-volume-slot] { min-width:0; flex:1; display:flex; align-items:center; }
.stream-stage.cloud-player-ui-ready .cloud-player-action-divider { width:1px; height:43px; margin:0 4px; background:#dce2e927; }
.stream-stage.cloud-player-ui-ready .cloud-player-action-button,.stream-stage.cloud-player-ui-ready .cloud-player-action-button#player-microphone-btn { width:78px; height:78px; flex:none; display:grid; place-items:center; padding:0; border:1px solid transparent; border-radius:50%; background:transparent; color:#e5e8ea; }
.stream-stage.cloud-player-ui-ready .cloud-player-action-button:hover { border-color:#b783ff66; background:#b783ff1b; color:#f4e9ff; }
.stream-stage.cloud-player-ui-ready .cloud-player-action-button i { font-size:22px; }
.stream-stage.cloud-player-ui-ready .cloud-player-volume { width:100%; min-width:220px; height:68px; display:grid; grid-template-columns:30px minmax(120px,1fr); align-items:center; gap:17px; padding:0 10px; border:0; border-radius:0; background:transparent; color:#e7e8eb; }
.stream-stage.cloud-player-ui-ready .cloud-player-volume > i { color:#e4e6e8; font-size:20px; }
.stream-stage.cloud-player-ui-ready .cloud-player-volume input { width:100%; height:6px; margin:0; appearance:none; border-radius:99px; background:linear-gradient(90deg,#b783ff 0%,#b783ff var(--cloud-volume-fill,75%),#dce2e938 var(--cloud-volume-fill,75%),#dce2e938 100%); accent-color:#b783ff; }
.stream-stage.cloud-player-ui-ready .cloud-player-volume input::-webkit-slider-thumb { width:19px; height:19px; appearance:none; border:3px solid #f3e8ff; border-radius:50%; background:#ad7ce9; box-shadow:0 0 0 3px #b783ff36; }
.stream-stage.cloud-player-ui-ready .cloud-player-volume input::-moz-range-thumb { width:13px; height:13px; border:3px solid #f3e8ff; border-radius:50%; background:#ad7ce9; box-shadow:0 0 0 3px #b783ff36; }
.stream-stage.cloud-player-ui-ready .cloud-player-end-button { box-sizing:border-box; width:88px!important; height:88px!important; min-width:88px!important; min-height:88px!important; aspect-ratio:1/1; flex:0 0 88px!important; display:grid; place-items:center; padding:0; border:1px solid #ef8a9377; border-radius:50%!important; background:#ca435129; color:#ffd0d4; }
.stream-stage.cloud-player-ui-ready .cloud-player-end-button > i { font-size:28px; }
.stream-stage.cloud-player-ui-ready .cloud-player-end-button:hover { border-color:#ff9ca4; background:#d44b5b4d; }
.stream-stage.cloud-player-ui-ready #player-microphone-btn.active { border-color:#b783ff75; background:#b783ff25; color:#e9d7ff; }

/* Fullscreen and screenshot controls. */
.stream-stage.cloud-player-ui-ready .cloud-player-restore-controls { position:absolute; z-index:34; right:16px; top:16px; width:42px; height:42px; display:none; place-items:center; border:1px solid #dce2e92b; border-radius:50%; background:#17191de6; color:#f1e9f8; pointer-events:auto; }
.stream-stage.cloud-player-ui-ready .cloud-player-restore-controls.is-visible { display:grid; }
.stream-stage.cloud-player-ui-ready .cloud-player-screenshot-dialog { position:absolute; z-index:140; inset:0; display:grid; place-items:center; pointer-events:auto; }
.stream-stage.cloud-player-ui-ready .cloud-player-screenshot-scrim { position:absolute; inset:0; border:0; background:#08090cc9; backdrop-filter:blur(8px); }
.stream-stage.cloud-player-ui-ready .cloud-player-screenshot-card { position:relative; z-index:1; width:min(760px,calc(100% - 36px)); display:grid; gap:14px; padding:20px; border:1px solid #dce2e92f; border-radius:24px; background:#191a1eeF; box-shadow:0 22px 70px #000b; }
.stream-stage.cloud-player-ui-ready .cloud-player-screenshot-card > header,.stream-stage.cloud-player-ui-ready .cloud-player-screenshot-card > footer { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.stream-stage.cloud-player-ui-ready .cloud-player-screenshot-card h2 { margin:5px 0 0; font-size:22px; }
.stream-stage.cloud-player-ui-ready .cloud-player-screenshot-card > img { width:100%; max-height:65vh; object-fit:contain; border:1px solid #ffffff19; border-radius:14px; background:#08090b; }
.stream-stage.cloud-player-ui-ready .cloud-player-screenshot-card > footer { justify-content:flex-end; }
.stream-stage.cloud-player-ui-ready .cloud-player-ui :focus-visible { outline:2px solid #cfadf4; outline-offset:3px; }

@media (prefers-reduced-motion:reduce) {
  .stream-stage.cloud-player-ui-ready .cloud-player-ui *,
  .stream-stage.cloud-player-ui-ready .cloud-player-ui *::before,
  .stream-stage.cloud-player-ui-ready .cloud-player-ui *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}

/* Player dock refinements: use the input-mode control scale for every action. */
.stream-stage.cloud-player-ui-ready .cloud-player-bottom-bar { gap:16px; }
.stream-stage.cloud-player-ui-ready .cloud-player-input-dock { width:38%; flex:0 0 38%; justify-content:space-evenly; gap:8px; padding:10px 20px; }
.stream-stage.cloud-player-ui-ready .cloud-player-actions { justify-content:space-between; gap:8px; padding:10px 20px; }
.stream-stage.cloud-player-ui-ready .cloud-player-action-button,
.stream-stage.cloud-player-ui-ready .cloud-player-action-button#player-microphone-btn { width:94px; height:94px; min-width:94px; min-height:94px; }
.stream-stage.cloud-player-ui-ready .cloud-player-action-button i { font-size:38px; }
.stream-stage.cloud-player-ui-ready .cloud-player-audio-actions { flex:1 1 auto; gap:10px; }
.stream-stage.cloud-player-ui-ready .cloud-player-audio-actions [data-cloud-mic-slot] { flex:0 0 94px; }
.stream-stage.cloud-player-ui-ready .cloud-player-audio-actions [data-cloud-volume-slot] { flex:1 1 auto; }
.stream-stage.cloud-player-ui-ready .cloud-player-volume { min-width:260px; height:76px; grid-template-columns:36px minmax(170px,1fr); gap:13px; padding:0 4px; }
.stream-stage.cloud-player-ui-ready .cloud-player-volume > i { font-size:28px; }
.stream-stage.cloud-player-ui-ready .cloud-player-volume input { height:8px; }
.stream-stage.cloud-player-ui-ready .cloud-player-volume input::-webkit-slider-thumb { width:25px; height:25px; }
.stream-stage.cloud-player-ui-ready .cloud-player-volume input::-moz-range-thumb { width:19px; height:19px; }
.stream-stage.cloud-player-ui-ready .cloud-player-end-button { width:94px!important; height:94px!important; min-width:94px!important; min-height:94px!important; flex:0 0 94px!important; }
.stream-stage.cloud-player-ui-ready .cloud-player-end-button > i { font-size:38px; }
@media (max-width:980px) {
  .stream-stage.cloud-player-ui-ready .cloud-player-input-dock { width:40%; flex-basis:40%; padding-inline:10px; }
  .stream-stage.cloud-player-ui-ready .cloud-player-actions { gap:3px; padding-inline:10px; }
  .stream-stage.cloud-player-ui-ready .cloud-player-volume { min-width:220px; grid-template-columns:30px minmax(140px,1fr); gap:8px; }
}

/* Dock chat is a compact floating sibling; menu chat uses the whole center view. */
.stream-stage.cloud-player-ui-ready .cloud-player-dock-chat-slot { position:absolute; z-index:44; top:84px; left:20px; width:min(390px,calc(100% - 40px)); height:min(520px,calc(100% - 104px)); pointer-events:none; }
.stream-stage.cloud-player-ui-ready .cloud-player-dock-chat-slot[hidden] { display:none!important; }
.stream-stage.cloud-player-ui-ready.cloud-menu-open .cloud-player-dock-chat-slot { visibility:hidden; pointer-events:none; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell.is-floating-mini-chat { width:100%; height:100%; min-width:0; min-height:0; pointer-events:auto; border:1px solid #e0e4ea4d; border-radius:22px; background:linear-gradient(145deg,#34383edc,#171b20ed); backdrop-filter:blur(24px) saturate(1.2); box-shadow:0 24px 64px #0008, inset 0 1px #ffffff28; color:#f2f4f6; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell.is-menu-chat { width:100%; height:100%; min-width:0; min-height:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell.is-menu-chat > .cloud-player-chat-header { display:none!important; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell.is-menu-chat .cloud-player-chat-layout { grid-template-columns:minmax(230px,31%) minmax(0,1fr); }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell.is-floating-mini-chat .cloud-player-chat-layout { display:flex; flex-direction:column; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell.is-floating-mini-chat .cloud-player-roster { flex:1; border-right:0; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell.is-floating-mini-chat .cloud-player-conversation { flex:1; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell.is-floating-mini-chat:not([data-chat-view="conversation"]) .cloud-player-conversation,
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell.is-floating-mini-chat[data-chat-view="conversation"] .cloud-player-roster { display:none; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell.is-floating-mini-chat .cloud-player-chat-header { flex:none; min-height:66px; background:#ffffff0a; border-bottom:1px solid #ffffff27; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell.is-floating-mini-chat .cloud-player-friends { padding:4px 12px 12px; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell.is-floating-mini-chat .cloud-player-friend { min-height:62px; border:1px solid #ffffff1d; border-radius:14px; margin-bottom:7px; padding:7px 10px; background:#ffffff09; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell.is-floating-mini-chat .cloud-player-conversation-head { background:#ffffff0b; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell.is-floating-mini-chat .cloud-player-composer-host { padding:10px; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell.is-floating-mini-chat .cloud-player-message-feed .direct-message { max-width:88%; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-chat-header { background:rgba(255,255,255,.035); border-bottom-color:#ffffff1d; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-chat-mark { border-color:#ffffff28; background:#ffffff12; color:#e9edf1; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-chat-header strong,
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-conversation-head strong,
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-conversation-empty strong { color:#f1f3f5; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-chat-header small,
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-conversation-head small { color:#c0c6cc; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-chat-close,
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-chat-call,
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-conversation-head > button { border-color:#ffffff30; background:#ffffff10; color:#f2f4f6; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-roster { border-color:#ffffff22; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-roster-heading { color:#c4cbd1; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-roster-heading b { background:#ffffff18; color:#f0f2f4; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-friend { border-color:transparent; color:#f2f4f6; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-friend:hover,
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-friend.is-selected { border-color:#ffffff40; background:#ffffff14; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-friend small,
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-friend > i:last-child { color:#c4cbd1; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-conversation-empty { color:#c4cbd1; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-conversation-empty > i { border-color:#ffffff38; background:#ffffff12; color:#e5e9ed; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-message-feed .direct-message { border-color:#ffffff22; background:#ffffff0d; color:#f0f2f4; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-message-feed .direct-message.mine { border-color:#ffffff38; background:#ffffff17; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-message-feed .direct-message-tools button { border-color:#ffffff25; background:#ffffff10; color:#ecf0f3; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-composer-host { border-top-color:#ffffff22; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-composer > input { border-color:#ffffff35; background:#ffffff12; color:#f5f6f7; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-composer > input:focus { border-color:#d7dfe6; box-shadow:0 0 0 3px #ffffff18; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-attach-button,
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-attachment-menu > button,
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-send-button { border-color:#ffffff35; background:#ffffff12; color:#f0f2f4; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-send-button { border-color:#ffffff44; background:#ffffff1d; }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-attachment-options { border-color:#ffffff30; background:rgba(48,52,58,.99); }
.stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-attachment-options button:hover { background:#ffffff18; }
@media (max-width:760px) {
  .stream-stage.cloud-player-ui-ready .cloud-player-dock-chat-slot { top:76px; left:8px; width:min(390px,calc(100% - 16px)); height:min(520px,calc(100% - 88px)); }
  .stream-stage.cloud-player-ui-ready .cloud-player-chat-shell.is-menu-chat .cloud-player-chat-layout { grid-template-columns:120px minmax(0,1fr); }
  .stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-friend { gap:6px; padding-inline:5px; }
  .stream-stage.cloud-player-ui-ready .cloud-player-chat-shell .cloud-player-friend-avatar { width:32px; height:32px; }
}
/* Avoid full-screen blur surfaces while keeping the game's video untouched. */
html.stelah-performance-mode .stream-stage.cloud-player-ui-ready .cloud-player-menu-scrim {
  background:rgba(8,10,16,.82);
}
html.stelah-performance-mode .stream-stage.cloud-player-ui-ready .cloud-player-menu-scrim,
html.stelah-performance-mode .stream-stage.cloud-player-ui-ready .cloud-player-topbar,
html.stelah-performance-mode .stream-stage.cloud-player-ui-ready .cloud-player-menu-nav,
html.stelah-performance-mode .stream-stage.cloud-player-ui-ready .cloud-player-menu-main,
html.stelah-performance-mode .stream-stage.cloud-player-ui-ready .cloud-player-connection-panel,
html.stelah-performance-mode .stream-stage.cloud-player-ui-ready .cloud-player-dock,
html.stelah-performance-mode .stream-stage.cloud-player-ui-ready .cloud-player-screenshot-scrim,
html.stelah-performance-mode .stream-stage.cloud-player-ui-ready .cloud-player-chat-shell.is-floating-mini-chat {
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}