:root{--bg:#09090b;--panel:#111116;--panel2:#18181f;--line:#292931;--text:#f7f7f8;--muted:#a1a1aa;--red:#e5092f;--red2:#ff3157;--purple:#7c3aed;--green:#22c55e;--radius:16px;--shadow:0 24px 70px rgba(0,0,0,.45)}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
.navbar{position:fixed;z-index:50;top:0;left:0;right:0;height:72px;display:flex;align-items:center;gap:30px;padding:0 4vw;background:linear-gradient(180deg,rgba(5,5,7,.96),rgba(5,5,7,.15));transition:.3s}
.navbar.scrolled{background:rgba(5,5,7,.94);backdrop-filter:blur(15px);box-shadow:0 1px rgba(255,255,255,.07)}
.brand{font-size:1.35rem;font-weight:900;letter-spacing:-1px;white-space:nowrap}
.brand span{color:var(--red)}
.main-nav{display:flex;gap:22px;font-size:.93rem;color:#ddd}
.main-nav a:hover{color:white}
.nav-search{margin-left:auto;width:min(300px,25vw);display:flex;position:relative;border:1px solid rgba(255,255,255,.18);background:rgba(10,10,13,.55);border-radius:999px;overflow:visible}
.nav-search input{width:100%;border:0;background:transparent;color:white;padding:10px 8px 10px 16px;outline:none}
.nav-search button{border:0;background:transparent;color:white;width:44px;font-size:1.2rem}
.search-suggestions{position:absolute;z-index:100;top:calc(100% + 10px);left:0;width:min(430px,88vw);max-height:520px;overflow-y:auto;background:rgba(18,18,24,.98);border:1px solid rgba(255,255,255,.16);border-radius:14px;box-shadow:0 22px 55px rgba(0,0,0,.58);padding:7px}
.search-suggestions[hidden]{display:none}
.search-suggestion{display:grid;grid-template-columns:46px minmax(0,1fr) 20px;align-items:center;gap:11px;padding:8px;border-radius:9px;color:#fff;text-decoration:none}
.search-suggestion:hover,.search-suggestion.is-active{background:#292934}
.search-suggestion img{width:46px;height:68px;object-fit:cover;border-radius:5px;background:#25252d}
.search-suggestion span{display:grid;gap:5px;min-width:0}.search-suggestion strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.search-suggestion small{color:#aeb4bf;font-size:.74rem}.search-suggestion b{font-size:1.6rem;color:#6ee7f4}.search-empty{padding:20px;color:#aeb4bf;text-align:center;font-size:.86rem}
.search-group-label{padding:9px 9px 5px;color:#8e939e;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.search-suggestion.person{grid-template-columns:46px minmax(0,1fr) 20px}
.search-suggestion.person img,.search-person-fallback{width:46px;height:46px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,var(--red),var(--purple))}
.search-person-fallback{display:flex!important;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:1.05rem}
.account-menu{position:relative;display:flex;align-items:center;gap:10px}
.avatar{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;background:linear-gradient(135deg,var(--red),var(--purple))}
.account-dropdown{display:none;position:absolute;right:0;top:48px;width:220px;padding:16px;background:#15151b;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.account-menu:hover .account-dropdown{display:grid;gap:10px}
.account-dropdown small{color:var(--muted);margin-top:-8px;overflow:hidden;text-overflow:ellipsis}
.account-dropdown a{padding:7px 0;border-top:1px solid var(--line)}
.account-dropdown form{margin:0}.account-dropdown button{width:100%;padding:7px 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.admin-chip{padding:6px 10px;border:1px solid rgba(229,9,47,.5);color:#ff8ba0;border-radius:999px;font-size:.78rem}
.guest-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;padding:10px 17px;font-weight:700;transition:.2s}
.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.btn-primary{background:linear-gradient(135deg,var(--red),#ba1233);color:white}
.btn-secondary{background:#24242d;border-color:#353540;color:white}
.btn-light{background:white;color:#08080a}
.btn-glass{background:rgba(70,70,78,.58);backdrop-filter:blur(8px);color:white;border-color:rgba(255,255,255,.1)}
.btn-ghost{background:transparent;border-color:#363641;color:white}
.btn-lg{padding:13px 22px;font-size:1rem}
.btn-block{width:100%}
.hero{height:min(790px,82vh);min-height:610px;background-size:cover;background-position:center;display:flex;align-items:center;padding:90px 6vw 30px}
.hero-content{width:min(610px,52vw);padding-top:60px}
.eyebrow{display:block;color:#ff5573;font-size:.76rem;letter-spacing:.19em;font-weight:800;margin-bottom:12px}
.hero h1,.detail-copy h1{font-size:clamp(3rem,6.4vw,6.7rem);line-height:.91;letter-spacing:-.07em;margin:0 0 23px;text-shadow:0 7px 30px rgba(0,0,0,.5)}
.hero-content>p{font-size:1.08rem;color:#e3e3e7;max-width:570px}
.hero-meta{display:flex;align-items:center;gap:13px;color:#d7d7dc;font-size:.91rem}
.rating-box{padding:2px 7px;border:1px solid #c6c6ca;border-radius:4px}
.hero-actions{display:flex;gap:11px;margin-top:28px;flex-wrap:wrap}
.catalog-shell{position:relative;z-index:2;margin-top:-80px;padding:0 0 60px}
.content-row{margin:30px 0;padding-left:4vw}
.section-heading{display:flex;align-items:end;justify-content:space-between;padding-right:4vw;margin-bottom:14px}
.section-heading h2{font-size:1.45rem;margin:0;letter-spacing:-.03em}
.section-heading>a{font-size:.86rem;color:var(--muted)}
.horizontal-list{display:flex;gap:14px;overflow-x:auto;padding:5px 4vw 18px 0;scrollbar-width:none}
.horizontal-list::-webkit-scrollbar{display:none}
.content-card{flex:0 0 184px;min-width:0}
.poster-wrap{position:relative;display:block;height:276px;border-radius:12px;overflow:hidden;background:#1d1d23;box-shadow:0 14px 35px rgba(0,0,0,.3)}
.poster-wrap img{width:100%;height:100%;object-fit:cover;transition:.35s}
.content-card:hover .poster-wrap img{transform:scale(1.06)}
.deferred-content-row{content-visibility:auto;contain-intrinsic-size:380px}
.row-loading{font-size:.86rem;color:var(--muted)}
.content-card-skeleton{height:347px;border-radius:8px;background:linear-gradient(100deg,#1a1a20 20%,#292932 38%,#1a1a20 55%);background-size:200% 100%;animation:home-row-shimmer 1.35s ease-in-out infinite}
.row-load-error{color:var(--muted);padding:10px 4vw 20px 0}
@keyframes home-row-shimmer{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.content-card-skeleton{animation:none}}
.content-card:hover .poster-wrap{outline:2px solid rgba(255,255,255,.75)}
.card-rating{position:absolute;top:9px;left:9px;background:rgba(5,5,7,.78);padding:3px 7px;border-radius:4px;font-size:.7rem;font-weight:700}
.play-badge{position:absolute;inset:0;margin:auto;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.9);color:#09090b;opacity:0;transform:scale(.8);transition:.25s}
.content-card:hover .play-badge{opacity:1;transform:scale(1)}
.progress-line{position:absolute;bottom:0;left:0;right:0;height:4px;background:#393942}
.progress-line i{display:block;height:100%;background:var(--red)}
.card-info h3{font-size:.95rem;margin:10px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-meta{display:flex;gap:10px;color:#a7a7b0;font-size:.75rem}
.card-info p{font-size:.75rem;color:#72727d;margin:4px 0}
.footer{border-top:1px solid var(--line);padding:45px 6vw 70px;color:var(--muted)}
.footer p{font-size:.84rem;max-width:600px}
.page-shell{width:min(1400px,92vw);margin:0 auto;padding-bottom:80px}
.top-space{padding-top:120px}
.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
.page-title h1{font-size:2.4rem;margin:0;letter-spacing:-.05em}
.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:26px 16px}
.poster-grid .content-card{width:auto}
.poster-grid .poster-wrap{height:auto;aspect-ratio:2/3}
.empty-state{min-height:330px;border:1px dashed #353541;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:var(--muted)}
.empty-state>span{font-size:4rem;color:#555560}
.empty-state h2{color:white;margin-bottom:5px}
.empty-state.small{min-height:180px}
.auth-page{min-height:100vh;background:linear-gradient(90deg,rgba(6,6,9,.94),rgba(6,6,9,.74)),url('/static/demo-backdrops/backdrop-1.svg') center/cover fixed}
.auth-brand{position:fixed;top:30px;left:4vw;z-index:5}
.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 20px 40px}
.auth-card{width:min(450px,100%);background:rgba(15,15,20,.9);backdrop-filter:blur(20px);padding:40px;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:var(--shadow)}
.auth-card h1{font-size:2.2rem;margin:0}
.auth-card>p{color:var(--muted);margin-bottom:28px}
.auth-card label,.admin-form label,.form-card label{display:grid;gap:7px;color:#d4d4d9;font-size:.84rem;font-weight:600;margin-bottom:17px}
.auth-card input,.admin-form input,.admin-form textarea,.admin-form select,.filter-bar input,.filter-bar select,.inline-role select,.form-card input,.form-card textarea,.form-card select{width:100%;background:#191920;border:1px solid #34343e;border-radius:9px;color:white;padding:12px 13px;outline:none}
.auth-card input:focus,.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{border-color:#e73858;box-shadow:0 0 0 3px rgba(229,9,47,.12)}
.demo-box{display:grid;gap:3px;background:#202029;border-radius:10px;padding:13px;margin:18px 0;color:var(--muted);font-size:.78rem}
.demo-box strong{color:white}
.demo-box code{color:#ff8097}
.auth-switch{text-align:center;font-size:.88rem}
.auth-switch a{color:#ff5573;font-weight:700}
.detail-hero{min-height:780px;padding:125px 5vw 80px;background-size:cover;background-position:center;display:flex;align-items:center}
.detail-inner{display:flex;gap:50px;align-items:center;width:min(1300px,100%);margin:auto}
.detail-poster{width:270px;aspect-ratio:2/3;object-fit:cover;border-radius:16px;box-shadow:var(--shadow)}
.detail-copy{max-width:720px}
.detail-copy h1{font-size:clamp(3rem,6vw,6rem)}
.lead{font-size:1.05rem;color:#d4d4da;line-height:1.75}
.detail-data{display:grid;gap:10px;margin-top:30px}
.detail-data div{display:grid;grid-template-columns:90px 1fr}
.detail-data dt{color:#777781}
.detail-data dd{margin:0;color:#d4d4da}
.detail-content{margin-top:-60px;position:relative}
.season-title{margin:25px 0 10px}
.episode-list{display:grid;gap:8px}
.episode-card{position:relative;display:grid;grid-template-columns:180px 38px 1fr auto 46px;gap:18px;align-items:center;padding:12px;border-radius:12px;transition:.2s}
.episode-card:hover{background:#18181f}
.episode-card img{width:180px;height:100px;object-fit:cover;border-radius:8px}
.episode-number{font-size:1.2rem;color:#777}
.episode-card h4{margin:0 0 5px}
.episode-card p{margin:0;color:var(--muted);font-size:.85rem}
.episode-card small{color:var(--muted)}
.player-page{background:black}
.player-shell{min-height:100vh;display:flex;flex-direction:column}
.player-topbar{display:flex;align-items:center;gap:25px;padding:17px 25px;background:#0c0c0f}
.player-topbar>a{font-weight:700}
.player-topbar div{display:grid}
.player-topbar span{color:var(--muted);font-size:.8rem}
.player-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 4vw;background:#0c0c0f;gap:20px}
.player-footer h1{font-size:1.15rem;margin:0}
.player-footer p{color:var(--muted);font-size:.86rem;margin:4px 0;max-width:760px}
.toast-stack{position:fixed;z-index:100;right:20px;top:90px;display:grid;gap:10px}
.toast{padding:13px 17px;border-radius:10px;background:#24242b;border:1px solid #3a3a44;box-shadow:var(--shadow);animation:toastIn .3s}
.toast-success{border-color:#166534}
.toast-danger{border-color:#991b1b}
.toast-warning{border-color:#a16207}
@keyframes toastIn{from{transform:translateX(20px);opacity:0}
}
.error-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.error-page>strong{font-size:8rem;color:var(--red)}
.error-page h1{margin-top:-25px}
.admin-layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.admin-sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:28px 18px;border-right:1px solid var(--line);background:#0c0c10;display:flex;flex-direction:column}
.admin-label{margin:42px 10px 12px;color:#5f5f69;font-size:.68rem;font-weight:800;letter-spacing:.15em}
.admin-sidebar nav{display:grid;gap:5px}
.admin-sidebar nav a{padding:11px 12px;color:#9d9da7;border-radius:9px;font-size:.9rem}
.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#1c1c23;color:white}
.admin-sidebar nav a.active{box-shadow:inset 3px 0 var(--red)}
.sidebar-bottom{margin-top:auto;display:grid;gap:8px}
.sidebar-bottom a{padding:9px 12px;color:#888894;font-size:.83rem}
.admin-main{grid-column:2;padding:42px 4vw 80px;min-width:0}
.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}
.admin-header h1{font-size:2.5rem;line-height:1;margin:4px 0 10px;letter-spacing:-.05em}
.admin-header p{color:var(--muted);margin:0}
.back-link{color:#9999a3;font-size:.86rem}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:25px}
.metric-grid article{background:linear-gradient(145deg,#17171e,#111116);border:1px solid var(--line);padding:21px;border-radius:14px}
.metric-grid span,.metric-grid small{display:block;color:var(--muted);font-size:.8rem}
.metric-grid strong{display:block;font-size:2.35rem;margin:7px 0}
.admin-panel,.form-card{background:#111116;border:1px solid var(--line);border-radius:15px;overflow:hidden}
.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}
.panel-heading h2{font-size:1rem;margin:0}
.panel-heading a{font-size:.82rem;color:#ff6883}
.admin-table-wrap{overflow-x:auto}
.admin-table{width:100%;border-collapse:collapse;font-size:.84rem}
.admin-table th{text-align:left;padding:13px 17px;background:#15151b;color:#888894;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}
.admin-table td{padding:13px 17px;border-top:1px solid #24242b;color:#cacaD0;vertical-align:middle}
.table-title{display:flex;align-items:center;gap:12px}
.table-title img{width:39px;height:54px;object-fit:cover;border-radius:5px}
.table-title div{display:grid}
.table-title small{color:#777781}
.status{padding:4px 8px;border-radius:999px;font-size:.7rem;text-transform:capitalize}
.status-published{background:rgba(34,197,94,.12);color:#6ee7a0}
.status-draft{background:rgba(245,158,11,.12);color:#fbbf24}
.table-actions{display:flex;align-items:center;gap:12px}
.table-actions a,.table-actions button{color:#bbb;background:none;border:0;padding:0;font-size:.78rem}
.table-actions button{color:#ff617d}
.filter-bar{display:grid;grid-template-columns:1fr 180px 180px auto;gap:10px;padding:17px;border-bottom:1px solid var(--line)}
.admin-form{display:grid;gap:18px}
.form-card{padding:24px;overflow:visible}
.form-card-title{display:flex;gap:14px;margin-bottom:25px}
.form-card-title>span{flex:0 0 34px;height:34px;border-radius:50%;background:rgba(229,9,47,.16);color:#ff5b78;display:flex;align-items:center;justify-content:center;font-weight:800}
.form-card-title h2{font-size:1.05rem;margin:0}
.form-card-title p{font-size:.78rem;color:var(--muted);margin:2px 0}
.form-grid{display:grid;gap:0 16px}
.form-grid.two{grid-template-columns:repeat(2,1fr)}
.form-grid.three{grid-template-columns:repeat(3,1fr)}
.form-grid .full{grid-column:1/-1}
.check-label{display:flex!important;grid-column:auto!important;align-items:center;gap:10px!important}
.check-label input{width:auto}
.image-preview-row{display:flex;gap:15px;border-top:1px solid var(--line);padding-top:20px}
.image-preview-row img:first-child{width:100px;height:145px;object-fit:cover}
.image-preview-row img:last-child{width:260px;height:145px;object-fit:cover}
.image-preview-row img{border-radius:8px}
.form-actions{display:flex;justify-content:flex-end;gap:10px}
.admin-split{display:grid;grid-template-columns:minmax(330px,430px) 1fr;gap:18px;align-items:start}
.sticky-card{position:sticky;top:20px}
.episode-admin-list{padding:10px}
.episode-admin-list article{display:grid;grid-template-columns:130px 1fr auto;gap:15px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}
.episode-admin-list img{width:130px;height:72px;object-fit:cover;border-radius:7px}
.episode-admin-list small{color:#ff6883}
.episode-admin-list h3{font-size:.95rem;margin:2px 0}
.episode-admin-list p{font-size:.75rem;color:var(--muted);margin:0}
.episode-admin-list button{background:none;border:0;color:#ff617d}
.user-cell{display:flex;align-items:center;gap:10px}
.user-cell .avatar{width:32px;height:32px}
.inline-role{display:flex;gap:8px}
.inline-role select{min-width:150px}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;padding:20px}
.media-grid article{background:#191920;border:1px solid var(--line);border-radius:10px;padding:10px;min-width:0}
.media-grid img,.video-file-icon{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:7px;margin-bottom:10px}
.video-file-icon{display:flex;align-items:center;justify-content:center;background:#252530;font-size:2rem}
.media-grid strong,.media-grid small,.media-grid code{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-grid small{color:var(--muted);font-size:.72rem}
.media-grid code{color:#ff708a;font-size:.65rem;margin-top:8px}

@media(max-width:1000px){.main-nav{display:none}
.nav-search{width:36vw}
.hero-content{width:70vw}
.metric-grid{grid-template-columns:repeat(2,1fr)}
.admin-split{grid-template-columns:1fr}
.sticky-card{position:static}
.form-grid.three{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:760px){.navbar{height:64px;padding:0 16px;gap:12px}
.navbar .brand{font-size:1.05rem}
.nav-search{display:none}
.guest-actions{gap:5px}.guest-actions .btn{padding:8px 9px;font-size:.72rem}.guest-actions .btn-ghost{display:inline-flex}
.hero{height:670px;min-height:0;padding:100px 20px 70px;background-position:65% center}
.hero-content{width:100%;align-self:flex-end}
.hero h1,.detail-copy h1{font-size:3.2rem}
.catalog-shell{margin-top:-30px}
.content-row{padding-left:16px}
.horizontal-list{padding-right:16px}
.content-card{flex-basis:145px}
.poster-wrap{height:218px}
.section-heading{padding-right:16px}
.detail-hero{padding:100px 20px 70px}
.detail-inner{display:block}
.detail-poster{display:none}
.detail-data div{grid-template-columns:75px 1fr}
.episode-card{grid-template-columns:110px 25px 1fr}
.episode-card img{width:110px;height:70px}
.episode-card small,.episode-card>b{display:none}
.player-footer{align-items:flex-start;flex-direction:column}
.admin-layout{display:block}
.admin-sidebar{position:static;width:100%;height:auto;display:block;padding:16px}
.admin-label,.admin-sidebar .brand,.sidebar-bottom{display:none}
.admin-sidebar nav{display:flex;overflow:auto}
.admin-sidebar nav a{white-space:nowrap}
.admin-main{padding:25px 16px 70px}
.admin-header{align-items:flex-start;flex-direction:column}
.metric-grid{grid-template-columns:1fr 1fr}
.filter-bar{grid-template-columns:1fr}
.form-grid.two,.form-grid.three{grid-template-columns:1fr}
.form-grid .full{grid-column:auto}
.image-preview-row img:last-child{width:180px}
.admin-table{min-width:700px}
.poster-grid{grid-template-columns:repeat(2,1fr)}
.page-shell{width:calc(100% - 32px)}
.auth-card{padding:28px 22px}
}

@media(max-width:420px){.account-menu .btn-primary{padding:8px 11px;font-size:.78rem}
.hero-actions .btn{width:100%}
.metric-grid{grid-template-columns:1fr}
.image-preview-row{overflow:auto}
.detail-copy h1{font-size:2.7rem}
.poster-grid{gap:18px 10px}
.page-title h1{font-size:1.9rem}
}
.btn-heart.is-active{color:#ff8097;border-color:rgba(255,85,115,.55);background:rgba(229,9,47,.18)}
.card-actions{display:flex;align-items:center;gap:7px;margin-top:8px}
.card-actions form{margin:0}
.card-action{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border:1px solid #363641;border-radius:7px;padding:4px 8px;background:#17171d;color:#bcbcc5;font-size:.72rem;font-weight:700}
.card-action.heart,.card-action.list,.card-action.info{width:30px;padding:0;font-size:1.15rem}
.card-action.heart.is-active{color:#ff5b78;border-color:rgba(255,85,115,.55);background:rgba(229,9,47,.14)}
.card-action.list.is-active{color:#8ee5b3;border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.1)}
.movie-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto auto;gap:12px;align-items:end;padding:16px;margin:0 0 28px;border:1px solid var(--line);border-radius:14px;background:#111116}
.movie-filters label{display:grid;gap:6px;color:#bcbcc5;font-size:.78rem;font-weight:700}
.movie-filters input,.movie-filters select{width:100%;padding:10px 12px;border:1px solid #34343e;border-radius:8px;background:#191920;color:white;outline:none}
.movie-filters input:focus,.movie-filters select:focus{border-color:rgba(255,85,115,.75);box-shadow:0 0 0 3px rgba(229,9,47,.12)}
.search-filters{grid-template-columns:minmax(220px,1.5fr) minmax(200px,1fr) 180px auto auto}
.search-summary{margin:-10px 0 24px;color:var(--muted);font-size:.9rem}
.people-results{margin:0 0 34px;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(27,27,35,.88),rgba(13,13,17,.88))}
.people-results .section-heading{margin-bottom:18px}.people-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px}
.person-card{display:grid;justify-items:center;align-content:start;gap:9px;min-width:0;padding:12px;border-radius:14px;text-align:center;color:#fff;transition:background .2s,transform .2s}
.person-card:hover{background:rgba(255,255,255,.07);transform:translateY(-2px)}
.person-card img,.person-avatar{width:132px;height:132px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,var(--red),var(--purple));box-shadow:0 14px 32px rgba(0,0,0,.35)}
.person-avatar{display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.8rem;font-weight:900}
.person-card strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-card small{display:-webkit-box;max-width:220px;overflow:hidden;color:var(--muted);font-size:.76rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.person-profile{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:34px;margin-bottom:46px;padding:32px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#1d151b,#111117)}
.person-profile-photo{width:190px;height:190px;border-radius:50%;object-fit:cover;background:#25252d;box-shadow:0 20px 45px rgba(0,0,0,.45)}
.person-profile h1{margin:4px 0 10px;font-size:clamp(2.5rem,5vw,5rem);line-height:1}.person-profile p{max-width:720px;margin:0 0 15px;color:#c6c6ce;font-size:1rem;line-height:1.6}.person-profile-meta{margin-bottom:13px;color:#babac4}.person-profile-meta strong{color:#fff}.person-source{color:#78e6f2;font-weight:700;font-size:.85rem}.person-source:hover{color:#fff}
.movie-filters .btn{white-space:nowrap}
@media(max-width:850px){.movie-filters,.search-filters{grid-template-columns:1fr 1fr}.movie-filters .btn{width:100%}}
@media(max-width:500px){.movie-filters{grid-template-columns:1fr}.card-actions{gap:5px}}
@media(max-width:760px){.people-results{padding:16px}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.person-card img,.person-avatar{width:104px;height:104px}.person-profile{grid-template-columns:1fr;justify-items:center;padding:24px 18px;text-align:center}.person-profile-photo{width:150px;height:150px}.person-profile p{font-size:.92rem}}
.catalog-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.catalog-tabs a{padding:9px 15px;border:1px solid #363641;border-radius:999px;background:#15151b;color:#bcbcc5;font-size:.84rem;font-weight:700}.catalog-tabs a:hover,.catalog-tabs a.active{border-color:rgba(255,85,115,.65);background:rgba(229,9,47,.16);color:#ff9aab}.page-title p{margin:8px 0 0;color:var(--muted)}

/* CineVerse: navegación y catálogo de pantalla grande, estilo cine */
body{background:radial-gradient(1000px 500px at 72% -120px,#25101a 0%,#09090b 58%);overflow-x:hidden}
.navbar{height:76px;padding:0 clamp(20px,4vw,76px);background:linear-gradient(180deg,rgba(4,4,6,.98),rgba(4,4,6,.68) 62%,transparent);gap:clamp(18px,2.2vw,36px)}
.navbar.scrolled{background:rgba(7,7,10,.96);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.brand{font-size:clamp(1.15rem,1.35vw,1.55rem);letter-spacing:-1.35px}
.main-nav{gap:clamp(16px,1.5vw,28px);font-weight:600}.main-nav a{position:relative;color:#c8c8ce}.main-nav a:hover{color:#fff}.main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .2s}.main-nav a:hover::after{transform:scaleX(1)}
.nav-search{width:min(340px,24vw);background:rgba(14,14,18,.72);transition:border-color .2s,background .2s}.nav-search:focus-within{border-color:rgba(255,255,255,.72);background:#15151b}.nav-search input{min-height:40px}
.hero{height:min(860px,86vh);min-height:640px;padding:110px clamp(24px,6vw,110px) 60px}.hero-content{width:min(680px,56vw)}.hero-content>p{max-width:610px;font-size:clamp(1rem,1.1vw,1.18rem);line-height:1.65}.hero-actions .btn{min-height:48px;border-radius:7px}.btn-light{box-shadow:0 12px 30px rgba(255,255,255,.12)}
.catalog-shell{margin-top:-108px;padding-bottom:90px}.content-row{margin:42px 0;padding-left:clamp(20px,4vw,76px)}.section-heading{padding-right:clamp(20px,4vw,76px);margin-bottom:16px}.section-heading h2{font-size:clamp(1.32rem,1.55vw,1.8rem)}.section-heading>a{font-weight:700;color:#c8c8d0}.section-heading>a:hover{color:#fff}.horizontal-list{gap:17px;padding-right:clamp(20px,4vw,76px);padding-bottom:24px;scroll-padding-left:20px}
.content-card{flex-basis:198px}.poster-wrap{height:297px;border-radius:8px;box-shadow:0 12px 26px rgba(0,0,0,.35);transform:translateZ(0)}.poster-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.55) 100%);pointer-events:none}.card-rating,.play-badge,.progress-line{z-index:1}.content-card:hover{position:relative;z-index:3}.content-card:hover .poster-wrap{outline:0;box-shadow:0 22px 42px rgba(0,0,0,.58);transform:scale(1.035)}.content-card:hover .poster-wrap img{transform:scale(1.08)}.card-info h3{font-size:1rem;margin-top:12px}.card-info p{margin-top:5px}.card-actions{margin-top:9px}.card-action{transition:background .2s,border-color .2s,transform .2s}.card-action:hover{background:#282832;border-color:#686875;color:#fff;transform:translateY(-1px)}
.page-shell{width:min(1540px,92vw)}.top-space{padding-top:132px}.page-title h1{font-size:clamp(2.2rem,3.2vw,3.35rem)}.poster-grid{gap:34px 18px}.poster-grid .content-card{min-width:0}.poster-grid .poster-wrap{border-radius:8px}.movie-filters{padding:18px;background:linear-gradient(135deg,#18181f,#101014);box-shadow:0 14px 34px rgba(0,0,0,.18)}.movie-filters select{min-height:44px}.catalog-tabs a{padding:10px 17px;transition:.2s}.catalog-tabs a:hover{transform:translateY(-1px)}
.detail-hero{min-height:820px;padding:130px clamp(24px,5vw,96px) 90px}.detail-inner{width:min(1420px,100%)}.detail-poster{width:300px;border-radius:10px}.detail-copy{max-width:760px}.detail-data{max-width:690px}
:focus-visible{outline:3px solid #fff;outline-offset:3px}.card-action:focus-visible{outline-color:#ff6d87}

/* Televisores y monitores amplios: controles grandes y lectura a distancia. */
@media(min-width:1650px){.navbar{height:86px}.main-nav{font-size:1.02rem}.hero{min-height:760px;padding-left:8vw}.hero-content{width:min(780px,52vw)}.hero h1{font-size:clamp(4.8rem,5.8vw,7.2rem)}.content-card{flex-basis:238px}.poster-wrap{height:357px}.card-info h3{font-size:1.08rem}.card-action{min-height:34px;font-size:.8rem}.card-action.heart,.card-action.list,.card-action.info{width:36px;font-size:1.3rem}.section-heading h2{font-size:2rem}.page-shell{width:min(1760px,92vw)}.poster-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}

/* Tablets y móviles: navegación visible, controles táctiles y tarjetas compactas. */
@media(max-width:1000px){.main-nav{display:flex;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.nav-search{width:210px}.hero{min-height:600px}.catalog-shell{margin-top:-70px}.content-card{flex-basis:174px}.poster-wrap{height:261px}}
@media(max-width:760px){.navbar{height:64px;padding:0 14px;gap:13px;background:rgba(5,5,7,.97)}.navbar .brand{font-size:1.08rem}.main-nav{order:2;gap:14px;flex:1;min-width:0;font-size:.78rem}.main-nav a::after{display:none}.nav-search{display:none}.account-menu{order:3;gap:0}.account-menu .admin-chip{display:none}.account-menu .avatar{width:34px;height:34px;font-size:.82rem}.hero{height:620px;min-height:0;padding:95px 20px 48px;background-position:62% center}.hero-content{width:100%;padding-top:0}.hero h1,.detail-copy h1{font-size:clamp(2.8rem,12vw,4rem);line-height:.96}.hero-content>p{font-size:.94rem;max-width:94%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-meta{gap:9px;font-size:.78rem}.hero-actions{gap:9px;margin-top:22px}.hero-actions .btn{min-height:46px;padding:11px 15px;font-size:.9rem}.catalog-shell{margin-top:-34px;padding-bottom:60px}.content-row{margin:30px 0;padding-left:16px}.section-heading{padding-right:16px;margin-bottom:12px}.section-heading h2{font-size:1.24rem}.section-heading>a{font-size:.78rem}.horizontal-list{gap:11px;padding-right:16px;padding-bottom:18px}.content-card{flex-basis:138px}.poster-wrap{height:207px;border-radius:7px}.card-info h3{font-size:.85rem;margin-top:8px}.card-meta,.card-info p{font-size:.68rem}.card-actions{gap:5px;margin-top:7px}.card-action{min-height:30px;padding:4px 7px;font-size:.67rem}.card-action.heart,.card-action.list,.card-action.info{width:30px;font-size:1.1rem}.top-space{padding-top:93px}.page-shell{width:calc(100% - 32px)}.page-title{margin-bottom:20px}.page-title h1{font-size:2rem}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px}.poster-grid .poster-wrap{aspect-ratio:2/3;height:auto}.catalog-tabs{margin-bottom:14px;gap:7px}.catalog-tabs a{padding:8px 13px;font-size:.78rem}.movie-filters{grid-template-columns:1fr;padding:14px;margin-bottom:23px;gap:10px}.movie-filters .btn{min-height:44px}.detail-hero{min-height:680px;padding:92px 20px 55px}.detail-content{margin-top:-25px}.detail-data{margin-top:22px}.detail-data div{grid-template-columns:70px 1fr;font-size:.9rem}}
@media(max-width:390px){.main-nav{gap:11px}.main-nav a{font-size:.72rem}.hero-actions .btn{width:auto;flex:1}.content-card{flex-basis:130px}.poster-wrap{height:195px}}

/* Búsqueda accesible también en teléfonos. */
@media(max-width:760px){
  .nav-search{display:flex;position:absolute;top:70px;left:14px;right:14px;width:auto;background:#15151b;box-shadow:0 10px 28px rgba(0,0,0,.45)}
  .search-suggestions{width:100%;max-height:62vh}
  .hero{padding-top:155px}
  .top-space{padding-top:151px}
  .detail-hero{padding-top:152px}
}

/* Los títulos largos no deben invadir la tarjeta ni salir de la pantalla. */
.content-card,.card-info,.hero-content,.detail-copy,.episode-card>div{min-width:0;max-width:100%}
.card-info h3{
  white-space:normal;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  text-overflow:ellipsis;
  overflow-wrap:anywhere;
  word-break:break-word;
  line-height:1.25;
  min-height:2.5em;
}
.hero h1,.detail-copy h1,.page-title h1,.episode-card h4,.detail-data dd{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}

@media(max-width:760px){
  .hero h1,.detail-copy h1{
    font-size:clamp(2.15rem,10vw,3.1rem);
    line-height:1.02;
  }
  .episode-card>div{overflow:hidden}
  .episode-card h4{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    line-height:1.25;
    font-size:.9rem;
  }
  #season-select{max-width:100%}
}

/* Acceso privado por invitación. */
.access-gate-page{min-height:100vh;overflow:hidden;background:#050507}
.gate-navbar{position:fixed;z-index:30;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:82px;padding:0 clamp(20px,5vw,82px);background:linear-gradient(180deg,rgba(4,4,6,.92),transparent)}
.access-gate{position:relative;min-height:100svh;display:grid;place-items:center;padding:110px 24px 46px;isolation:isolate;overflow:hidden}
.gate-preview{position:absolute;z-index:-3;inset:-28px;overflow:hidden;filter:blur(13px) saturate(.72);transform:scale(1.045);opacity:.7;pointer-events:none;user-select:none}
.gate-backdrop{position:absolute;inset:0;width:100%;height:62%;object-fit:cover;opacity:.7}
.gate-poster-wall{position:absolute;left:4vw;right:4vw;bottom:-80px;display:grid;grid-template-columns:repeat(9,minmax(120px,1fr));gap:17px;transform:perspective(1100px) rotateX(8deg)}
.gate-poster{min-width:0}
.gate-poster img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:10px;background:#202027;box-shadow:0 24px 50px rgba(0,0,0,.6)}
.gate-poster span,.gate-poster small{display:block;height:10px;margin-top:10px;border-radius:10px;background:rgba(255,255,255,.28)}
.gate-poster small{width:62%;height:7px;margin-top:7px;background:rgba(255,255,255,.16)}
.gate-vignette{position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 50% 43%,rgba(8,8,11,.22),rgba(5,5,8,.93) 72%),linear-gradient(180deg,rgba(4,4,7,.16),#050507 96%);pointer-events:none}
.gate-card{width:min(760px,100%);padding:clamp(30px,5vw,62px);border:1px solid rgba(255,255,255,.15);border-radius:26px;background:linear-gradient(145deg,rgba(18,18,24,.88),rgba(8,8,12,.78));box-shadow:0 34px 90px rgba(0,0,0,.68);backdrop-filter:blur(24px);text-align:center}
.gate-lock{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 22px;border:1px solid rgba(255,88,118,.45);border-radius:18px;background:rgba(229,9,47,.16);color:#ff718b;font-size:1.3rem;transform:rotate(45deg)}
.gate-lock::first-letter{transform:rotate(-45deg)}
.gate-card h1{max-width:680px;margin:10px auto 18px;font-size:clamp(2.45rem,5.3vw,5.2rem);line-height:.98;letter-spacing:-.065em}
.gate-card>p{max-width:620px;margin:0 auto;color:#c8c8d0;font-size:clamp(.98rem,1.35vw,1.14rem);line-height:1.7}
.gate-actions{display:flex;justify-content:center;gap:12px;margin-top:30px}
.gate-actions .btn{min-width:190px;min-height:50px}
.gate-note{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:22px;color:#8f8f99;font-size:.8rem}
.gate-note span{color:#59d68c}
.auth-card input[name="invite_token"]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;border-color:rgba(255,89,119,.42)}

/* Administración de invitaciones. */
.sidebar-bottom form{margin:0}
.sidebar-bottom button{width:100%;padding:9px 12px;border:0;background:none;color:#888894;text-align:left;font:inherit;font-size:.83rem;cursor:pointer}
.sidebar-bottom button:hover{color:#fff}
.invite-reveal{display:grid;gap:18px;margin-bottom:22px;padding:24px;border:1px solid rgba(75,220,135,.32);border-radius:16px;background:linear-gradient(135deg,rgba(31,94,60,.24),rgba(17,17,22,.96))}
.invite-reveal h2{margin:4px 0 0;font-size:1.25rem}
.invite-token-row{display:flex;align-items:center;gap:12px}
.invite-token-row code{flex:1;overflow:auto;padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#09090c;color:#8ef0b5;font-size:clamp(.82rem,1.4vw,1.05rem);white-space:nowrap}
.invitation-layout{grid-template-columns:minmax(300px,390px) 1fr}
.table-subline{display:block;margin-top:5px;color:#777781}
.status-active{background:rgba(34,197,94,.13);color:#74e5a1}
.status-used{background:rgba(59,130,246,.13);color:#8dbaff}
.status-expired{background:rgba(245,158,11,.13);color:#f8c568}
.status-revoked{background:rgba(239,68,68,.13);color:#ff8b8b}
.link-danger{border:0;background:none;color:#ff718b;cursor:pointer}

@media(max-width:900px){
  .gate-poster-wall{grid-template-columns:repeat(5,minmax(110px,1fr));left:-4vw;right:-4vw}
  .invitation-layout{grid-template-columns:1fr}
}
@media(max-width:600px){
  .gate-navbar{height:68px;padding:0 17px}.gate-navbar .btn{padding:9px 12px;font-size:.78rem}
  .access-gate{align-items:end;padding:92px 14px 18px}
  .gate-poster-wall{grid-template-columns:repeat(3,minmax(105px,1fr));gap:10px;bottom:-30px}
  .gate-preview{filter:blur(10px) saturate(.65)}
  .gate-card{padding:30px 20px 26px;border-radius:20px}
  .gate-card h1{font-size:clamp(2.25rem,12vw,3.45rem)}
  .gate-actions{display:grid}.gate-actions .btn{width:100%;min-width:0}
  .gate-note{font-size:.72rem}
  .invite-token-row{align-items:stretch;flex-direction:column}
}

/* Sagas de películas: catálogo verificado y orden de estreno. */
.sagas-shell,.saga-detail-shell{padding-top:132px;padding-bottom:90px}
.sagas-header{max-width:780px;margin-bottom:34px}
.sagas-header h1,.saga-detail-header h1{margin:8px 0 10px;font-size:clamp(2.5rem,5vw,5rem);line-height:1;letter-spacing:-.055em}
.sagas-header p,.saga-detail-header p{margin:0;color:#a8a8b2;font-size:1rem;line-height:1.6}
.saga-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.saga-card{position:relative;min-height:420px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#16161c;box-shadow:0 18px 46px rgba(0,0,0,.28);color:#fff;isolation:isolate;transition:transform .22s,border-color .22s,box-shadow .22s}
.saga-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.3);box-shadow:0 26px 55px rgba(0,0,0,.48)}
.saga-card>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.saga-card:hover>img{transform:scale(1.055)}
.saga-card-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(5,5,8,.05) 23%,rgba(6,6,9,.78) 64%,#08080c 100%)}
.saga-card-copy{position:absolute;inset:auto 0 0;padding:24px}
.saga-card-copy h2{margin:12px 0 5px;font-size:1.55rem;line-height:1.05;letter-spacing:-.035em}
.saga-card-copy p{margin:0 0 15px;color:#b8b8c0;font-size:.86rem}
.saga-card-copy>strong{font-size:.82rem;color:#fff}
.saga-status{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border:1px solid;border-radius:999px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em}
.saga-status.is-complete,.saga-completeness.is-complete{border-color:rgba(61,218,134,.44);background:rgba(34,197,94,.16);color:#8cf0b7}
.saga-status.is-partial,.saga-completeness.is-partial{border-color:rgba(250,182,56,.44);background:rgba(245,158,11,.14);color:#ffd17a}
.saga-back{display:inline-block;margin-bottom:28px;color:#c4c4cc;font-size:.88rem;font-weight:700}.saga-back:hover{color:#fff}
.saga-detail-header{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:46px;padding:34px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#21131a,#111117)}
.saga-detail-header>div:first-child{max-width:800px}
.saga-completeness{flex:0 0 auto;display:grid;justify-items:center;min-width:155px;padding:18px;border:1px solid;border-radius:16px}
.saga-completeness strong{font-size:2rem;line-height:1}.saga-completeness span{margin-top:6px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em}
.saga-timeline{position:relative;display:grid;gap:18px;margin:0;padding:0;list-style:none}
.saga-timeline::before{content:"";position:absolute;top:28px;bottom:28px;left:30px;width:2px;background:linear-gradient(var(--red),rgba(229,9,47,.08))}
.saga-timeline>li{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr);gap:20px;align-items:center}
.saga-sequence{z-index:1;display:grid;place-items:center;width:60px;height:60px;border:5px solid #09090b;border-radius:50%;background:var(--red);box-shadow:0 8px 22px rgba(229,9,47,.3);font-size:1.2rem;font-weight:900}
.saga-movie{display:grid;grid-template-columns:132px minmax(0,1fr);gap:24px;min-height:198px;padding:16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#17171e,#101014);color:#fff;transition:transform .2s,border-color .2s}
.saga-movie:hover{transform:translateX(5px);border-color:rgba(255,255,255,.3)}
.saga-movie img{width:132px;height:198px;border-radius:9px;object-fit:cover;background:#222229}
.saga-movie>div{align-self:center;min-width:0}.saga-year{color:#ff718b;font-size:.78rem;font-weight:900;letter-spacing:.06em}
.saga-movie h2{margin:6px 0 9px;font-size:clamp(1.3rem,2.3vw,2rem);line-height:1.08;overflow-wrap:anywhere}
.saga-movie p{display:-webkit-box;max-width:760px;margin:0 0 15px;overflow:hidden;color:#a8a8b2;font-size:.9rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.saga-movie strong{font-size:.8rem}
.saga-inline-link{display:inline-flex;align-items:center;gap:10px;margin:2px 0 14px;padding:8px 11px;border:1px solid rgba(255,99,128,.35);border-radius:9px;background:rgba(229,9,47,.12);color:#ff9aad;font-size:.78rem;font-weight:700}
.saga-inline-link b{padding-left:10px;border-left:1px solid rgba(255,255,255,.16);color:#fff}

@media(max-width:1120px){.saga-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
  .sagas-shell,.saga-detail-shell{padding-top:151px;padding-bottom:60px}
  .sagas-header{margin-bottom:24px}.saga-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .saga-card{min-height:310px;border-radius:12px}.saga-card-copy{padding:15px}.saga-card-copy h2{font-size:1.08rem}.saga-card-copy p{font-size:.72rem}.saga-card-copy>strong{font-size:.7rem}
  .saga-status{font-size:.59rem;padding:3px 7px}
  .saga-detail-header{align-items:stretch;flex-direction:column;padding:23px 19px;margin-bottom:30px}.saga-completeness{justify-items:start;min-width:0}
  .saga-timeline::before{left:21px}.saga-timeline>li{grid-template-columns:44px minmax(0,1fr);gap:9px}.saga-sequence{width:44px;height:44px;border-width:4px;font-size:.95rem}
  .saga-movie{grid-template-columns:83px minmax(0,1fr);gap:13px;min-height:125px;padding:10px}.saga-movie img{width:83px;height:125px}.saga-movie p{display:none}.saga-movie h2{font-size:1rem;margin:4px 0 12px}.saga-movie strong{font-size:.7rem}
}