/* Homepage-only version of the Watch spotlight. Geometry follows watch-carousel.css. */
#streamers[data-home-watch]{overflow:hidden;--yellow:#ffd000}
#streamers[data-home-watch] .streamers__inner{width:100%;max-width:2048px;padding-inline:24px;margin-inline:auto}
#streamers[data-home-watch] .streamers__heading{margin-bottom:30px}
#streamers .home-watch-panel{position:relative;isolation:isolate;padding:16px 0 20px;overflow:hidden;min-height:336px}
#streamers .home-watch-stage{position:relative;height:300px;max-width:2000px;width:100%;margin:0 auto;--canvas-width:100%;--face-width:750px;--player-height:300px;touch-action:pan-y}
#streamers .home-watch-stage[hidden],#streamers .home-watch-empty[hidden],#streamers .home-watch-nav button[hidden]{display:none!important}
#streamers .feature-slide{box-sizing:border-box;position:absolute;left:calc(50% - var(--face-width)/2);top:0;width:var(--face-width);height:var(--player-height);min-width:0;max-width:none;z-index:5;transform-origin:center;opacity:1;transition:transform .45s ease,left .45s ease,width .45s ease,opacity .45s ease,filter .3s;will-change:transform}
#streamers .feature-slide[data-offset='0']{transform:scale(1);filter:none;opacity:1}
#streamers .feature-slide[data-offset='-1']{transform:translateX(calc(var(--canvas-width)/-4)) translateX(25%) scale(.85);z-index:3;filter:brightness(.65)}
#streamers .feature-slide[data-offset='1']{transform:translateX(calc(var(--canvas-width)/4)) translateX(-25%) scale(.85);z-index:3;filter:brightness(.65)}
#streamers .feature-slide[data-offset='-2']{transform:translateX(calc(var(--canvas-width)/-2)) translateX(50%) scale(.7);z-index:2;filter:brightness(.42)}
#streamers .feature-slide[data-offset='2']{transform:translateX(calc(var(--canvas-width)/2)) translateX(-50%) scale(.7);z-index:2;filter:brightness(.42)}
#streamers .feature-slide[data-offset='-3']{transform:translateX(calc(var(--canvas-width)*-.75)) translateX(75%) scale(.55);opacity:0;pointer-events:none;z-index:1}
#streamers .feature-slide[data-offset='3']{transform:translateX(calc(var(--canvas-width)*.75)) translateX(-75%) scale(.55);opacity:0;pointer-events:none;z-index:1}
#streamers .feature-slide.is-distant{opacity:0;pointer-events:none}
#streamers .feature-slide.is-neighbor:hover{filter:brightness(.95)}
#streamers .feature-slide.is-edge-enter{transition:none!important;opacity:0!important;pointer-events:none}
#streamers .feature-slide.is-edge-exit{opacity:0!important;z-index:0;pointer-events:none}
#streamers .feature-slide.is-motion-copy{pointer-events:none}
#streamers .feature-face{display:grid;grid-template-columns:530px 220px;height:100%;overflow:hidden;background:#18181b;box-shadow:0 3px 12px #000b;transition:opacity .2s ease}
#streamers .feature-slide:not(.is-active) .feature-face{opacity:0;pointer-events:none}
#streamers .feature-media{position:relative;width:100%;min-width:0;height:var(--player-height);background:#0e0e10;overflow:hidden}
#streamers .feature-poster{position:absolute;inset:0;display:block;background:#18181b}
#streamers .feature-poster>img,#streamers .deck-neighbor>img{display:block;width:100%;height:100%;object-fit:cover}
#streamers .channel-placeholder{box-sizing:border-box;display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;background:linear-gradient(140deg,#25252c,#0e0e10);color:#efeff1;font:14px/1.4 Arial,sans-serif;text-transform:none;letter-spacing:0}
#streamers .channel-placeholder .platform-icon{width:28px;height:28px}
#streamers .channel-placeholder strong{font-size:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
#streamers .status-badge{position:absolute;left:10px;top:10px;background:#eb0400;color:#fff;border-radius:3px;padding:2px 5px;font:600 11px/1.4 Arial,sans-serif}
#streamers .feature-player{position:absolute;inset:0;z-index:3;pointer-events:none}
#streamers .featured-live-frame,#streamers .feature-player>div{display:block;width:100%;height:100%;border:0;background:#000;pointer-events:auto}
#streamers .feature-slide.has-live-player .feature-poster{visibility:hidden}
#streamers .feature-details{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;overflow:hidden;padding:14px 0;color:#efeff1!important;background:#18181b;text-decoration:none!important;font:14px/1.5 Arial,sans-serif;text-transform:none;letter-spacing:0}
#streamers .feature-details>*{width:calc(100% - 28px);min-width:0;margin:0 14px;flex-shrink:0}
#streamers .feature-identity{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px}
#streamers .feature-identity>img{display:block;flex:none;width:40px;height:40px;border:0;border-radius:50%;object-fit:contain;background:transparent}
#streamers .feature-identity>div{min-width:0;overflow:hidden}
#streamers .feature-identity h2,#streamers .feature-identity h3{font:600 14px/1.3 Arial,sans-serif!important;color:#ffd000!important;text-transform:none!important;letter-spacing:0!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0!important}
#streamers .feature-meta,#streamers .feature-category{font:12px/1.45 Arial,sans-serif!important;color:#dedee3;margin-top:4px!important;letter-spacing:0;text-transform:none}
#streamers .provider{display:flex;align-items:center;gap:4px;font:12px/1.45 Arial,sans-serif;color:#dedee3}
#streamers .platform-icon{width:13px;height:13px;object-fit:contain;display:inline-block}
#streamers .feature-status{display:block;color:#adadb8;font:12px/1.45 Arial,sans-serif}
#streamers .feature-details>h3{font:400 14px/1.5 Arial,sans-serif!important;color:#efeff1!important;letter-spacing:0!important;text-transform:none!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
#streamers .feature-details>p{display:none}
#streamers .deck-neighbor{box-sizing:border-box;position:absolute;inset:0;display:block;width:100%;height:var(--player-height);max-width:none;border:0;border-radius:0;padding:0;overflow:hidden;background:#18181b;box-shadow:0 3px 12px #000b;opacity:1;transition:opacity .25s;cursor:pointer}
#streamers .feature-slide.is-active .deck-neighbor{opacity:0;pointer-events:none}
#streamers .deck-caption{display:none}
#streamers .home-watch-nav{position:absolute;left:50%;top:16px;width:100%;max-width:2000px;height:300px;transform:translateX(-50%);pointer-events:none;z-index:12}
#streamers .home-watch-nav button{box-sizing:border-box;position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:0;padding:6px;background:transparent;border:0;border-radius:50%;color:#efeff1;pointer-events:auto;isolation:isolate;cursor:pointer}
#streamers .home-watch-prev{left:0}#streamers .home-watch-next{right:0}
#streamers .home-watch-nav button::before,#streamers .home-watch-nav button::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:transparent}
#streamers .home-watch-nav button::before{border-radius:6px}
#streamers .home-watch-nav.is-compact button::before{background:#0e0e10}
#streamers .home-watch-nav button::after{border-radius:50%}
#streamers .home-watch-nav button:hover::after{background:#ffffff33}
#streamers .home-watch-nav button>svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}
#streamers .home-watch-nav button:disabled{opacity:.35;cursor:default}
#streamers :is(.home-watch-nav button,.deck-neighbor,.feature-details,.feature-poster):focus-visible{outline:2px solid #ffd000;outline-offset:-2px}
#streamers .home-watch-stage:focus-visible{outline:none}
#streamers .home-watch-empty{display:grid;align-content:center;min-height:300px;text-align:center;font:14px/1.6 Arial,sans-serif;color:#bcbcc4;background:transparent}
#streamers .home-watch-empty h3{font:600 22px/1.3 Arial,sans-serif;text-transform:none;margin:0 0 12px}
#streamers .latest-news__action{margin-top:18px}
@media(max-width:600px){
 #streamers[data-home-watch] .streamers__inner{padding-inline:12px}
 #streamers .home-watch-stage{--face-width:calc(100% - 28px)!important;--player-height:200px;height:288px}
 #streamers .feature-slide{height:288px}
 #streamers .feature-face{grid-template-columns:minmax(0,1fr);grid-template-rows:200px 88px}
 #streamers .feature-details{padding:12px;display:grid;grid-template-columns:1fr;align-content:start;gap:5px}
 #streamers .feature-details>*{width:100%;margin:0}
 #streamers .feature-identity{gap:9px;margin:0}
 #streamers .feature-identity>img{width:32px;height:32px}
 #streamers .feature-meta{margin-top:2px!important}
 #streamers .feature-meta .feature-status{display:none}
 #streamers .feature-category{display:none}
 #streamers .feature-details>h3{font-size:12px!important;line-height:1.3!important;-webkit-line-clamp:1}
 #streamers .deck-neighbor{height:288px}
 #streamers .home-watch-nav{height:200px}
 #streamers .home-watch-panel{min-height:324px}
 #streamers .home-watch-nav button::before{background:#0e0e10}
}
@media(prefers-reduced-motion:reduce){#streamers .feature-slide,#streamers .feature-face,#streamers .deck-neighbor{transition:none!important}}