.eth-section,.eth-status,.eth-modal{--eth-accent:#9146ff;--eth-online:#30d158;font-family:inherit}
.eth-section{min-width:0;margin:0 0 34px;color:#fff}
.eth-title{margin:0 0 18px;color:#fff;font-size:clamp(1.55rem,2.6vw,2.35rem);line-height:1.08;letter-spacing:-.025em}
.eth-hub{display:grid;gap:34px}.eth-hub>.eth-section,.eth-hub>.eth-status{margin:0}
.eth-status{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(145deg,rgba(21,22,33,.96),rgba(10,11,17,.98));box-shadow:0 16px 42px rgba(0,0,0,.24);color:#fff}
.eth-status.is-online{border-color:color-mix(in srgb,var(--eth-online) 45%,transparent);box-shadow:0 16px 42px rgba(0,0,0,.24),0 0 36px color-mix(in srgb,var(--eth-online) 14%,transparent)}
.eth-avatar{width:66px;height:66px;flex:0 0 auto;border-radius:16px;object-fit:cover;border:2px solid rgba(255,255,255,.14)}
.eth-status-copy{display:grid;min-width:0;gap:3px;flex:1}.eth-status-copy strong{overflow:hidden;color:#fff;font-size:1.02rem;white-space:nowrap;text-overflow:ellipsis}.eth-meta{overflow:hidden;color:rgba(255,255,255,.66);font-size:.86rem;white-space:nowrap;text-overflow:ellipsis}
.eth-live-label{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.72);font-size:.7rem;font-weight:900;letter-spacing:.14em}.eth-live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#7f8793}.is-online .eth-live-dot{background:var(--eth-online);box-shadow:0 0 0 5px color-mix(in srgb,var(--eth-online) 16%,transparent);animation:eth-pulse 1.4s infinite}.is-online .eth-live-label{color:var(--eth-online)}
.eth-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border:0;border-radius:12px;background:var(--eth-accent);color:#fff!important;text-decoration:none!important;font:inherit;font-weight:850;cursor:pointer;transition:transform .2s ease,filter .2s ease,background .2s ease}.eth-button:hover{transform:translateY(-2px);filter:brightness(1.12)}.eth-button--ghost{border:1px solid rgba(255,255,255,.2);background:rgba(4,5,9,.55);backdrop-filter:blur(8px)}.eth-button--play{gap:8px}
.eth-status.is-compact{gap:10px;padding:8px 10px;border:0;border-radius:12px;background:transparent;box-shadow:none}.eth-status.is-compact .eth-avatar{display:none}.eth-status.is-compact .eth-status-copy{display:flex;align-items:center;gap:10px}.eth-status.is-compact .eth-status-copy strong,.eth-status.is-compact .eth-meta{display:none}.eth-status.is-compact .eth-button{min-height:34px;padding:0 12px;font-size:.78rem}.eth-status.is-compact .eth-live-label{font-size:.72rem}
.eth-live-layout{display:grid;grid-template-columns:1fr;gap:14px}.eth-live-layout.has-chat{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}
.eth-live-player,.eth-chat{display:block;width:100%;height:var(--eth-player-height,620px);min-height:300px;border:0;border-radius:18px;background:#090a12;box-shadow:0 18px 48px rgba(0,0,0,.26)}
.eth-offline{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:var(--eth-player-height,520px);overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#090b0d var(--eth-offline-image) center/cover no-repeat;box-shadow:0 18px 55px rgba(0,0,0,.3)}
.eth-offline::before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 82% 16%,color-mix(in srgb,var(--eth-accent) 30%,transparent),transparent 34%),linear-gradient(135deg,#10121a,#080a0d)}
.eth-offline-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,5,8,.96) 0%,rgba(4,5,8,.78) 43%,rgba(4,5,8,.2) 78%,rgba(4,5,8,.35) 100%),linear-gradient(0deg,rgba(0,0,0,.65),transparent 55%)}
.eth-offline-content{width:min(650px,100%);padding:clamp(26px,5vw,56px)}.eth-offline-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(4,5,9,.54);font-size:.72rem;font-weight:900;letter-spacing:.14em}.eth-offline h3{max-width:580px;margin:0;color:#fff;font-size:clamp(2rem,4.4vw,4.5rem);line-height:.96;letter-spacing:-.045em}.eth-offline-kicker{margin:24px 0 5px;color:color-mix(in srgb,var(--eth-accent) 55%,#fff);font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.eth-offline-video-title{display:block;max-width:620px;color:#fff;font-size:clamp(1rem,2vw,1.35rem);line-height:1.3}.eth-offline-meta,.eth-offline-content>p{margin:8px 0 0;color:rgba(255,255,255,.68)}.eth-offline-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}
.eth-live-now-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:12px 15px;border:1px solid color-mix(in srgb,var(--eth-online) 38%,transparent);border-radius:12px;background:color-mix(in srgb,var(--eth-online) 10%,transparent);color:#fff}.eth-live-now-notice a{color:var(--eth-online);font-weight:900}.eth-live-now-notice[hidden]{display:none!important}
.eth-grid{display:grid;grid-template-columns:repeat(var(--eth-columns,3),minmax(0,1fr));gap:18px}
.eth-card{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:linear-gradient(180deg,rgba(25,24,38,.98),rgba(12,13,21,.98));box-shadow:0 12px 30px rgba(0,0,0,.2);transition:transform .22s ease,border-color .22s ease}.eth-card:hover{transform:translateY(-4px);border-color:var(--eth-accent)}
.eth-media-button{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#080910;cursor:pointer;overflow:hidden}.eth-media-button img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}.eth-card:hover .eth-media-button img{transform:scale(1.04);filter:brightness(.78)}
.eth-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--eth-accent);color:#fff;transform:translate(-50%,-50%);box-shadow:0 0 30px color-mix(in srgb,var(--eth-accent) 55%,transparent);font-size:19px;padding-left:3px}.eth-duration{position:absolute;right:9px;bottom:8px;padding:3px 7px;border-radius:7px;background:rgba(0,0,0,.82);color:#fff;font-size:.72rem;font-weight:800}
.eth-card-body{padding:14px}.eth-card-body h3{display:-webkit-box;overflow:hidden;margin:0 0 8px;color:#fff;font-size:1rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.eth-card-body p{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0;color:rgba(255,255,255,.62);font-size:.8rem}.eth-card-body p span+span::before{content:"·";margin-right:10px;color:rgba(255,255,255,.28)}
.eth-layout-compact .eth-grid{grid-template-columns:1fr!important;gap:12px}.eth-layout-compact .eth-card{display:grid;grid-template-columns:minmax(124px,42%) minmax(0,1fr);border-radius:14px}.eth-layout-compact .eth-media-button{height:100%;min-height:100px;aspect-ratio:auto}.eth-layout-compact .eth-play{width:42px;height:42px;font-size:15px}.eth-layout-compact .eth-card-body{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:13px}.eth-layout-compact .eth-card-body h3{font-size:.94rem;-webkit-line-clamp:3}.eth-layout-compact .eth-card-body p{display:grid;gap:2px;font-size:.76rem}.eth-layout-compact .eth-card-body p span+span::before{display:none}
.eth-message{padding:18px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.8)}.eth-error{border-color:rgba(255,90,90,.45);background:rgba(160,20,20,.18)}
.eth-schedule{display:grid;gap:12px}.eth-schedule-item{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.035)}.eth-schedule-item time{display:grid;place-items:center;min-width:76px;padding:8px;border-radius:11px;background:var(--eth-accent);color:#fff;text-transform:uppercase}.eth-schedule-item time strong{font-size:1rem}.eth-schedule-item time span{font-size:.85rem}.eth-schedule-item h3{margin:0 0 4px;color:#fff;font-size:1rem}.eth-schedule-item p{margin:0;color:rgba(255,255,255,.66)}
.eth-modal[hidden]{display:none}.eth-modal{position:fixed;z-index:999999;inset:0;display:grid;place-items:center;padding:24px}.eth-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(8px)}.eth-modal-dialog{position:relative;z-index:1;width:min(1100px,94vw);overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#080910;box-shadow:0 30px 100px rgba(0,0,0,.65)}.eth-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:12px 14px 12px 18px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.eth-modal-header strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.eth-modal-close{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:25px;line-height:1;cursor:pointer}.eth-modal-player{display:grid;place-items:center;aspect-ratio:16/9;min-height:300px}.eth-modal-player iframe{display:block;width:100%;height:100%;min-height:300px;border:0}.eth-modal-loading{color:rgba(255,255,255,.65)}.eth-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:13px 16px;background:#111119;border-top:1px solid rgba(255,255,255,.1)}.eth-modal-note{margin:0;color:#d0d0d7}.eth-modal-external{flex:0 0 auto}.eth-modal-open{overflow:hidden}
.eth-ok{color:#30d158;font-weight:700}.eth-bad{color:#ff6b6b;font-weight:700}
@keyframes eth-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.55}}
@media(max-width:980px){.eth-live-layout.has-chat{grid-template-columns:1fr}.eth-chat{height:420px}.eth-grid{grid-template-columns:repeat(min(2,var(--eth-columns,3)),minmax(0,1fr))}}
@media(max-width:620px){.eth-status:not(.is-compact){align-items:flex-start;flex-wrap:wrap}.eth-avatar{width:58px;height:58px}.eth-status:not(.is-compact) .eth-button{width:100%}.eth-grid{grid-template-columns:1fr}.eth-layout-compact .eth-card{grid-template-columns:122px minmax(0,1fr)}.eth-modal{padding:10px}.eth-modal-player{min-height:240px}.eth-live-player{height:360px}.eth-chat{height:380px}.eth-offline{min-height:430px}.eth-offline-content{padding:25px}.eth-offline-actions{align-items:stretch;flex-direction:column}.eth-offline-actions .eth-button{width:100%}.eth-modal-actions{align-items:stretch;flex-direction:column}.eth-modal-external{width:100%;text-align:center}}

/* Esnake Twitch Hub: carga progresiva y accesibilidad */
.eth-load-more-wrap{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:22px}.eth-load-more{min-width:180px}.eth-load-more.is-loading{cursor:wait;opacity:.72}.eth-load-status{color:rgba(255,255,255,.66);font-size:.84rem}.eth-media-button:focus-visible,.eth-button:focus-visible,.eth-modal-close:focus-visible{outline:3px solid color-mix(in srgb,var(--eth-accent) 72%,#fff);outline-offset:3px}.eth-card.is-new{animation:eth-card-in .28s ease both}@keyframes eth-card-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:620px){.eth-load-more-wrap{align-items:stretch;flex-direction:column}.eth-load-more{width:100%}.eth-load-status{text-align:center}}

/* ===== Esnake Twitch Hub 0.4.0 ===== */
.eth-live-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 12px;padding:12px 14px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:linear-gradient(120deg,rgba(18,15,30,.92),rgba(8,16,11,.94));box-shadow:0 12px 32px rgba(0,0,0,.18)}
.eth-live-toolbar__state{display:flex;align-items:center;min-width:0;gap:13px}.eth-live-toolbar__state>div{display:grid;min-width:0;gap:2px}.eth-live-toolbar__state strong{overflow:hidden;color:#fff;font-size:.93rem;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}.eth-live-toolbar__state [data-eth-toolbar-meta]{overflow:hidden;color:rgba(255,255,255,.62);font-size:.76rem;white-space:nowrap;text-overflow:ellipsis}
.eth-live-toolbar__actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.eth-toolbar-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 11px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.055);color:#fff!important;text-decoration:none!important;font:inherit;font-size:.76rem;font-weight:850;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.eth-toolbar-button:hover{border-color:color-mix(in srgb,var(--eth-accent) 56%,transparent);background:color-mix(in srgb,var(--eth-accent) 16%,transparent);transform:translateY(-1px)}.eth-toolbar-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.eth-toolbar-button[aria-pressed="true"]{border-color:color-mix(in srgb,var(--eth-accent) 64%,transparent);background:color-mix(in srgb,var(--eth-accent) 22%,transparent)}
.eth-chat[hidden]{display:none!important}.eth-live-layout:not(.has-chat){grid-template-columns:1fr}.eth-live-section--hidden-offline{display:none}.eth-offline-hidden{display:none}
.eth-featured-badge{position:absolute;left:9px;top:9px;padding:4px 8px;border-radius:999px;background:rgba(3,7,4,.86);color:#baff94;font-size:.65rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 14px rgba(0,0,0,.35)}.eth-card.is-featured{border-color:color-mix(in srgb,var(--eth-online) 35%,rgba(255,255,255,.11));box-shadow:0 12px 34px color-mix(in srgb,var(--eth-online) 8%,transparent)}
.eth-modal-counter{margin-left:auto;color:rgba(255,255,255,.62);font-size:.78rem;font-weight:800}.eth-modal-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid rgba(255,255,255,.08);background:#0c0d14}.eth-modal-navigation .eth-toolbar-button{min-width:115px}.eth-modal-actions{flex-wrap:wrap}.eth-modal-note{margin-right:auto;max-width:520px;font-size:.78rem}
.eth-theater-open{overflow:hidden}.eth-live-section.is-theater{position:fixed;z-index:999998;inset:0;display:flex!important;flex-direction:column;margin:0!important;padding:18px!important;overflow:auto;background:#030507}.eth-live-section.is-theater>.eth-title{display:none}.eth-live-section.is-theater .eth-live-toolbar{flex:0 0 auto}.eth-live-section.is-theater .eth-live-layout{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) minmax(300px,360px)}.eth-live-section.is-theater .eth-live-layout:not(.has-chat){grid-template-columns:1fr}.eth-live-section.is-theater .eth-live-player,.eth-live-section.is-theater .eth-chat{height:calc(100vh - 112px);min-height:420px;border-radius:12px}.eth-live-section.is-theater .eth-offline{flex:1;min-height:calc(100vh - 112px)}
.eth-live-now-notice{position:relative;z-index:2}.eth-live-now-notice[hidden]{display:none!important}

@media(max-width:980px){.eth-live-toolbar{align-items:flex-start;flex-direction:column}.eth-live-toolbar__actions{justify-content:flex-start}.eth-live-section.is-theater .eth-live-layout.has-chat{grid-template-columns:1fr}.eth-live-section.is-theater .eth-chat{height:38vh;min-height:300px}.eth-live-section.is-theater .eth-live-player{height:55vh}}
@media(max-width:620px){.eth-live-toolbar{padding:11px}.eth-live-toolbar__state{align-items:flex-start}.eth-live-toolbar__state strong,.eth-live-toolbar__state [data-eth-toolbar-meta]{white-space:normal}.eth-live-toolbar__actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.eth-toolbar-button{width:100%;padding-inline:8px}.eth-live-section.is-theater{padding:8px!important}.eth-live-section.is-theater .eth-live-player{height:52vh;min-height:300px}.eth-live-section.is-theater .eth-chat{height:38vh;min-height:250px}.eth-modal-header{gap:8px}.eth-modal-counter{font-size:.7rem}.eth-modal-navigation{gap:8px}.eth-modal-navigation .eth-toolbar-button{min-width:0}.eth-modal-actions .eth-toolbar-button{width:100%}.eth-modal-note{width:100%;margin:0;text-align:center}}

/* ===== Esnake Twitch Hub 0.4.2: VOD integrado + chat ===== */
.eth-live-section.is-vod .eth-live-dot{background:var(--eth-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--eth-accent) 16%,transparent)}
.eth-live-section.is-vod .eth-live-label{color:color-mix(in srgb,var(--eth-accent) 72%,#fff)}
.eth-vod-chat-note{margin:10px 4px 0;color:rgba(255,255,255,.58);font-size:.76rem;line-height:1.45}
.eth-modal-dialog{width:min(1380px,96vw)}
.eth-modal-media{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;background:#05060a}
.eth-modal-media.has-chat{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}
.eth-modal-media .eth-modal-player{min-width:0}
.eth-modal-chat{display:block;width:100%;height:100%;min-height:300px;border:0;border-left:1px solid rgba(255,255,255,.1);background:#090a12}
.eth-modal-chat[hidden]{display:none!important}
.eth-modal-media:not(.has-chat){grid-template-columns:minmax(0,1fr)}
.eth-modal-media.has-chat .eth-modal-player{aspect-ratio:auto;min-height:520px}
.eth-modal-media.has-chat .eth-modal-player iframe{min-height:520px}
@media(max-width:980px){.eth-modal-media.has-chat{grid-template-columns:1fr}.eth-modal-media.has-chat .eth-modal-player,.eth-modal-media.has-chat .eth-modal-player iframe{min-height:420px}.eth-modal-chat{height:420px;border-top:1px solid rgba(255,255,255,.1);border-left:0}}
@media(max-width:620px){.eth-modal-media.has-chat .eth-modal-player,.eth-modal-media.has-chat .eth-modal-player iframe{min-height:260px}.eth-modal-chat{height:360px;min-height:300px}.eth-vod-chat-note{font-size:.72rem}}

/* ===== Esnake Twitch Hub 0.4.2: estabilidad y sincronización ===== */
.eth-live-toolbar{position:relative;flex-wrap:wrap}
.eth-live-sync-message{width:100%;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.68);font-size:.76rem;line-height:1.35}
.eth-live-sync-message.is-error{color:#ffb3b3}
.eth-live-sync-message[hidden]{display:none!important}

/* ===== Esnake Twitch Hub 0.5.0: centro multimedia unificado ===== */
.eth-media-center{margin:26px 0;padding:clamp(16px,2.4vw,26px);border:1px solid rgba(255,255,255,.1);border-radius:24px;background:radial-gradient(circle at 12% 4%,color-mix(in srgb,var(--eth-accent) 12%,transparent),transparent 34%),linear-gradient(145deg,rgba(10,14,12,.98),rgba(6,7,11,.99));box-shadow:0 24px 70px rgba(0,0,0,.34);color:#fff}
.eth-media-center-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.eth-media-center-heading>div{min-width:0}.eth-media-center-heading .eth-title{margin:5px 0 0;font-size:clamp(2rem,4vw,3.7rem);line-height:.98}.eth-media-center.is-offline .eth-media-center-heading .eth-live-dot{background:var(--eth-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--eth-accent) 16%,transparent)}
.eth-media-center-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,390px);align-items:start;gap:18px}.eth-media-stage-wrap{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:19px;background:#05070a}.eth-media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(120deg,rgba(25,20,39,.86),rgba(8,18,12,.92))}.eth-media-toolbar-copy{display:grid;min-width:0;gap:2px}.eth-media-toolbar-copy>[data-eth-media-type-label]{color:color-mix(in srgb,var(--eth-accent) 72%,#fff);font-size:.68rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.eth-media-toolbar-copy strong{overflow:hidden;color:#fff;font-size:.95rem;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}.eth-media-toolbar-copy small{overflow:hidden;color:rgba(255,255,255,.6);font-size:.74rem;white-space:nowrap;text-overflow:ellipsis}.eth-media-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.eth-media-toolbar-actions .eth-toolbar-button{min-height:36px;padding-inline:10px;font-size:.72rem}
.eth-media-stage{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;background:#020304}.eth-media-stage.has-chat{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}.eth-media-player-shell{display:grid;place-items:center;min-width:0;height:var(--eth-media-height,600px);background:#000}.eth-media-player{display:block;width:100%;height:100%;border:0}.eth-media-chat{display:block;width:100%;height:var(--eth-media-height,600px);border:0;border-left:1px solid rgba(255,255,255,.1);background:#0b0b12}.eth-media-chat[hidden]{display:none!important}.eth-media-empty{display:grid;place-items:center;align-content:center;gap:8px;width:100%;height:100%;padding:32px;text-align:center;background:radial-gradient(circle at center,rgba(145,70,255,.12),transparent 48%)}.eth-media-empty strong{font-size:1.3rem}.eth-media-empty span{color:rgba(255,255,255,.62)}.eth-media-note{margin:0;padding:10px 14px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.55);font-size:.72rem;line-height:1.45}.eth-media-center .eth-live-now-notice{margin:10px 12px 12px}.eth-media-center .eth-live-now-notice[hidden]{display:none!important}
.eth-media-library{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:19px;background:linear-gradient(155deg,rgba(14,24,18,.96),rgba(7,10,9,.99))}.eth-media-tabs{display:flex;gap:6px;padding:10px;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.08);scrollbar-width:thin}.eth-media-tabs button{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:36px;padding:0 11px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.7);font:inherit;font-size:.72rem;font-weight:850;cursor:pointer}.eth-media-tabs button span{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.62rem}.eth-media-tabs button[aria-selected="true"],.eth-media-tabs button.is-active{border-color:color-mix(in srgb,var(--eth-accent) 52%,transparent);background:color-mix(in srgb,var(--eth-accent) 18%,transparent);color:#fff}.eth-media-tabs button[hidden]{display:none!important}.eth-media-panels{max-height:calc(var(--eth-media-height,600px) + 71px);overflow:auto;padding:10px;scrollbar-width:thin;scrollbar-color:rgba(145,70,255,.45) transparent}.eth-media-panel[hidden]{display:none!important}.eth-media-panel{display:grid;gap:9px}.eth-media-panel-empty{padding:28px 16px;color:rgba(255,255,255,.58);text-align:center}
.eth-media-queue-item{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:11px;width:100%;padding:7px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.025);color:#fff;text-align:left;font:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.eth-media-queue-item:hover{border-color:color-mix(in srgb,var(--eth-accent) 38%,transparent);background:rgba(255,255,255,.05);transform:translateY(-1px)}.eth-media-queue-item.is-active{border-color:color-mix(in srgb,var(--eth-accent) 68%,transparent);background:color-mix(in srgb,var(--eth-accent) 13%,rgba(255,255,255,.025));box-shadow:0 9px 28px color-mix(in srgb,var(--eth-accent) 10%,transparent)}.eth-media-queue-item[hidden]{display:none!important}.eth-media-queue-thumb{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;border-radius:9px;background:#111}.eth-media-queue-thumb img{display:block;width:100%;height:100%;object-fit:cover}.eth-media-queue-placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--eth-accent);font-size:1.4rem}.eth-media-queue-kind{position:absolute;left:5px;bottom:5px;max-width:calc(100% - 10px);overflow:hidden;padding:3px 6px;border-radius:6px;background:rgba(0,0,0,.78);color:#fff;font-size:.54rem;font-weight:950;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis}.eth-media-queue-copy{display:grid;min-width:0;gap:5px}.eth-media-queue-copy strong{display:-webkit-box;overflow:hidden;color:#fff;font-size:.82rem;line-height:1.22;-webkit-box-orient:vertical;-webkit-line-clamp:2}.eth-media-queue-copy>span{display:-webkit-box;overflow:hidden;color:rgba(255,255,255,.56);font-size:.66rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.eth-media-errors{margin:10px;padding:8px 10px;border:1px solid rgba(255,190,120,.18);border-radius:10px;color:rgba(255,255,255,.65);font-size:.72rem}.eth-media-errors summary{cursor:pointer;font-weight:800}.eth-media-errors p{margin:7px 0 0}
.eth-media-center.is-theater{position:fixed;z-index:999998;inset:0;display:flex;flex-direction:column;margin:0!important;padding:14px!important;overflow:auto;border:0;border-radius:0;background:#020304}.eth-media-center.is-theater .eth-media-center-heading{display:none}.eth-media-center.is-theater .eth-media-center-grid{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) minmax(310px,390px)}.eth-media-center.is-theater .eth-media-stage-wrap,.eth-media-center.is-theater .eth-media-library{height:calc(100vh - 28px)}.eth-media-center.is-theater .eth-media-stage{height:calc(100vh - 126px)}.eth-media-center.is-theater .eth-media-player-shell,.eth-media-center.is-theater .eth-media-chat{height:100%}.eth-media-center.is-theater .eth-media-panels{max-height:calc(100vh - 87px)}
.eth-hub--media>.eth-status{margin-bottom:18px}.eth-hub--media>.eth-section--schedule{margin-top:28px}
@media(max-width:1180px){.eth-media-center-grid{grid-template-columns:minmax(0,1fr) 330px}.eth-media-stage.has-chat{grid-template-columns:minmax(0,1fr) 320px}.eth-media-queue-item{grid-template-columns:112px minmax(0,1fr)}}
@media(max-width:980px){.eth-media-center-grid{grid-template-columns:1fr}.eth-media-library{max-height:none}.eth-media-panels{max-height:520px}.eth-media-stage.has-chat{grid-template-columns:1fr}.eth-media-chat{height:420px;border-top:1px solid rgba(255,255,255,.1);border-left:0}.eth-media-center.is-theater .eth-media-center-grid{grid-template-columns:1fr}.eth-media-center.is-theater .eth-media-stage-wrap,.eth-media-center.is-theater .eth-media-library{height:auto}.eth-media-center.is-theater .eth-media-stage{height:auto}.eth-media-center.is-theater .eth-media-player-shell{height:58vh}.eth-media-center.is-theater .eth-media-chat{height:34vh}.eth-media-center.is-theater .eth-media-library{display:none}}
@media(max-width:700px){.eth-media-center{padding:10px;border-radius:17px}.eth-media-center-heading{align-items:flex-start;flex-direction:column}.eth-media-center-heading .eth-title{font-size:clamp(2rem,10vw,3rem)}.eth-media-toolbar{align-items:flex-start;flex-direction:column}.eth-media-toolbar-copy strong,.eth-media-toolbar-copy small{white-space:normal}.eth-media-toolbar-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.eth-media-toolbar-actions .eth-toolbar-button{width:100%}.eth-media-player-shell{height:min(56vw,390px);min-height:260px}.eth-media-chat{height:360px}.eth-media-panels{max-height:470px}.eth-media-queue-item{grid-template-columns:112px minmax(0,1fr)}.eth-media-center.is-theater{padding:6px!important}.eth-media-center.is-theater .eth-media-stage-wrap{height:calc(100vh - 12px)}.eth-media-center.is-theater .eth-media-player-shell{height:54vh;min-height:280px}.eth-media-center.is-theater .eth-media-chat{height:36vh}.eth-media-center.is-theater .eth-media-toolbar-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.eth-media-center.is-theater [data-eth-media-external]{display:none}}
@media(max-width:430px){.eth-media-queue-item{grid-template-columns:96px minmax(0,1fr)}.eth-media-toolbar-actions{grid-template-columns:1fr 1fr}.eth-media-toolbar-actions .eth-toolbar-button span{display:none}.eth-media-toolbar-actions [data-eth-media-external]{grid-column:1/-1}.eth-media-tabs{padding:8px}.eth-media-tabs button{padding-inline:9px}}

/* ===== Esnake Twitch Hub 0.5.1: reproductor ancho + biblioteca inferior ===== */
.eth-media-center-grid{grid-template-columns:minmax(0,1fr);gap:14px}
.eth-media-stage{grid-template-columns:minmax(0,1fr)}
.eth-media-stage.has-chat{grid-template-columns:minmax(0,72fr) minmax(300px,28fr)}
.eth-media-player-shell{position:relative;overflow:hidden}
.eth-media-player-host,.eth-media-player-host>iframe{display:block;width:100%!important;height:100%!important;border:0}
.eth-media-up-next{position:absolute;z-index:12;inset:0;display:grid;place-content:center;justify-items:center;gap:11px;padding:clamp(22px,5vw,64px);background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--eth-accent) 24%,transparent),transparent 38%),rgba(2,3,5,.96);color:#fff;text-align:center}
.eth-media-up-next[hidden]{display:none!important}
.eth-media-up-next-kicker{color:color-mix(in srgb,var(--eth-accent) 70%,#fff);font-size:.72rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.eth-media-up-next strong{max-width:760px;font-size:clamp(1.45rem,3vw,3rem);line-height:1.06}
.eth-media-up-next>span:not(.eth-media-up-next-kicker){color:rgba(255,255,255,.68);font-size:.9rem}
.eth-media-up-next>div{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:8px}
.eth-media-up-next.is-manual [data-eth-up-next-cancel]{display:none}
.eth-media-library{overflow:hidden}
.eth-media-library-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.08)}
.eth-media-tabs{flex:1 1 auto;min-width:0;padding:0;border:0;scrollbar-width:none}
.eth-media-tabs::-webkit-scrollbar{display:none;width:0;height:0}
.eth-media-library-nav{display:flex;align-items:center;flex:0 0 auto;gap:7px}
.eth-media-library-nav .eth-toolbar-button{display:grid;place-items:center;width:36px;min-width:36px;height:36px;padding:0}
.eth-media-library-nav>span{min-width:64px;color:rgba(255,255,255,.66);font-size:.7rem;font-weight:850;text-align:center;white-space:nowrap}
.eth-media-panels{max-height:none;overflow:hidden;padding:10px;scrollbar-width:none}
.eth-media-panels::-webkit-scrollbar{display:none}
.eth-media-panel{display:flex;gap:11px;overflow-x:auto;overflow-y:hidden;padding:1px 1px 5px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;overscroll-behavior-inline:contain;touch-action:pan-y pinch-zoom}
.eth-media-panel::-webkit-scrollbar{display:none;width:0;height:0}
.eth-media-panel.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.eth-media-panel[hidden]{display:none!important}
.eth-media-panel-empty{flex:1 0 100%;padding:24px 16px}
.eth-media-queue-item{flex:0 0 clamp(270px,27vw,360px);grid-template-columns:132px minmax(0,1fr);min-height:94px;scroll-snap-align:start}
.eth-media-queue-copy strong{-webkit-line-clamp:2}
.eth-media-errors{margin:0 10px 10px}
.eth-media-center.is-theater{overflow:hidden}
.eth-media-center.is-theater .eth-media-center-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:10px;min-height:0}
.eth-media-center.is-theater .eth-media-stage-wrap{height:auto;min-height:0}
.eth-media-center.is-theater .eth-media-stage{height:calc(100vh - 278px);min-height:320px}
.eth-media-center.is-theater .eth-media-library{display:block;height:auto;max-height:178px}
.eth-media-center.is-theater .eth-media-panels{max-height:none}
.eth-media-center.is-theater .eth-media-queue-item{flex-basis:310px}
@media(max-width:1180px){.eth-media-center-grid{grid-template-columns:minmax(0,1fr)}.eth-media-stage.has-chat{grid-template-columns:minmax(0,68fr) minmax(290px,32fr)}.eth-media-queue-item{flex-basis:320px}}
@media(max-width:900px){.eth-media-stage.has-chat{grid-template-columns:1fr}.eth-media-chat{height:390px;border-top:1px solid rgba(255,255,255,.1);border-left:0}.eth-media-library-head{align-items:stretch;flex-direction:column}.eth-media-library-nav{align-self:flex-end}.eth-media-center.is-theater{overflow:auto}.eth-media-center.is-theater .eth-media-stage{height:auto}.eth-media-center.is-theater .eth-media-player-shell{height:56vh}.eth-media-center.is-theater .eth-media-chat{height:34vh}.eth-media-center.is-theater .eth-media-library{display:block;max-height:none}}
@media(max-width:700px){.eth-media-library-head{padding:8px}.eth-media-library-nav{width:100%;justify-content:space-between}.eth-media-library-nav>span{flex:1}.eth-media-panels{padding:8px}.eth-media-queue-item{flex-basis:min(86vw,330px);grid-template-columns:116px minmax(0,1fr)}.eth-media-up-next{padding:22px 14px}.eth-media-up-next>div{width:100%}.eth-media-up-next .eth-button,.eth-media-up-next .eth-toolbar-button{flex:1 1 180px}.eth-media-center.is-theater .eth-media-library{display:none}}
@media(max-width:430px){.eth-media-queue-item{flex-basis:88vw;grid-template-columns:102px minmax(0,1fr)}.eth-media-tabs{max-width:100%}}


/* ===== Esnake Twitch Hub 0.5.2: selección fiable y biblioteca desplazable ===== */
.eth-media-panels{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}
.eth-media-panel{width:100%;min-width:0;max-width:100%;box-sizing:border-box;contain:layout paint}
.eth-media-panel:not([hidden]){display:flex}
.eth-media-queue-item{position:relative;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.eth-media-queue-item img,.eth-media-queue-thumb,.eth-media-queue-copy{pointer-events:none}
.eth-media-panel.is-dragging .eth-media-queue-item{cursor:grabbing}
.eth-media-player-loading{position:absolute;z-index:5;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:24px;background:radial-gradient(circle at 50% 35%,rgba(145,70,255,.16),transparent 38%),rgba(2,3,4,.88);color:#fff;text-align:center;pointer-events:none}
.eth-media-player-loading span:not(.eth-media-spinner){color:rgba(255,255,255,.68);font-size:.8rem}
.eth-media-spinner{width:34px;height:34px;border:3px solid rgba(255,255,255,.18);border-top-color:var(--eth-accent);border-radius:50%;animation:eth-media-spin .8s linear infinite}
.eth-media-player-host{width:100%;height:100%;min-width:400px;min-height:300px}
.eth-media-player-host>iframe{display:block;width:100%!important;height:100%!important;border:0}
@keyframes eth-media-spin{to{transform:rotate(360deg)}}
@media(max-width:520px){.eth-media-player-host{min-width:0}.eth-media-player-loading{padding:16px}}

/* ===== Esnake Twitch Hub 0.5.3: clips, contador y entrada sin salto ===== */
.eth-media-center,.eth-media-stage-wrap,.eth-media-player-shell,.eth-media-library,.eth-media-panels{overflow-anchor:none}
.eth-media-center[data-eth-initializing="1"]{scroll-margin:0}
.eth-media-up-next [data-eth-up-next-replay]{border-color:rgba(255,255,255,.24)}
.eth-media-note.is-warning{border-color:rgba(255,191,71,.32);background:rgba(255,191,71,.08);color:#ffe4aa}

.eth-media-center--collection{border-color:color-mix(in srgb,var(--eth-accent) 32%,rgba(255,255,255,.08));background:linear-gradient(145deg,rgba(145,70,255,.07),rgba(4,12,8,.96) 35%,rgba(2,5,4,.98))}.eth-media-center--collection .eth-live-dot{background:var(--eth-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--eth-accent) 18%,transparent)}.eth-collection-heading-public{align-items:flex-start}.eth-collection-description{max-width:760px;margin:10px 0 0;color:rgba(255,255,255,.68);font-size:.95rem;line-height:1.65}.eth-collections-section>.eth-title{margin-bottom:20px}.eth-collections-grid{display:grid;grid-template-columns:repeat(var(--eth-collection-columns,3),minmax(0,1fr));gap:18px}.eth-collection-card{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:0 18px 44px rgba(0,0,0,.22)}.eth-collection-card.is-featured{border-color:color-mix(in srgb,var(--eth-accent) 50%,rgba(255,255,255,.1))}.eth-collection-card-media{position:relative;display:grid;place-items:center;overflow:hidden;aspect-ratio:16/9;background:#07090d;color:#fff;text-decoration:none}.eth-collection-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.eth-collection-card:hover .eth-collection-card-media img{transform:scale(1.035)}.eth-collection-card-media>span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--eth-accent);font-size:24px}.eth-collection-card-media b{position:absolute;top:12px;left:12px;padding:6px 9px;border-radius:999px;background:var(--eth-accent);color:#fff;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.eth-collection-card-body{display:grid;gap:9px;padding:18px}.eth-collection-card-body>span{color:color-mix(in srgb,var(--eth-accent) 70%,#fff);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.eth-collection-card-body h3{margin:0;font-size:1.22rem;line-height:1.2}.eth-collection-card-body h3 a{color:#fff;text-decoration:none}.eth-collection-card-body p{margin:0;color:rgba(255,255,255,.64);line-height:1.55}.eth-collection-card-body>.eth-toolbar-button{justify-self:start;margin-top:4px}.eth-media-center--collection [data-eth-media-status]{color:color-mix(in srgb,var(--eth-accent) 75%,#fff)}@media(max-width:980px){.eth-collections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.eth-collections-grid{grid-template-columns:1fr}.eth-collection-heading-public{flex-direction:column}}

.eth-media-stage.has-chat{
  grid-template-columns:minmax(0,64fr) minmax(400px,36fr);
  isolation:isolate;
  overflow:visible;
}
.eth-media-stage.has-chat.is-chat-wide{grid-template-columns:minmax(0,56fr) minmax(440px,44fr)}
.eth-media-stage.has-chat .eth-media-player-shell{
  position:relative;
  z-index:1;
  min-width:0;
  overflow:hidden;
  contain:layout paint;
  isolation:isolate;
}
.eth-media-stage.has-chat .eth-media-up-next,
.eth-media-stage.has-chat .eth-media-player-loading{max-width:100%;max-height:100%}
.eth-media-chat{
  position:relative;
  z-index:20;
  min-width:400px;
  width:100%;
  max-width:none;
  pointer-events:auto;
  isolation:isolate;
  transform:none!important;
  filter:none!important;
  clip-path:none!important;
  opacity:1!important;
  border-left:1px solid rgba(255,255,255,.13);
  background:#18181b;
}
.eth-media-chat:focus{outline:2px solid color-mix(in srgb,var(--eth-accent) 70%,#fff);outline-offset:-2px}
.eth-media-toolbar,.eth-media-note,.eth-media-library{position:relative;z-index:0}
.eth-media-toolbar-actions [data-eth-media-chat-size][hidden],
.eth-media-toolbar-actions [data-eth-media-chat-popout][hidden]{display:none!important}
.eth-media-toolbar-actions [data-eth-media-chat-size][aria-pressed="true"]{
  border-color:color-mix(in srgb,var(--eth-accent) 65%,rgba(255,255,255,.18));
  background:color-mix(in srgb,var(--eth-accent) 22%,rgba(255,255,255,.04));
  color:#fff;
}
.eth-media-center.is-theater .eth-media-stage.has-chat{grid-template-columns:minmax(0,62fr) minmax(420px,38fr)}
.eth-media-center.is-theater .eth-media-stage.has-chat.is-chat-wide{grid-template-columns:minmax(0,52fr) minmax(480px,48fr)}
@media(max-width:1180px){
  .eth-media-stage.has-chat{grid-template-columns:minmax(0,61fr) minmax(390px,39fr)}
  .eth-media-stage.has-chat.is-chat-wide{grid-template-columns:minmax(0,52fr) minmax(430px,48fr)}
}
@media(max-width:980px){
  .eth-media-stage.has-chat,.eth-media-stage.has-chat.is-chat-wide{grid-template-columns:1fr}
  .eth-media-chat{min-width:0;height:500px;border-top:1px solid rgba(255,255,255,.13);border-left:0}
  .eth-media-center.is-theater .eth-media-stage.has-chat,
  .eth-media-center.is-theater .eth-media-stage.has-chat.is-chat-wide{grid-template-columns:1fr}
  .eth-media-center.is-theater .eth-media-chat{height:42vh;min-height:390px}
}
@media(max-width:700px){
  .eth-media-chat{height:430px;min-height:380px}
  .eth-media-toolbar-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eth-media-toolbar-actions [data-eth-media-chat-popout]{grid-column:auto}
}


/* === 0.8.2: fachada ligera y carga diferida de Twitch ===================== */
.eth-live-player-wrap{position:relative;min-width:0;height:var(--eth-player-height,620px);overflow:hidden;border-radius:18px;background:#05070a}
.eth-live-player-wrap .eth-live-player{height:100%;border-radius:0;box-shadow:none}
.eth-media-facade{position:absolute;z-index:4;inset:0;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 35%,rgba(145,70,255,.23),transparent 50%),#05070a;color:#fff}
.eth-media-facade>img{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.03)}
.eth-media-facade-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(120deg,rgba(2,5,4,.88),rgba(4,18,11,.58) 52%,rgba(25,11,43,.72)),linear-gradient(0deg,rgba(0,0,0,.72),transparent 62%)}
.eth-media-facade-copy{display:grid;justify-items:center;gap:10px;width:min(760px,88%);padding:30px;text-align:center;text-shadow:0 2px 16px rgba(0,0,0,.72)}
.eth-media-facade-copy>span{color:#a7ff7c;font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.eth-media-facade-copy>strong{max-width:720px;font-size:clamp(1.35rem,3.2vw,2.65rem);line-height:1.04}
.eth-media-facade-copy>small{max-width:600px;color:rgba(255,255,255,.76);font-size:.84rem;line-height:1.5}
.eth-media-facade-play{min-width:170px;margin-top:5px;font-size:.93rem}
.eth-media-facade.has-error .eth-media-facade-copy>small{color:#ffd3d3}
.eth-media-center.is-runtime-loading .eth-media-facade-play,
.eth-live-section.is-runtime-loading .eth-media-facade-play{pointer-events:none;opacity:.68}
.eth-media-center.is-runtime-loading .eth-media-facade-play::after,
.eth-live-section.is-runtime-loading .eth-media-facade-play::after{content:'…';margin-left:4px}
.eth-media-player-shell>.eth-media-facade{position:absolute}
.eth-live-facade{border-radius:18px}
@media(max-width:700px){.eth-media-facade-copy{gap:8px;padding:20px}.eth-media-facade-copy>small{font-size:.76rem}.eth-media-facade-play{min-width:145px}}


/* === 0.8.3: modo teatro estable fuera de contenedores con containment ===== */
html.eth-theater-open,
html.eth-theater-open body,
body.eth-theater-open{
  overflow:hidden!important;
  overscroll-behavior:none;
}
.eth-theater-placeholder{
  display:block;
  width:100%;
  visibility:hidden;
  pointer-events:none;
}
.eth-media-center.is-theater,
.eth-live-section.is-theater{
  position:fixed!important;
  z-index:2147483000!important;
  inset:0!important;
  width:100vw!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
  contain:none!important;
}
.eth-media-center.is-theater{
  display:flex!important;
  flex-direction:column!important;
  height:100vh!important;
  height:100dvh!important;
  padding:12px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#020304!important;
  isolation:isolate;
}
.eth-media-center.is-theater .eth-media-center-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  flex:1 1 auto!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  gap:10px!important;
  overflow:hidden!important;
}
.eth-media-center.is-theater .eth-media-stage-wrap{
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
.eth-media-center.is-theater .eth-media-toolbar,
.eth-media-center.is-theater .eth-media-note,
.eth-media-center.is-theater .eth-live-now-notice{
  flex:0 0 auto!important;
}
.eth-media-center.is-theater .eth-media-stage{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
.eth-media-center.is-theater .eth-media-player-shell,
.eth-media-center.is-theater .eth-media-chat{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
}
.eth-media-center.is-theater .eth-media-library{
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:178px!important;
  overflow:hidden!important;
}
.eth-media-center.is-theater .eth-media-library-head{
  flex:0 0 auto;
}
.eth-media-center.is-theater .eth-media-panels{
  height:auto!important;
  max-height:none!important;
  overflow:hidden!important;
}
.eth-media-center.is-theater .eth-media-panel{
  min-height:0!important;
}
.admin-bar .eth-media-center.is-theater,
.admin-bar .eth-live-section.is-theater{
  top:32px!important;
  height:calc(100vh - 32px)!important;
  height:calc(100dvh - 32px)!important;
}
@media(max-width:782px){
  .admin-bar .eth-media-center.is-theater,
  .admin-bar .eth-live-section.is-theater{
    top:46px!important;
    height:calc(100vh - 46px)!important;
    height:calc(100dvh - 46px)!important;
  }
}
@media(max-width:980px){
  .eth-media-center.is-theater{
    overflow:auto!important;
  }
  .eth-media-center.is-theater .eth-media-center-grid{
    display:block!important;
    height:auto!important;
    overflow:visible!important;
  }
  .eth-media-center.is-theater .eth-media-stage-wrap{
    overflow:visible!important;
  }
  .eth-media-center.is-theater .eth-media-stage{
    display:grid!important;
    height:auto!important;
    overflow:visible!important;
  }
  .eth-media-center.is-theater .eth-media-player-shell{
    height:56vh!important;
    min-height:300px!important;
  }
  .eth-media-center.is-theater .eth-media-chat{
    height:40vh!important;
    min-height:360px!important;
  }
  .eth-media-center.is-theater .eth-media-library{
    margin-top:10px!important;
    max-height:none!important;
  }
}
@media(max-width:700px){
  .eth-media-center.is-theater{
    padding:6px!important;
  }
  .eth-media-center.is-theater .eth-media-library{
    display:none!important;
  }
  .eth-media-center.is-theater .eth-media-player-shell{
    min-height:280px!important;
  }
  .admin-bar .eth-media-center.is-theater,
  .admin-bar .eth-live-section.is-theater{
    top:0!important;
    height:100vh!important;
    height:100dvh!important;
  }
}


/* === 0.8.4: modo teatro a altura completa y biblioteca plegable ========== */
html.eth-theater-open,
html.eth-theater-open body,
body.eth-theater-open{
  width:100%;
  height:100%;
  margin:0!important;
  overflow:hidden!important;
}
html.eth-theater-open #wpadminbar{display:none!important}
html.eth-theater-open{margin-top:0!important}
.eth-media-center.is-theater{
  top:0!important;
  height:100vh!important;
  height:100dvh!important;
  padding:8px!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr)!important;
}
.eth-media-center.is-theater .eth-media-center-heading{display:none!important}
.eth-media-center.is-theater .eth-media-center-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  align-items:stretch!important;
  align-content:stretch!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  gap:8px!important;
}
.eth-media-center.is-theater .eth-media-stage-wrap{
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
.eth-media-center.is-theater .eth-media-toolbar{
  flex:0 0 auto!important;
  padding:9px 10px!important;
}
.eth-media-center.is-theater .eth-media-stage{
  flex:1 1 auto!important;
  align-items:stretch!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
.eth-media-center.is-theater .eth-media-player-shell,
.eth-media-center.is-theater .eth-media-player-host,
.eth-media-center.is-theater .eth-media-player-host>iframe,
.eth-media-center.is-theater .eth-media-player,
.eth-media-center.is-theater .eth-media-chat{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
}
.eth-media-center.is-theater .eth-media-note{
  flex:0 0 auto!important;
  max-height:44px;
  overflow:auto;
}
.eth-media-center.is-theater .eth-media-library{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:164px!important;
  overflow:hidden!important;
}
.eth-media-center.is-theater .eth-media-library-head{padding:6px 8px!important}
.eth-media-center.is-theater .eth-media-panels{padding:7px!important}
.eth-media-center.is-theater .eth-media-queue-item{
  min-height:80px!important;
  flex-basis:290px!important;
  grid-template-columns:112px minmax(0,1fr)!important;
}
.eth-media-center.is-theater.is-library-hidden .eth-media-center-grid{
  grid-template-rows:minmax(0,1fr)!important;
}
.eth-media-center.is-theater.is-library-hidden .eth-media-library{display:none!important}
.eth-toolbar-button--library-toggle[hidden]{display:none!important}
.eth-media-center.is-theater .eth-toolbar-button--library-toggle{display:inline-flex!important}
.eth-media-center.is-theater .eth-toolbar-button--library-toggle[aria-pressed="true"]{
  border-color:color-mix(in srgb,var(--eth-accent) 65%,rgba(255,255,255,.18));
  background:color-mix(in srgb,var(--eth-accent) 22%,rgba(255,255,255,.04));
}
.admin-bar .eth-media-center.is-theater,
.admin-bar .eth-live-section.is-theater{
  top:0!important;
  height:100vh!important;
  height:100dvh!important;
}
@media(max-width:980px){
  .eth-media-center.is-theater{
    overflow:auto!important;
    display:block!important;
  }
  .eth-media-center.is-theater .eth-media-center-grid{
    display:block!important;
    height:auto!important;
    overflow:visible!important;
  }
  .eth-media-center.is-theater .eth-media-stage-wrap{height:auto!important;overflow:visible!important}
  .eth-media-center.is-theater .eth-media-stage{display:grid!important;height:auto!important;overflow:visible!important}
  .eth-media-center.is-theater .eth-media-player-shell{height:56vh!important;min-height:300px!important}
  .eth-media-center.is-theater .eth-media-chat{height:42vh!important;min-height:380px!important}
  .eth-media-center.is-theater .eth-media-library{margin-top:8px!important;max-height:none!important}
  .eth-media-center.is-theater.is-library-hidden .eth-media-library{display:none!important}
}
@media(max-width:700px){
  .eth-media-center.is-theater .eth-toolbar-button--library-toggle{display:none!important}
  .eth-media-center.is-theater .eth-media-library{display:none!important}
}


/* === 2.0.1: modal global y carga estable de clips ======================= */
html.eth-modal-open{overflow:hidden!important}
body>.eth-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  height:100dvh!important;
  margin:0!important;
  padding:clamp(10px,2vw,24px)!important;
  overflow:auto!important;
  contain:none!important;
  transform:none!important;
  box-sizing:border-box!important;
  overscroll-behavior:contain;
}
body>.eth-modal .eth-modal-dialog{
  width:min(1380px,calc(100vw - 20px));
  max-height:calc(100dvh - 20px);
  margin:auto;
  overflow:auto;
  overscroll-behavior:contain;
}
.eth-modal-header strong{flex:1 1 auto;min-width:0}
.eth-modal-counter{flex:0 0 auto}
.eth-modal-player{position:relative;overflow:hidden}
.eth-modal-player>.eth-modal-loading{position:absolute;z-index:0}
.eth-modal-player>iframe{position:relative;z-index:1;background:#05060a}
@media(max-width:700px){
  body>.eth-modal{padding:6px!important}
  body>.eth-modal .eth-modal-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}
}

/* === 2.0.2: controles nativos de Twitch visibles en todos los modos ===== */
.eth-media-player-shell,
.eth-media-player-host{
  position:relative;
}
.eth-media-player-host>iframe,
.eth-media-player{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:300px!important;
  border:0!important;
  pointer-events:auto!important;
}
.eth-media-center.is-theater .eth-media-stage{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:300px!important;
}
.eth-media-center.is-theater .eth-media-player-shell,
.eth-media-center.is-theater .eth-media-player-host{
  min-width:400px!important;
  min-height:300px!important;
}
.eth-media-center.is-theater .eth-media-player-host>iframe,
.eth-media-center.is-theater .eth-media-player{
  position:absolute!important;
  inset:0!important;
}
.eth-live-player{
  pointer-events:auto!important;
}
.eth-live-section.is-theater .eth-live-player-wrap,
.eth-live-section.is-theater .eth-live-player{
  min-width:400px!important;
  min-height:300px!important;
}
@media(max-width:520px){
  .eth-media-center.is-theater .eth-media-player-shell,
  .eth-media-center.is-theater .eth-media-player-host,
  .eth-live-section.is-theater .eth-live-player-wrap,
  .eth-live-section.is-theater .eth-live-player{min-width:0!important}
}



/* === 2.0.3: reproducción unificada y modal ajustado a la ventana ======== */
.eth-live-section.is-modal-presentation .eth-live-toolbar__actions{align-items:center}
.eth-live-modal-preview{position:relative;width:100%;min-height:min(var(--eth-player-height,620px),62vh);overflow:hidden;border:1px solid rgba(145,70,255,.35);border-radius:18px;background:#05070a;box-shadow:0 20px 55px rgba(0,0,0,.34)}
.eth-live-modal-opener{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:linear-gradient(135deg,#07140b,#0c0717);color:#fff;cursor:pointer;text-align:left}
.eth-live-modal-opener>img{display:block;width:100%;height:100%;object-fit:cover;opacity:.72;transition:transform .35s ease,opacity .35s ease}
.eth-live-modal-preview__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,5,.92) 0%,rgba(2,4,5,.58) 48%,rgba(2,4,5,.22) 100%)}
.eth-live-modal-preview__copy{position:absolute;z-index:1;left:clamp(22px,4vw,58px);bottom:clamp(22px,4vw,52px);display:flex;max-width:min(760px,80%);flex-direction:column;align-items:flex-start;gap:10px}
.eth-live-modal-preview__copy small{color:#adff9d;font-size:.78rem;font-weight:900;letter-spacing:.14em}
.eth-live-modal-preview__copy strong{font-size:clamp(1.35rem,3vw,2.65rem);line-height:1.08;text-wrap:balance}
.eth-live-modal-preview__copy>span{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:#9146ff;font-weight:900;box-shadow:0 10px 24px rgba(145,70,255,.28)}
.eth-live-modal-opener:hover>img{transform:scale(1.018);opacity:.86}
.eth-live-modal-opener:focus-visible{outline:3px solid #adff9d;outline-offset:-5px}

html.eth-modal-open,html.eth-modal-open body{overflow:hidden!important;overscroll-behavior:none!important}
body>.eth-modal{display:grid!important;place-items:center!important;padding:clamp(6px,1.1vw,14px)!important;overflow:hidden!important}
body>.eth-modal[hidden]{display:none!important}
body>.eth-modal .eth-modal-dialog{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto auto;width:min(1540px,calc(100vw - 12px))!important;height:min(940px,calc(100dvh - 12px))!important;max-height:calc(100dvh - 12px)!important;margin:0!important;overflow:hidden!important}
body>.eth-modal .eth-modal-media{min-height:0!important;height:100%!important;overflow:hidden!important}
body>.eth-modal .eth-modal-player{min-width:0!important;min-height:0!important;height:100%!important;aspect-ratio:auto!important;overflow:hidden!important}
body>.eth-modal .eth-modal-player iframe{display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;border:0!important}
body>.eth-modal .eth-modal-media.has-chat{grid-template-columns:minmax(0,1fr) clamp(300px,23vw,380px)!important}
body>.eth-modal .eth-modal-media.has-chat .eth-modal-player,
body>.eth-modal .eth-modal-media.has-chat .eth-modal-player iframe{min-height:0!important}
body>.eth-modal .eth-modal-chat{height:100%!important;min-height:0!important;overflow:hidden!important}
body>.eth-modal .eth-modal-header{min-height:52px;padding-block:8px}
body>.eth-modal .eth-modal-navigation{min-height:48px;padding-block:7px}
body>.eth-modal .eth-modal-actions{min-height:50px;padding-block:8px}
body>.eth-modal .eth-modal-note{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@media(max-width:980px){
  body>.eth-modal .eth-modal-media.has-chat{grid-template-columns:minmax(0,1fr) minmax(270px,32vw)!important}
  body>.eth-modal .eth-modal-chat{height:100%!important;border-top:0!important;border-left:1px solid rgba(255,255,255,.1)!important}
}
@media(max-width:760px){
  .eth-live-modal-preview{min-height:420px}
  .eth-live-modal-preview__copy{max-width:88%}
  body>.eth-modal .eth-modal-dialog{grid-template-rows:auto minmax(0,1fr) auto;height:calc(100dvh - 8px)!important;max-height:calc(100dvh - 8px)!important}
  body>.eth-modal .eth-modal-media.has-chat{grid-template-columns:1fr!important}
  body>.eth-modal .eth-modal-chat{display:none!important}
  body>.eth-modal .eth-modal-actions{display:none!important}
  body>.eth-modal .eth-modal-navigation{padding:6px 8px}
}
@media(max-height:700px){
  body>.eth-modal .eth-modal-header{min-height:44px;padding:5px 10px}
  body>.eth-modal .eth-modal-navigation{min-height:42px;padding:4px 10px}
  body>.eth-modal .eth-modal-actions{display:none!important}
  body>.eth-modal .eth-modal-dialog{grid-template-rows:auto minmax(0,1fr) auto}
}

/* === 2.7.0: clips explorables, accesibilidad y acabado =================== */
.eth-media-library-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto}
.eth-clip-sort{display:flex;gap:4px;padding:3px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(0,0,0,.22)}
.eth-clip-sort[hidden]{display:none!important}.eth-clip-sort button{min-height:30px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:rgba(255,255,255,.72);font:inherit;font-size:.68rem;font-weight:850;cursor:pointer}.eth-clip-sort button[aria-pressed="true"]{background:var(--eth-accent);color:#fff}
.eth-toolbar-button--bite{border-color:rgba(116,230,91,.4)!important;background:rgba(116,230,91,.1)!important;color:#c8ffb8!important}
.eth-button:focus-visible,.eth-toolbar-button:focus-visible,.eth-media-queue-item:focus-visible,.eth-media-tabs button:focus-visible,.eth-clip-sort button:focus-visible{outline:3px solid #b8ff9e!important;outline-offset:3px!important}
.eth-meta,.eth-media-note,.eth-media-queue-copy>span{color:rgba(255,255,255,.72)}
@media(max-width:760px){.eth-media-library-tools{width:100%;align-items:stretch;flex-direction:column}.eth-clip-sort{width:100%}.eth-clip-sort button{flex:1}.eth-media-library-nav{align-self:stretch!important}}
@media(prefers-reduced-motion:reduce){.eth-section *,.eth-modal *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}