/* Public channel playback uses the Watch shell; the player stays mounted in mini mode. */
.watch-channel-viewer{color:#efeff1;background:#0e0e10;min-width:0;isolation:isolate}
body.watch-channel-active #main{padding:var(--header,50px) 0 88px;max-width:none}
body.watch-channel-active #main>:not(#watch-channel-viewer){display:none!important}
body.watch-channel-active .mobile-feed-tabs{display:none!important}
.wcv-toolbar{display:flex;align-items:center;gap:12px;min-height:40px;padding:4px 20px;background:#18181b;border-bottom:1px solid #26262c}
.wcv-toolbar button{font:600 13px/1.2 Arial,sans-serif;min-height:32px;border-radius:4px;padding:7px 10px;color:#efeff1}
.wcv-toolbar button:hover{background:#303036}.wcv-back{margin-right:auto}.wcv-expand{margin-right:auto}
.wcv-close{font-size:0!important;width:32px;padding:0!important}.wcv-close::after{content:'×';font:26px/1 Arial,sans-serif}
.wcv-stage{position:relative;width:100%;aspect-ratio:16/9;max-height:calc(100svh - var(--header,50px) - 96px);min-height:260px;background:#000;overflow:hidden}
.wcv-slot,.wcv-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.wcv-notice{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px;text-align:center;background:#000;z-index:1}
.wcv-notice h2{font:600 clamp(20px,2.4vw,28px)/1.2 Arial,sans-serif;text-transform:none;max-width:650px}.wcv-notice p{font:14px/1.5 Arial,sans-serif;color:#adadb8;max-width:520px}
.wcv-retry{background:#ffd000;color:#111;font:700 13px/1.2 Arial,sans-serif;border-radius:4px;min-height:36px;padding:10px 16px}.wcv-retry:hover{background:#ffe069}
.wcv-metadata{display:flex;align-items:flex-start;gap:16px;padding:24px 28px 20px}.wcv-avatar{width:64px;height:64px;flex:0 0 64px;border-radius:50%;object-fit:contain;background:transparent;border:2px solid #a48a00}
.wcv-identity{min-width:0;flex:1}.wcv-creator{font:700 24px/1.15 Arial,sans-serif;text-transform:none;letter-spacing:0;color:#efeff1}.wcv-title{font:600 14px/1.5 Arial,sans-serif;margin-top:7px;overflow-wrap:anywhere;color:#dedee3}
.wcv-tags{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}.wcv-category{color:#ffd000;font:13px/1.4 Arial,sans-serif;padding:0;text-align:left}.wcv-category:hover{text-decoration:underline}.wcv-provider{color:#adadb8;font:12px/1.4 Arial,sans-serif}
.wcv-actions{display:flex;gap:8px;align-items:center;flex:none}.wcv-platform{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border-radius:4px;padding:8px 14px;font:600 13px/1.2 Arial,sans-serif;color:#111;background:#ffd000;white-space:nowrap}.wcv-platform:hover{background:#ffe069}
.wcv-details{margin:10px 28px 28px 108px;background:#18181b;padding:26px;max-width:1000px;border-radius:4px}.wcv-details h2{font:600 20px/1.3 Arial,sans-serif;text-transform:none}.wcv-details p{font:14px/1.6 Arial,sans-serif;color:#c0c0c8;margin-top:12px;max-width:750px}
.wcv-mini-caption{display:none}
body.watch-channel-mini #watch-channel-viewer{display:flex!important;position:fixed;z-index:70;left:calc(var(--sidebar,50px) + 16px);right:auto;bottom:calc(24px + var(--watch-guest-bar-height,54px));width:426px;max-width:calc(100vw - var(--sidebar,50px) - 32px);min-width:0;box-shadow:0 5px 32px #000b;flex-direction:column;border:1px solid #3b3b43;border-radius:5px;overflow:hidden}
body.watch-channel-mini .wcv-stage{height:240px;min-height:0;max-height:none;aspect-ratio:16/9;order:2}
body.watch-channel-mini .wcv-toolbar{order:1;min-height:36px;padding:2px 6px;gap:4px}
body.watch-channel-mini .wcv-metadata,body.watch-channel-mini .wcv-details{display:none}
body.watch-channel-mini .wcv-mini-caption{display:block;order:3;padding:8px 12px;font:600 13px/1.3 Arial,sans-serif;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body.watch-channel-mini .wcv-notice{padding:15px}
@media(max-width:1000px){.wcv-metadata{padding:20px;gap:12px}.wcv-actions{align-self:center}.wcv-details{margin:0 20px 24px 96px}.wcv-toolbar{padding-inline:12px}}
@media(max-width:760px){
 body.watch-channel-active #main{padding-top:var(--header,54px);padding-bottom:100px;margin-left:0}
 .wcv-stage{aspect-ratio:16/9;max-height:none;min-height:210px}
 .wcv-toolbar{min-height:36px;padding:2px 8px}.wcv-toolbar button{font-size:12px;min-height:32px}
 .wcv-metadata{padding:16px 12px;gap:10px;flex-wrap:wrap}.wcv-avatar{width:44px;height:44px;flex-basis:44px}.wcv-identity{flex-basis:calc(100% - 54px)}.wcv-creator{font-size:20px}.wcv-title{font-size:13px;margin-top:5px}.wcv-tags{gap:8px;margin-top:6px}
 .wcv-actions{margin-left:54px}.wcv-platform{font-size:12px;min-height:34px}.wcv-details{margin:0 12px 18px;padding:18px}.wcv-details h2{font-size:18px}.wcv-details p{font-size:13px}
 .wcv-notice{gap:10px;padding:18px}.wcv-notice h2{font-size:20px}.wcv-notice p{font-size:12px}
 body.watch-channel-mini #watch-channel-viewer{left:8px;right:auto;bottom:calc(68px + var(--watch-guest-bar-height,54px));width:300px;max-width:calc(100vw - 16px)}
 body.watch-channel-mini .wcv-stage{height:169px;min-height:0}.wcv-mini-caption{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.watch-channel-viewer *{scroll-behavior:auto!important}}

.watch-channel-viewer[data-provider="twitch"] .wcv-stage{min-height:300px}
/* Reserve the 41px toolbar and guest invitation without changing mini/offline views. */
@media(min-width:761px){body.watch-channel-active .watch-channel-viewer:not(.wcp-offline)>.wcv-stage{max-height:min(calc(100svh - var(--header,50px) - 96px),max(300px,calc(100svh - var(--header,50px) - 41px - var(--watch-guest-bar-height,0px) - 2px)))}}
body.watch-channel-mini #watch-channel-viewer[data-provider="twitch"]{width:426px}
body.watch-channel-mini .watch-channel-viewer[data-provider="twitch"] .wcv-stage{height:300px;min-height:300px}