:root { color-scheme:dark; font-family:Inter,ui-sans-serif,system-ui,sans-serif; --bg-primary:#070d17; --bg-secondary:#0a1422; --bg-elevated:#111d2d; --bg-active:#1a2a40; --bg-overlay:#091321e8; --border:#243650; --border-subtle:#19283b; --text-primary:#f4f7fb; --text-secondary:#9babc0; --accent:#7da2e3; --accent-soft:#243b60; --brand:#ff5864; background:var(--bg-primary); color:var(--text-primary); }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at top,var(--bg-active),var(--bg-primary) 55%); color:var(--text-primary); }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; border:0; border-radius:10px; background:#4f7cff; color:white; padding:.8rem 1rem; font-weight:700; }
button.secondary { background:#26364f; } button.danger { background:#a93245; }
.shell { width:min(1100px,92vw); margin:auto; padding:5vh 0; }
.card { background:#111d2df0; border:1px solid var(--border); border-radius:18px; padding:clamp(1.25rem,4vw,2.5rem); box-shadow:0 20px 60px #0006; }
.center { min-height:90vh; display:grid; place-items:center; text-align:center; }
.eyebrow { color:#8ca8d7; text-transform:uppercase; letter-spacing:.12em; font-size:.78rem; }
.code { font-size:clamp(2.5rem,9vw,5rem); letter-spacing:.12em; margin:.5rem 0; }
.muted { color:var(--text-secondary); }.status { min-height:1.5rem; color:var(--text-secondary); }
.nav { display:flex; flex-wrap:wrap; gap:.6rem; margin:1.5rem 0; }.nav button { flex:1; min-width:130px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:1rem; }
.tile { min-height:130px; display:flex; align-items:end; padding:1.25rem; border-radius:16px; background:linear-gradient(135deg,#243a64,#18283f); font-size:1.2rem; font-weight:700; }
form { display:grid; gap:.9rem; } label { display:grid; gap:.35rem; color:var(--text-secondary); } input,select,textarea { width:100%; border:1px solid var(--border); background:var(--bg-secondary); color:var(--text-primary); border-radius:10px; padding:.8rem; } textarea { min-height:240px; resize:vertical; line-height:1.5; }
table { width:100%; border-collapse:collapse; margin-top:1rem; } th,td { text-align:left; padding:.8rem; border-bottom:1px solid #2a3b58; } td.actions { display:flex; flex-wrap:wrap; gap:.4rem; } td.actions button { padding:.5rem; }
.hidden { display:none!important; }.error { color:#ff9ca9; }.success { color:#8ce0b0; }
.tv-shell { width:min(1400px,96vw); }.tv-login { width:min(1180px,94vw); display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,6vw,6rem); align-items:center; text-align:left; }.auto-access { text-align:center; padding:2rem; }.manual-login { border-left:1px solid #344968; padding:2rem 0 2rem clamp(2rem,5vw,5rem); }.manual-login h2 { font-size:clamp(1.6rem,3vw,2.5rem); }.tv-login input,.tv-login button { min-height:56px; font-size:1.1rem; }.tv-login button:focus,.tv-login input:focus,.nav button:focus { outline:4px solid #fff; outline-offset:4px; }
@media(max-width:800px){.tv-login{grid-template-columns:1fr}.manual-login{border-left:0;border-top:1px solid #344968;padding:2rem 0 0}.auto-access{padding:0}.code{font-size:3rem}}
@media(max-width:700px){ table,tbody,tr,td { display:block; } thead { display:none; } tr { padding:1rem 0; border-bottom:1px solid #2a3b58; } td { border:0; padding:.3rem 0; } }
.catalog-app{min-height:100vh;display:grid;grid-template-columns:92px 1fr;background:#070b12;margin:0 calc(50% - 50vw);color:#fff}.side-menu{position:sticky;top:0;height:100vh;padding:28px 16px;background:linear-gradient(180deg,#0d1522,#080c13);border-right:1px solid #1c2634;z-index:5}.brand{font-weight:900;font-size:1.35rem;text-align:center;margin-bottom:38px}.brand span{color:#ff4b55}.side-menu nav{display:grid;gap:13px}.side-menu button{display:grid;place-items:center;gap:3px;min-height:60px;padding:8px 4px;color:#7f8a99;background:transparent;font-size:1.2rem}.side-menu button span{font-size:.63rem}.side-menu button.active,.side-menu button:hover{color:#fff;background:#1a2433}.catalog-main{min-width:0;padding:0 0 60px;overflow:hidden}.catalog-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:relative;z-index:3;background:linear-gradient(#070b12e8,transparent)}.catalog-header p{margin:0 0 3px}.search-pill{border-radius:999px;background:#161e2a;color:#cbd2dc;padding:.65rem 1.2rem}.catalog-view{padding:0 4vw}.catalog-loading{position:fixed;top:95px;right:4vw;background:#111c2b;border:1px solid #31405a;padding:.8rem 1rem;border-radius:10px;z-index:20}.hero{min-height:430px;border-radius:22px;overflow:hidden;background:linear-gradient(110deg,#182a43,#0a111d);background-size:cover;background-position:center;box-shadow:0 25px 80px #0008}.hero-shade{min-height:430px;display:flex;flex-direction:column;justify-content:end;padding:clamp(28px,5vw,70px);background:linear-gradient(90deg,#06090fe8 0%,#06090f99 45%,transparent 80%),linear-gradient(0deg,#070b12 0%,transparent 45%)}.hero h1{max-width:760px;margin:.15em 0;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.96}.hero p{max-width:650px;color:#c0c7d0;line-height:1.5}.hero-meta{display:flex;gap:12px;color:#adb8c6;font-size:.9rem}.content-row{margin:34px 0}.row-heading{display:flex;justify-content:space-between;align-items:end}.row-heading h2{margin:0 0 14px}.horizontal-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(160px,15vw);gap:14px;overflow-x:auto;padding:2px 2px 14px;scrollbar-color:#344156 transparent}.poster-card{position:relative;min-width:0;text-align:left;padding:0;background:#111925;border-radius:12px;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}.poster-card:hover,.poster-card:focus{transform:scale(1.04);box-shadow:0 16px 45px #000b;outline:2px solid #fff}.poster-image{aspect-ratio:2/3;background:linear-gradient(145deg,#27364b,#111823);display:grid;place-items:center;color:#667386;font-size:2rem;overflow:hidden}.poster-card.live .poster-image{aspect-ratio:16/10}.poster-image img{width:100%;height:100%;object-fit:cover}.poster-copy{padding:11px}.poster-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-copy small{display:block;color:#8f9bab;margin-top:5px}.browse-heading{display:flex;align-items:end;justify-content:space-between;margin:24px 0}.browse-heading h1{font-size:2.5rem;margin:.1em 0}.browse-heading select{width:min(320px,45vw)}.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}.search-page{max-width:850px;margin:30px auto}.search-page form{grid-template-columns:1fr auto}.search-page input{font-size:1.2rem}.details-panel,.account-card{max-width:1050px;margin:28px auto;padding:35px;border-radius:20px;background:#111925}.details-header{display:grid;grid-template-columns:210px 1fr;gap:28px}.details-cover{aspect-ratio:2/3;background:#243248;border-radius:13px;overflow:hidden}.details-cover img{width:100%;height:100%;object-fit:cover}.episode-list{display:grid;gap:9px;margin-top:24px}.episode{padding:14px;background:#182231;border-radius:10px}.empty-state{grid-column:1/-1;padding:50px;text-align:center;color:#8e99a8}.catalog-error{padding:20px;border:1px solid #713542;background:#351821;color:#ffb2bb;border-radius:12px}.image-fade{opacity:0;transition:opacity .25s}.image-fade.loaded{opacity:1}
.load-sentinel{height:80px;display:grid;place-items:center}.load-sentinel::after{content:'•••';color:#536176;letter-spacing:8px}main.shell:has(>.catalog-app:not(.hidden)){width:100%;max-width:none;padding:0}
.search-group{grid-column:1/-1;margin:10px 0 28px}.search-group h2{margin:0 0 15px}.search-group h2 small{color:#8491a2;font-size:.65em}.search-group .poster-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
#player[data-live="true"] .timeline,#player[data-live="true"] #rewind,#player[data-live="true"] #forward,#player[data-live="true"] #subtitle-menu{display:none}#player[data-live="true"] #player-format{color:#ff4b55;font-weight:800;letter-spacing:.05em}
.movie-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.play-button{font-size:1.15rem;padding:1rem 2.2rem;background:#fff;color:#080c13}.resume-button{background:#ff4b55}.player-screen{position:fixed;inset:0;background:#000;z-index:1000}.player-screen video{width:100%;height:100%;object-fit:contain;background:#000}.player-controls{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,4vw,54px);background:linear-gradient(#000b,transparent 30%,transparent 55%,#000e);opacity:1;transition:opacity .25s}.player-controls.hidden-controls{opacity:0;pointer-events:none}.player-titlebar{display:flex;gap:16px;align-items:center}.player-titlebar button{font-size:1.6rem;background:#18202dcc}.player-titlebar small{display:block;color:#b5bfcb;margin-top:5px}.player-thumb{width:58px;height:82px;border-radius:7px;background:#1c2635 center/cover;overflow:hidden}.player-thumb img{width:100%;height:100%;object-fit:cover}.timeline{margin-top:auto}.timeline input{padding:0;accent-color:#ff4b55}.timeline>div{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.transport{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:12px;flex-wrap:wrap}.transport button{background:#17202ddb;min-width:62px}.transport button:focus{outline:3px solid #fff;transform:scale(1.08)}.transport #play-pause{font-size:1.35rem;border-radius:50%;min-width:58px;height:58px}.transport input{width:100px;padding:0;accent-color:#fff}.track-menu{position:absolute;right:5vw;bottom:125px;min-width:260px;max-height:45vh;overflow:auto;background:#121a26;border:1px solid #344158;border-radius:12px;padding:10px}.track-menu button{display:block;width:100%;text-align:left;background:transparent}.track-menu p{padding:10px;color:#b8c2cf}.player-message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;background:#161d29e8;border:1px solid #46536a;border-radius:14px;padding:24px;text-align:center;max-width:520px}.next-episode{position:absolute;right:5vw;bottom:150px;background:#111a27ed;padding:22px;border-radius:14px;z-index:8}.details-summary{line-height:1.55}.player-screen:fullscreen{width:100vw;height:100vh}
@media(max-width:760px){.catalog-app{grid-template-columns:1fr;padding-bottom:76px}.side-menu{position:fixed;left:0;right:0;top:auto;bottom:0;height:72px;padding:7px 8px;border-right:0;border-top:1px solid #273244}.brand{display:none}.side-menu nav{grid-template-columns:repeat(6,1fr);gap:2px}.side-menu button{min-height:56px;font-size:1rem}.side-menu button span{font-size:.55rem}.catalog-header{height:70px}.hero,.hero-shade{min-height:360px}.horizontal-row{grid-auto-columns:minmax(145px,42vw)}.browse-heading{align-items:start;gap:15px;flex-direction:column}.browse-heading select{width:100%}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.details-header{grid-template-columns:1fr}.details-cover{width:180px}.search-page form{grid-template-columns:1fr}}

/* IconNavigation + IconNavButton: rail compacta adaptada do componente 21.dev. */
.catalog-app{grid-template-columns:74px 1fr}.icon-navigation{width:74px;padding:20px 12px;background:#05070a;border-right:1px solid #171b22;box-shadow:10px 0 35px #0003}.icon-navigation .brand{height:42px;margin:0 0 26px;display:grid;place-items:center;font-size:1rem;letter-spacing:-.04em}.icon-navigation nav{height:calc(100vh - 108px);display:flex;flex-direction:column;align-items:center;gap:12px}.icon-navigation .icon-nav-button{position:relative;width:48px;height:48px;min-height:48px;padding:0;border:1px solid transparent;border-radius:14px;display:grid;place-items:center;background:transparent;color:#79818e;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.icon-nav-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.icon-nav-button.active{color:#f5f7fa;background:#181c23;border-color:#2a303a;box-shadow:inset 3px 0 #d9dde4,0 8px 20px #0005}.icon-nav-button:hover{color:#f2f4f8;background:#11151b}.icon-nav-button:focus-visible{outline:0;color:#fff;background:#1c222b;border-color:#9da7b5;box-shadow:0 0 0 3px #9da7b533,0 10px 26px #0008;transform:scale(1.08)}.icon-navigation .nav-account{margin-top:auto}.nav-tooltip{position:absolute;left:58px;z-index:40;pointer-events:none;opacity:0;transform:translateX(-5px);padding:7px 10px;border:1px solid #2b323d;border-radius:8px;background:#10141a;color:#f4f6f9;font-size:.75rem!important;line-height:1;white-space:nowrap;box-shadow:0 8px 24px #0009;transition:opacity .14s ease,transform .14s ease}.icon-nav-button:hover .nav-tooltip,.icon-nav-button:focus-visible .nav-tooltip{opacity:1;transform:translateX(0)}.header-actions{display:flex;align-items:center;gap:9px}.mobile-account{display:none}.catalog-main{padding-bottom:60px}
@media(max-width:760px){.catalog-app{grid-template-columns:1fr;padding-bottom:calc(68px + env(safe-area-inset-bottom))}.icon-navigation{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;height:calc(64px + env(safe-area-inset-bottom));padding:6px max(10px,env(safe-area-inset-left)) env(safe-area-inset-bottom) max(10px,env(safe-area-inset-right));border-right:0;border-top:1px solid #242932;background:#07090deF;box-shadow:0 -10px 30px #0008;backdrop-filter:blur(18px)}.icon-navigation .brand{display:none}.icon-navigation nav{height:52px;display:grid;grid-template-columns:repeat(5,minmax(52px,1fr));gap:4px}.icon-navigation .icon-nav-button{width:100%;height:52px;min-height:52px;border-radius:12px}.icon-navigation .nav-account{display:none}.icon-navigation .nav-tooltip{display:none}.icon-nav-button.active{box-shadow:inset 0 -3px #d9dde4;background:#171b22}.mobile-account{display:grid;width:42px;height:42px;min-height:42px;border-radius:50%}.mobile-account svg{width:20px;height:20px}.catalog-header{height:70px}.catalog-main{padding-bottom:24px}}
@media(max-width:760px) and (orientation:landscape){.icon-navigation{height:58px;padding-top:3px}.icon-navigation nav{height:50px}.catalog-app{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}
@media(min-width:761px) and (max-width:1024px){.catalog-app{grid-template-columns:68px 1fr}.icon-navigation{width:68px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.icon-nav-button,.nav-tooltip{transition:none}}

/* Proporções originais do IconNavigation/IconNavButton: w-16, size-10, gap-2. */
@media(min-width:761px){.catalog-app{grid-template-columns:64px 1fr}.icon-navigation{width:64px;padding:16px 12px;background:#000;border-color:#262626}.icon-navigation .brand{width:40px;height:40px;margin:0 0 8px;font-size:.9rem}.icon-navigation nav{height:calc(100vh - 80px);gap:8px}.icon-navigation .icon-nav-button{width:40px;height:40px;min-height:40px;border-radius:8px;transition-duration:.5s;transition-timing-function:cubic-bezier(.25,1.1,.4,1)}.icon-navigation .icon-nav-button svg{width:16px;height:16px}.icon-navigation .icon-nav-button.active{background:#262626;border-color:transparent;box-shadow:none}.icon-navigation .icon-nav-button:focus-visible{background:#262626;border-color:#a3a3a3;box-shadow:0 0 0 3px #a3a3a340,0 8px 22px #000}.icon-navigation .nav-tooltip{left:48px;transition-duration:.2s;transition-timing-function:cubic-bezier(.25,1.1,.4,1)}}

/* Paleta única ELION PLAY — variações do mesmo azul-marinho em todas as superfícies. */
.catalog-app{background:var(--bg-primary);color:var(--text-primary)}
.icon-navigation{background:var(--bg-secondary)!important;border-color:var(--border-subtle)!important;box-shadow:10px 0 35px #02081266}
.brand span{color:var(--brand)}
.icon-navigation .brand{font-size:.56rem;letter-spacing:.04em;line-height:1.05}.icon-navigation .brand span{display:block;margin-top:2px}
.icon-navigation .icon-nav-button{color:var(--text-secondary);border-color:transparent}
.icon-navigation .icon-nav-button:hover{color:var(--text-primary);background:var(--bg-elevated)}
.icon-navigation .icon-nav-button.active{color:var(--text-primary);background:var(--bg-active);border-color:var(--border)}
.icon-navigation .icon-nav-button:focus-visible{color:var(--text-primary);background:var(--bg-active);border-color:var(--accent);box-shadow:0 0 0 3px #7da2e347,0 8px 22px #02081299}
.nav-tooltip{background:var(--bg-elevated);border-color:var(--border);color:var(--text-primary);box-shadow:0 8px 24px #020812b3}
.catalog-header{background:linear-gradient(var(--bg-primary),transparent)}
.search-pill,.mobile-account{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}
.catalog-loading{background:var(--bg-elevated);border-color:var(--border)}
.hero{background:linear-gradient(110deg,var(--bg-active),var(--bg-secondary))}
.hero-shade{background:linear-gradient(90deg,var(--bg-overlay) 0%,#09132199 45%,transparent 80%),linear-gradient(0deg,var(--bg-primary) 0%,transparent 45%)}
.hero p,.hero-meta{color:var(--text-secondary)}
.poster-card,.details-panel,.account-card{background:var(--bg-elevated);color:var(--text-primary)}
.account-logout{margin-top:24px;min-width:180px}.account-logout:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:720px){.account-logout{width:100%;min-height:52px}}@media(min-width:1100px){.tv-shell .account-logout{min-height:58px;font-size:1.08rem}}
.poster-image,.details-cover{background:linear-gradient(145deg,var(--bg-active),var(--bg-secondary));color:var(--text-secondary)}
.poster-copy small{color:var(--text-secondary)}
.episode{background:var(--bg-active)}
.empty-state{color:var(--text-secondary)}
.horizontal-row{scrollbar-color:var(--border) transparent}
.player-screen,.player-screen video{background:#02060c}
.player-controls{background:linear-gradient(var(--bg-overlay),transparent 30%,transparent 55%,#02060cf2)}
.player-titlebar button,.transport button{background:var(--bg-overlay);border:1px solid var(--border);color:var(--text-primary)}
.track-menu,.next-episode,.player-message{background:var(--bg-overlay);border-color:var(--border);color:var(--text-primary)}
.player-titlebar small,.track-menu p{color:var(--text-secondary)}
.timeline input,.transport input{accent-color:var(--accent)}
@media(max-width:760px){.icon-navigation{background:#0a1422f0!important;border-color:var(--border-subtle)!important}.icon-nav-button.active{background:var(--bg-active);box-shadow:inset 0 -3px var(--accent)}}

/* PlayerLayout 21.dev adaptado ao player real ELION PLAY. */
.search-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px}.search-pill svg,.details-back svg,.player-titlebar button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.details-shell{width:min(1100px,100%);margin:18px auto 0}.details-back{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:.68rem .9rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary)}.details-back:hover,.details-back:focus-visible{background:var(--bg-active);color:var(--text-primary);border-color:var(--accent)}.details-panel{max-width:none;margin:0;padding:clamp(24px,4vw,52px);border:1px solid var(--border-subtle);background:linear-gradient(135deg,var(--bg-elevated),var(--bg-secondary));box-shadow:0 26px 80px #0208127a}.details-header{grid-template-columns:minmax(210px,270px) minmax(0,1fr);gap:clamp(28px,5vw,62px);align-items:center}.details-header h1{font-size:clamp(2rem,4.5vw,4.4rem);line-height:1;margin:.12em 0 .35em;letter-spacing:-.045em}.details-summary,.details-header>div>p:not(.eyebrow){max-width:720px;color:var(--text-secondary);line-height:1.65}.details-cover{width:100%;box-shadow:0 22px 55px #0009}.movie-actions button{min-height:52px}.play-button{background:var(--text-primary);color:var(--bg-primary)}

.player-screen{display:grid;place-items:center;background:#02060c}.player-container{position:relative;width:100%;height:100%;overflow:hidden;background:#02060c}.player-container video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.controls-overlay-container{pointer-events:none;position:absolute;inset:0;z-index:10;background:linear-gradient(180deg,#02060cd9 0%,transparent 24%,transparent 59%,#02060cf2 100%);opacity:1;transition:opacity .25s}.controls-container{pointer-events:none;position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;padding:clamp(18px,3.5vw,54px);background:none}.controls-container.hidden-controls,.controls-container.hidden-controls~*{opacity:0}.player-container:has(.hidden-controls)>.controls-overlay-container{opacity:0}.controls-top-container,.controls-bottom-container{pointer-events:auto;width:100%}.controls-bottom-container{margin-top:auto}.player-titlebar{justify-content:flex-start}.player-titlebar button{display:grid;place-items:center;width:48px;height:48px;min-width:48px;padding:0;border-radius:50%}.player-titlebar button svg{width:25px;height:25px}.player-heading{min-width:0}.player-heading strong{display:block;max-width:min(70vw,900px);font-size:clamp(1rem,2vw,1.45rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline{margin:0 0 10px}.timeline input{height:24px;cursor:pointer}.timeline>div{font-size:.82rem;color:var(--text-secondary)}.transport{justify-content:space-between;flex-wrap:nowrap;margin:0}.transport-primary,.transport-options{display:flex;align-items:center;gap:10px}.transport button{min-width:48px;min-height:44px;background:#091321bf;backdrop-filter:blur(10px)}.transport #play-pause{min-width:56px;height:56px}.track-menu{z-index:25}.player-message{z-index:30}.next-episode{z-index:30}
@media(max-width:760px){.details-shell{margin-top:8px}.details-panel{padding:20px}.details-header{grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:start}.details-header h1{font-size:clamp(1.55rem,8vw,2.4rem)}.details-summary{grid-column:1/-1}.player-thumb{display:none}.controls-container{padding:16px}.player-titlebar{gap:10px}.player-titlebar button{width:42px;height:42px;min-width:42px}.transport{align-items:flex-end;gap:8px}.transport-primary,.transport-options{gap:6px;flex-wrap:wrap}.transport button{min-width:42px;min-height:40px;padding:.6rem;font-size:.75rem}.transport #play-pause{min-width:48px;height:48px}.transport input{width:72px}.track-menu{left:16px;right:16px;bottom:108px;min-width:0}}
@media(max-width:560px){.details-header{grid-template-columns:1fr}.details-cover{width:140px}.transport{flex-direction:column;align-items:stretch}.transport-primary,.transport-options{justify-content:center}.timeline{margin-bottom:6px}}

/* Player cinematográfico compacto — referência visual do card 16:9. */
.player-screen{padding:clamp(8px,1.5vw,24px);background:var(--bg-primary)}
.player-container{width:min(1500px,100%);height:auto;aspect-ratio:16/9;border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 90px #000c}
.player-container video{background:#02060c}
.controls-overlay-container{background:linear-gradient(180deg,#02060ca8 0%,transparent 19%,transparent 62%,#02060cf5 100%)}
.controls-container{padding:clamp(14px,2vw,28px)}
.player-titlebar{gap:11px;align-items:flex-start}
.player-titlebar #player-back{width:38px;height:38px;min-width:38px;background:#091321a8;border-color:#ffffff26}
.player-titlebar #player-back svg{width:21px;height:21px}
.player-thumb{display:none}
.player-heading{padding-top:2px}
.player-heading strong{font-size:clamp(.92rem,1.4vw,1.18rem);text-shadow:0 2px 8px #000}
.player-heading small{margin-top:2px;font-size:.76rem}
.player-settings{margin-left:auto!important;width:38px!important;height:38px!important;min-width:38px!important;padding:8px!important;border:0!important;background:transparent!important}
.player-settings svg{width:22px!important;height:22px!important}
.controls-bottom-container{padding-top:50px}
.timeline{margin-bottom:4px}
.timeline input{height:16px}
.timeline>div{font-size:.72rem}
.transport{min-height:46px}
.transport button{min-width:40px;min-height:40px;padding:.55rem .7rem;border:0;background:transparent;backdrop-filter:none}
.transport button:hover,.transport button:focus-visible{background:#ffffff18}
.transport #play-pause{min-width:48px;width:48px;height:48px;background:var(--text-primary);color:var(--bg-primary);border:2px solid var(--text-primary);font-size:1.05rem}
.transport #play-pause:focus-visible{outline:3px solid var(--text-primary);outline-offset:3px}
.transport input{width:92px}
.transport-options button{font-size:.74rem}
.track-menu{right:20px;bottom:78px;background:#091321f2}
.player-message{padding:18px 24px;border-radius:12px;background:#091321e8}
.player-screen:fullscreen{padding:0}.player-screen:fullscreen .player-container{width:100%;height:100%;max-width:none;border:0;border-radius:0}
@media(max-width:760px){.player-screen{padding:0}.player-container{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0}.controls-container{padding:12px}.controls-bottom-container{padding-top:20px}.transport-options #audio-menu,.transport-options #subtitle-menu{font-size:0;width:38px;min-width:38px}.transport-options #audio-menu::after{content:'A';font-size:.78rem}.transport-options #subtitle-menu::after{content:'CC';font-size:.68rem}}

/* Barra profissional: timeline e comandos formam um único conjunto no overlay. */
.controls-bottom-container{display:flex;flex-direction:column;gap:6px;padding-top:80px}
.timeline{display:flex;flex-direction:column;gap:1px;margin:0}
.timeline input{appearance:none;width:100%;height:18px;margin:0;padding:7px 0;background:transparent;accent-color:var(--accent)}
.timeline input::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent)) 0/var(--player-progress-size,0%) 100% no-repeat,#ffffff38}
.timeline input::-webkit-slider-thumb{appearance:none;width:9px;height:9px;margin-top:-3px;border:0;border-radius:50%;background:var(--text-primary);box-shadow:0 0 0 2px #7da2e34d}
.timeline input::-moz-range-track{height:3px;border-radius:999px;background:#ffffff38}.timeline input::-moz-range-progress{height:3px;border-radius:999px;background:var(--accent)}.timeline input::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:var(--text-primary)}
.timeline>div{height:16px;align-items:center;font-size:.7rem;color:#d5dce7}
.transport{height:50px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0}
.transport-primary,.transport-options{height:50px;display:flex;align-items:center;gap:14px}
.transport button{display:inline-flex;align-items:center;justify-content:center;height:42px;min-height:42px;min-width:42px;padding:0 11px;border:1px solid transparent;border-radius:9px;background:#091321a6;color:var(--text-primary);font-size:.78rem;line-height:1;backdrop-filter:blur(8px)}
.transport button:hover{background:var(--bg-active);border-color:var(--border)}
.transport button:focus-visible{outline:0;border-color:var(--accent);background:var(--bg-active);box-shadow:0 0 0 3px #7da2e352;transform:none}
.transport #play-pause{width:42px;height:42px;min-width:42px;border-radius:9px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);font-size:1rem}
.transport #play-pause:hover,.transport #play-pause:focus-visible{background:var(--bg-active);border-color:var(--accent);outline:0}
.transport button:focus{transform:none!important;outline:0}
.transport-symbol{position:relative;display:block;width:16px;height:18px}
#play-pause[data-state="paused"] .transport-symbol::before{content:'';position:absolute;left:4px;top:2px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid var(--text-primary)}
#play-pause[data-state="playing"] .transport-symbol::before,#play-pause[data-state="playing"] .transport-symbol::after{content:'';position:absolute;top:2px;width:4px;height:14px;border-radius:2px;background:var(--text-primary)}
#play-pause[data-state="playing"] .transport-symbol::before{left:2px}#play-pause[data-state="playing"] .transport-symbol::after{right:2px}
.transport #mute{font-size:.9rem;padding:0;width:42px}.transport input{width:104px;height:18px;padding:0;accent-color:var(--accent)}
.control-separator{width:1px;height:22px;margin:0 1px;background:var(--border)}
.transport-options{margin-left:auto;gap:8px}.transport-options button{padding-inline:13px}.transport-options #fullscreen{width:42px;padding:0;margin-left:2px;font-size:1rem}
.player-settings{display:none!important}
@media(min-width:1200px){.controls-container{padding-inline:32px;padding-bottom:22px}.transport-primary{gap:16px}.transport-options{gap:10px}}
@media(max-width:760px){.controls-bottom-container{gap:4px;padding-top:32px}.transport{height:auto;align-items:center;gap:8px}.transport-primary,.transport-options{height:44px;gap:7px}.transport button,.transport #play-pause{width:40px;height:40px;min-width:40px;min-height:40px;padding:0 7px}.transport input{width:66px}.control-separator{display:none}.transport-options{margin-left:auto}.transport-options #quality-menu{font-size:0;width:40px}.transport-options #quality-menu::after{content:'HD';font-size:.65rem}}
@media(max-width:520px){.transport{flex-wrap:wrap}.transport-primary{width:100%;justify-content:center}.transport-options{width:100%;justify-content:center;margin:0}.timeline>div{font-size:.66rem}}
.mfa-qr{display:block;background:#fff;border-radius:12px;padding:12px;margin:1rem 0;max-width:100%;height:auto}.mfa-secret{overflow-wrap:anywhere;user-select:all}details{margin:1rem 0}summary{cursor:pointer;color:var(--accent)}
.episode{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;align-items:center;padding:16px 18px}.episode>strong,.episode>p{grid-column:1;min-width:0}.episode>p{margin:.25rem 0 0}.episode-play{grid-column:2;grid-row:1/span 2;align-self:center;min-width:108px;white-space:nowrap}@media(max-width:560px){.episode{grid-template-columns:1fr}.episode-play{grid-column:1;grid-row:auto;width:100%;margin-top:8px}.search-page form{grid-template-columns:1fr}.search-page form button{width:100%}.browse-heading{align-items:stretch;flex-direction:column;gap:12px}.browse-heading select{width:100%}}