*{box-sizing:border-box}:root{--bg-dark:#0a0f18;--bg-surface:#121a29;--bg-surface-hover:#1b263b;--bg-header:#0d1e38;--accent-blue:#2563eb;--accent-blue-hover:#1d4ed8;--accent-light:#60a5fa;--accent-amber:#f59e0b;--accent-red:#ef4444;--border-color:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);display:flex;flex-direction:column;height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased}header{background:linear-gradient(135deg,#09172c 0,#0d2347 100%);display:flex;justify-content:space-between;align-items:center;padding:14px 24px;color:var(--text-primary);z-index:1000;flex-shrink:0;border-bottom:2px solid #1e3a66;box-shadow:0 4px 20px rgba(0,0,0,0.4)}.titles-container{display:flex;flex-direction:column;gap:6px;margin:0;min-width:0}.site-title{font-size:1.5rem;margin:0;font-weight:800;color:var(--text-primary);line-height:1.2;letter-spacing:-0.02em;display:flex;align-items:center;gap:10px}.site-title a{color:var(--text-primary);text-decoration:none;transition:color 0.2s}.site-title a:hover{color:var(--accent-light)}.site-title .title-badge{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:0.72rem;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:6px;letter-spacing:0.05em;box-shadow:0 2px 6px rgba(37,99,235,0.4)}.episode-subtitle{font-size:1.15rem;margin:0;color:#cbd5e1;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-subtitle a{color:#cbd5e1;text-decoration:none;transition:color 0.2s}.episode-subtitle a:hover{color:var(--accent-amber)}.other-webs{position:relative;flex-shrink:0}.other-webs-btn{background:#142a4a;border:1px solid #234677;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:0.95rem;font-weight:600;display:flex;align-items:center;gap:8px;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.other-webs-btn:hover{background:#1b3863;border-color:#3b82f6;transform:translateY(-1px)}.dropdown-menu{display:none;position:absolute;right:0;top:100%;background:#0f172a;border:1px solid #1e3a66;border-radius:8px;min-width:190px;box-shadow:0 10px 25px rgba(0,0,0,0.7);z-index:1001;margin-top:6px;max-height:calc(100dvh - 90px);overflow-y:auto}.dropdown-menu.show{display:block;animation:fadeInMenu 0.15s ease-out}@keyframes fadeInMenu{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu a{display:block;color:#cbd5e1;text-decoration:none;padding:10px 16px;font-size:0.9rem;font-weight:500;border-bottom:1px solid #1e293b;transition:background 0.15s,color 0.15s}.dropdown-menu a:last-child{border-bottom:none}.dropdown-menu a:hover{background:#1e3a66;color:#ffffff}.main-container{display:flex;flex:1;min-height:0;height:calc(100dvh - 75px);background:var(--bg-dark)}.iframe-container{flex:1;background:#000;position:relative;display:flex;justify-content:center;align-items:center;min-height:0}#videoIframe{width:100%;height:100%;border:none;position:absolute;top:0;left:0;background:#000}.videojs-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;display:none}.videojs-wrapper.active{display:block}.video-js{width:100% !important;height:100% !important;font-family:inherit}.video-js .vjs-big-play-button{background-color:rgba(37,99,235,0.85) !important;border:2px solid rgba(255,255,255,0.4) !important;border-radius:50% !important;width:72px !important;height:72px !important;line-height:68px !important;margin-top:-36px !important;margin-left:-36px !important;transition:transform 0.2s,background-color 0.2s !important;box-shadow:0 0 25px rgba(37,99,235,0.6) !important}.video-js:hover .vjs-big-play-button{background-color:#2563eb !important;transform:scale(1.08)}.video-js .vjs-control-bar{background:linear-gradient(to top,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.4) 70%,transparent 100%) !important;height:50px !important;align-items:center;font-size:1.05rem}.video-js .vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:50px}.video-js .vjs-live-display{line-height:50px;font-weight:700;letter-spacing:0.05em;color:#ef4444}.video-js .vjs-live-control .vjs-live-display::before{content:"● ";animation:livePulse 1.5s infinite}@keyframes livePulse{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}.reload-stream-btn{position:absolute;top:16px;right:16px;background:rgba(13,30,56,0.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;border:1px solid rgba(59,130,246,0.4);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:0.85rem;font-weight:600;display:flex;align-items:center;gap:8px;z-index:100;opacity:0;transition:opacity 0.2s,background 0.2s,border-color 0.2s,transform 0.15s;box-shadow:0 4px 12px rgba(0,0,0,0.5)}.iframe-container:hover .reload-stream-btn{opacity:1}.reload-stream-btn:hover{background:#1d4ed8;border-color:#60a5fa;transform:translateY(-1px)}.reload-stream-btn svg{transition:transform 0.5s ease}.reload-stream-btn:active svg{transform:rotate(180deg)}@media (hover:none){.reload-stream-btn{opacity:0.9;background:rgba(13,30,56,0.9)}}.live-stream-badge{position:absolute;top:16px;left:16px;background:rgba(239,68,68,0.92);color:#ffffff;font-size:0.78rem;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;padding:5px 12px;border-radius:6px;display:flex;align-items:center;gap:6px;z-index:100;pointer-events:none;box-shadow:0 2px 10px rgba(239,68,68,0.5)}.live-pulse-dot{width:8px;height:8px;background:#ffffff;border-radius:50%;animation:livePulse 1.2s infinite}.play-prompt-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(10,15,24,0.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:150;display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeInPrompt 0.25s ease-out}@keyframes fadeInPrompt{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}.play-prompt-card{background:linear-gradient(145deg,#132238 0,#0c1728 100%);border:1.5px solid #2563eb;border-radius:16px;padding:30px 24px;text-align:center;max-width:420px;width:100%;box-shadow:0 12px 40px rgba(0,0,0,0.85),0 0 25px rgba(37,99,235,0.35);display:flex;flex-direction:column;align-items:center;gap:12px}.play-prompt-icon{color:#3b82f6;margin-bottom:4px;filter:drop-shadow(0 0 12px rgba(59,130,246,0.5));animation:pulsePromptIcon 2s infinite ease-in-out}@keyframes pulsePromptIcon{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}.play-prompt-card h3{margin:0;font-size:1.35rem;font-weight:800;color:#f8fafc}.play-prompt-card p{margin:0;font-size:0.95rem;color:#94a3b8;line-height:1.4}.big-play-trigger-btn{background:linear-gradient(135deg,#2563eb 0,#1d4ed8 100%);color:#ffffff;border:none;padding:14px 28px;border-radius:30px;font-size:1.05rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all 0.2s ease;box-shadow:0 4px 18px rgba(37,99,235,0.45);margin-top:8px}.big-play-trigger-btn:hover{background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%);transform:translateY(-2px) scale(1.03);box-shadow:0 6px 24px rgba(37,99,235,0.65)}.big-play-trigger-btn:active{transform:translateY(0)}.episode-list{width:380px;background:var(--bg-surface);overflow-y:auto;border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;transition:transform 0.3s ease}.episode-list::-webkit-scrollbar,#episodeList::-webkit-scrollbar,.dropdown-menu::-webkit-scrollbar{width:8px}.episode-list::-webkit-scrollbar-track,#episodeList::-webkit-scrollbar-track,.dropdown-menu::-webkit-scrollbar-track{background:#0b1320}.episode-list::-webkit-scrollbar-thumb,#episodeList::-webkit-scrollbar-thumb,.dropdown-menu::-webkit-scrollbar-thumb{background:#23354f;border-radius:4px}.episode-list::-webkit-scrollbar-thumb:hover,#episodeList::-webkit-scrollbar-thumb:hover,.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#3b82f6}.filters-wrapper{padding:12px 16px;background:#0f172a;border-bottom:2px solid var(--border-color);flex-shrink:0;display:flex;flex-direction:column;gap:10px}.search-box label,.season-filter label{display:block;font-size:0.75rem;color:var(--text-muted);margin-bottom:5px;text-transform:uppercase;font-weight:700;letter-spacing:0.05em}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.search-box input{width:100%;padding:10px 12px 10px 36px;background:#182234;color:#fff;border:1px solid #23354f;border-radius:8px;font-size:0.95rem;outline:none;transition:all 0.2s ease}.search-box input:focus{border-color:var(--accent-blue);background:#1d2a40;box-shadow:0 0 0 3px rgba(37,99,235,0.25)}.season-filter-row{display:flex;gap:8px}.season-filter select{flex:1;padding:10px 12px;background:#182234;color:#fff;border:1px solid #23354f;border-radius:8px;font-size:0.95rem;font-weight:500;outline:none;cursor:pointer;appearance:auto;transition:all 0.2s ease}.season-filter select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(37,99,235,0.25)}.random-btn{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;border:none;border-radius:8px;padding:10px 14px;cursor:pointer;font-size:0.95rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;transition:all 0.2s ease;white-space:nowrap;box-shadow:0 2px 8px rgba(180,83,9,0.3)}.random-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-1px);box-shadow:0 4px 12px rgba(245,158,11,0.4)}.random-btn:active{transform:translateY(0)}.season-header{padding:10px 16px;background:#0f1b2d;color:var(--accent-light);font-weight:800;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.08em;border-bottom:1px solid #1a2a44;position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center}.season-header-badge{background:#1e3a66;color:#93c5fd;font-size:0.72rem;padding:2px 7px;border-radius:10px;font-weight:600}.episode-item{padding:12px 16px;border-bottom:1px solid #182438;cursor:pointer;transition:background 0.15s,border-color 0.15s;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#cbd5e1;text-decoration:none;scroll-margin-top:45px;position:relative}.episode-item:hover{background:var(--bg-surface-hover);color:#ffffff}.episode-item.active{background:#142a4a;border-left:4px solid var(--accent-blue);color:#ffffff}.episode-item.active-live{background:#2a151b;border-left:4px solid var(--accent-red)}.episode-title{flex:1;min-width:0}.episode-title .ep-name{font-weight:700;font-size:0.95rem;display:block;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-title .ep-titulo{font-size:0.82rem;color:var(--text-secondary);margin-top:2px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-item.active .ep-titulo{color:#93c5fd}.episode-item.special-24h{background:linear-gradient(90deg,#1f1118 0,#161e2e 100%);border-bottom:2px solid #331d27}.episode-item.special-24h .ep-name{color:#fca5a5;display:flex;align-items:center;gap:8px}.badge-24h-pulse{background:#ef4444;color:#fff;font-size:0.68rem;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:0.04em;display:inline-flex;align-items:center;gap:4px}.copy-link-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;padding:8px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:color 0.15s,background 0.15s,transform 0.15s}.copy-link-btn:hover{color:var(--accent-amber);background:rgba(255,255,255,0.08);transform:scale(1.1)}.copy-link-btn:active{transform:scale(0.95)}.no-results{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:0.95rem}.ad-container{background:#ffcc00;color:#000;text-align:center;padding:8px;font-weight:bold;flex-shrink:0}footer{background:#080d16;padding:14px 20px;text-align:center;font-size:0.88rem;color:var(--text-secondary);flex-shrink:0;border-top:1px solid var(--border-color)}footer a{color:var(--accent-light);text-decoration:none;font-weight:600}footer a:hover{text-decoration:underline}@media (max-width:900px){body{height:auto;min-height:100dvh;overflow-y:auto}.main-container{flex-direction:column;height:auto;max-height:none}.iframe-container{width:100%;height:52vw;min-height:240px;max-height:520px;position:sticky;top:0;z-index:50;box-shadow:0 4px 20px rgba(0,0,0,0.6)}.episode-list{width:100%;height:auto;border-left:none;border-top:1px solid var(--border-color);flex:none;overflow-y:visible}#episodeList{max-height:none;overflow-y:visible}header{padding:12px 16px}.site-title{font-size:1.25rem}.episode-subtitle{font-size:1rem}}@media (max-width:600px){header{flex-direction:column;align-items:stretch;gap:10px;padding:10px 14px}.titles-container{text-align:center;align-items:center}.other-webs-btn{width:100%;justify-content:center}.dropdown-menu{right:0;left:0;width:100%}.iframe-container{height:56.25vw}.filters-wrapper{padding:10px 12px}.episode-item{padding:14px 12px}.episode-title .ep-name{font-size:0.98rem}.copy-link-btn{padding:10px;font-size:1.2rem}}