@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url(/fonts/barlow-1.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/barlow-2.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 800; font-display: swap; src: url(/fonts/barlow-3.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'IBM Plex Sans Arabic'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/plex-1.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'IBM Plex Sans Arabic'; font-style: normal; font-weight: 500; font-display: swap; src: url(/fonts/plex-2.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'IBM Plex Sans Arabic'; font-style: normal; font-weight: 600; font-display: swap; src: url(/fonts/plex-3.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'IBM Plex Sans Arabic'; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/plex-4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .movie-breadcrumb{display:block;height:auto;color:#96969f;font-size:12px;line-height:2;margin:16px 0 30px}.movie-breadcrumb a{display:inline;height:auto;font-size:inherit}.movie-intro{display:grid;grid-template-columns:220px minmax(0,1fr);gap:38px;align-items:center;margin-bottom:36px}.movie-cover{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:8px;box-shadow:0 12px 35px #0005}.movie-intro h1{font-size:clamp(25px,3vw,40px);line-height:1.8;margin:12px 0 18px}.movie-facts{display:grid;gap:13px;margin:24px 0}.movie-facts div{display:flex;gap:15px;line-height:1.8;font-size:13px}.movie-facts dt{color:#91919f;min-width:95px}.movie-facts dd{margin:0}.movie-story{background:linear-gradient(110deg,#1d1519,#202027);border:1px solid #f0354920;border-right:4px solid var(--red);border-radius:9px;padding:27px 32px;scroll-margin-top:24px}.movie-story h2,.movie-description h2{font-size:20px;margin:0 0 17px}.movie-story p,.movie-description p{font-size:15px;line-height:2.5;margin:0;color:#d3d3dd}.movie-description{padding:26px 30px;border:1px solid var(--line);background:#17171d;border-radius:8px;margin-top:24px}.movie-tags{display:flex;height:auto;justify-content:center;flex-wrap:wrap;gap:10px;margin:25px 0}.movie-tags a{height:auto;padding:9px 15px;font-size:12px;background:#f0354915;color:#ef9da7;border:1px solid #f0354925;border-radius:4px;display:block}.movie-tags a:hover{background:#f0354930}.movie-pagination{height:auto;display:flex;justify-content:center;align-items:center;gap:20px;margin:35px 0}.movie-pagination>a{height:auto;display:inline-flex}.movie-pagination span{color:#aaa;font-size:12px}.movie-detail .section-heading h2{flex-wrap:wrap;font-size:23px}.movie-detail .cast-list{grid-template-columns:repeat(6,minmax(0,1fr));max-width:1000px}.movie-detail .cast img{max-width:125px}.page-heading p{line-height:2.2;max-width:1000px}@media(max-width:760px){.movie-intro{grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:start}.movie-intro h1{font-size:23px;line-height:1.9;margin-top:6px}.movie-intro .editorial-label{font-size:9px}.movie-intro .actions{margin-right:-118px;margin-top:24px}.movie-facts div{font-size:11px;display:block}.movie-facts dt{min-width:0;margin-bottom:4px}.movie-story,.movie-description{padding:22px 18px}.movie-story p,.movie-description p{font-size:13px}.movie-detail .cast-list{grid-template-columns:repeat(3,minmax(0,1fr))}.movie-detail .section-heading h2{font-size:19px}.movie-pagination{gap:10px}.movie-pagination a{padding:10px;font-size:11px}.filters .primary{padding:10px 16px}} /* Match the reference paragraph; limit this face to Arabic to preserve English typography. */ @font-face{font-family:'Droid Arabic Kufi';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/DroidKufi-Regular.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF} .card.movie-card h3{white-space:normal;overflow:visible;line-height:1.7;min-height:2.8em}.movie-card h3 a{unicode-bidi:plaintext} :root{color-scheme:dark;--bg:#101014;--surface:#19191f;--muted:#96969f;--line:#ffffff12;--red:#f03549;--font:'Droid Arabic Kufi','IBM Plex Sans Arabic',Tahoma,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f6f6f8;font-family:var(--font);font-size:15px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{transition:color .2s,background .2s,transform .2s}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--red);outline-offset:5px}svg{width:21px;height:21px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.header{height:90px;padding:0 5%;display:flex;align-items:center;gap:65px;border-bottom:1px solid var(--line);background:#101014;position:relative;z-index:5}.brand{font-size:29px;font-weight:700;display:flex;align-items:center;gap:10px;white-space:nowrap;line-height:1.2}.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:5px;color:#c4c4cb;margin-top:6px}.brand-icon{width:38px;height:44px;display:grid;place-items:center;color:var(--red);font-size:29px;border:2px solid var(--red);border-radius:9px;transform:rotate(-7deg)}.red{color:var(--red)}nav{display:flex;align-items:center;gap:30px;height:100%}nav a{height:100%;display:flex;align-items:center;font-size:14px;color:#b6b6bf;position:relative;white-space:nowrap}nav a.active,nav a:hover{color:white}nav a.active:after{content:'';position:absolute;bottom:0;right:0;left:0;height:3px;background:var(--red)}.header-actions{margin-right:auto;display:flex;gap:25px;align-items:center}.icon-button{border:0;background:transparent;padding:8px;display:grid;place-items:center;font-size:28px}.watchlist-link{display:flex;align-items:center;gap:9px;font-size:13px;white-space:nowrap}.watchlist-link b{background:#28282f;border-radius:5px;padding:1px 6px;font-size:11px}.hero{height:610px;position:relative;overflow:hidden;background:#16161c}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 28%;opacity:.72}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#101014 0%,#101014d9 20%,#10101444 64%,#10101415),linear-gradient(0deg,#101014 0%,transparent 36%)}.hero-content{position:relative;z-index:1;padding:77px 5% 70px;max-width:790px}.eyebrow{display:flex;align-items:center;gap:10px;color:#c6c6ce;font-size:12px;letter-spacing:.5px}.eyebrow .dot{width:7px;height:7px;background:var(--red);border-radius:50%;box-shadow:0 0 15px #f0354966}.hero h1{font-size:57px;line-height:1.18;margin:22px 0 13px;max-width:650px}.original-title{font-family:'Barlow Condensed',Arial,sans-serif;letter-spacing:4px;color:#d1d1d7;font-size:18px;margin-bottom:19px}.meta{display:flex;align-items:center;flex-wrap:wrap;gap:13px;color:#b9b9c3;font-size:13px}.meta .rating{color:#f6c355;font-weight:600}.meta .divider{width:3px;height:3px;border-radius:50%;background:#72727c}.badge{font-size:10px;border:1px solid #a1a1b052;padding:2px 6px;border-radius:3px;color:#e2e2e7;letter-spacing:.6px}.hero p{font-size:15px;color:#b4b4c0;max-width:540px;line-height:1.95;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:20px 0 25px}.primary,.secondary{border:0;border-radius:6px;padding:12px 23px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:14px}.primary{background:var(--red);color:#fff}.primary:hover{background:#d72339;transform:translateY(-2px)}.secondary{background:#ffffff0d;border:1px solid #ffffff25}.secondary:hover{background:#ffffff18}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-bottom{position:absolute;bottom:32px;left:5%;z-index:2;display:flex;align-items:center;gap:14px}.hero-bottom button{border:1px solid #ffffff30;background:#ffffff06;border-radius:50%;width:37px;height:37px;font-size:18px}.slide-progress{display:flex;gap:5px}.slide-progress button{border:0;border-radius:3px;width:17px;height:3px;padding:0;background:#ffffff44}.slide-progress button.active{width:36px;background:var(--red)}.hero-index{font-family:Arial;font-size:11px;letter-spacing:2px;color:#b4b4bd}.content{padding:25px 5% 55px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:14px 0 24px;gap:16px}.section-heading h2{margin:0;font-size:25px;font-weight:600;display:flex;align-items:center;gap:12px}.section-heading h2:before{content:'';height:22px;width:3px;background:var(--red);border-radius:2px}.section-heading p{color:var(--muted);font-size:13px;margin:6px 15px 0}.section-heading>a{font-size:12px;color:#b9b9c2;display:flex;align-items:center;gap:9px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{background:transparent;border:1px solid var(--line);border-radius:5px;color:#9999a3;padding:8px 19px;font-size:12px}.tab.active{color:#fff;background:var(--red);border-color:var(--red)}.filter-bar{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:26px}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:29px 22px}.card{min-width:0;position:relative}.poster-link{display:block;position:relative;aspect-ratio:2/3;border-radius:7px;overflow:hidden;background:linear-gradient(145deg,#262630,#191920)}.poster-link img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.poster-link:hover img{transform:scale(1.055)}.poster-link:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.poster-rating{position:absolute;bottom:12px;left:12px;color:#f5ce62;z-index:1;font-size:12px;display:flex;gap:5px;align-items:center}.poster-type{position:absolute;top:10px;right:10px;background:#101014b8;backdrop-filter:blur(8px);border:1px solid #ffffff18;padding:2px 7px;border-radius:3px;font-size:10px}.save-card{position:absolute;top:9px;left:9px;z-index:2;width:30px;height:30px;border:1px solid #ffffff20;border-radius:50%;background:#101014b0;display:grid;place-items:center;font-size:20px}.save-card.saved{background:var(--red);border-color:var(--red)}.card h3{font-size:14px;font-weight:500;margin:12px 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-info{display:flex;justify-content:space-between;color:#868690;font-size:11px;gap:8px}.card-info span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.section-gap{margin-top:55px}.editorial{margin-top:50px;border:1px solid var(--line);border-radius:8px;background:radial-gradient(ellipse at left,#48233166,transparent 65%),#17171d;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:25px}.editorial h2{font-size:25px;margin:5px 0}.editorial p{font-size:13px;color:#9c9ca8;margin:0}.editorial-label{color:var(--red);font-size:11px;letter-spacing:1px}.page-heading{padding-top:30px;margin-bottom:30px}.page-heading h1{font-size:37px;margin:0 0 8px}.page-heading p{color:var(--muted);margin:0}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.filters select{background:var(--surface);color:#ccc;border:1px solid var(--line);padding:11px 15px;border-radius:5px;min-width:150px}.load-more{text-align:center;margin-top:35px}.empty{padding:80px 20px;text-align:center;color:var(--muted);min-height:350px}.empty h2{color:white;font-size:24px}.empty svg{width:42px;height:42px;color:var(--red)}.empty p{margin-bottom:25px}.skeleton{aspect-ratio:2/3;border-radius:7px;background:linear-gradient(100deg,#1a1a20 20%,#25252c 40%,#1a1a20 60%);background-size:200%;animation:shimmer 1.6s infinite}.loading-heading{width:220px;height:30px;background:#222229;border-radius:5px;margin:45px 0 30px}@keyframes shimmer{to{background-position:-200% 0}}footer{margin:0 5%;border-top:1px solid var(--line);padding:32px 0 23px}.footer-top{display:flex;gap:30px;align-items:center}.footer-top .brand{font-size:23px;gap:0}.footer-top p{font-size:12px;color:var(--muted);margin-left:auto}.footer-top>a:not(.brand),.text-button{font-size:12px;color:#b2b2bd}.text-button{border:0;background:none;padding:0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font-size:10px;color:#71717c}.footer-bottom a{color:#6ac9cb}.search-panel{padding:20px 5%;border-bottom:1px solid var(--line);background:#19191f}.search-panel form{display:flex;gap:12px;max-width:900px;margin:auto}.search-panel input{flex:1;min-width:0;background:#101014;color:white;border:1px solid #ffffff20;border-radius:5px;padding:12px 16px}dialog{background:#19191f;color:white;border:1px solid #ffffff18;border-radius:10px;width:min(860px,92vw);padding:35px;max-height:88vh}dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}.modal-close{position:absolute;left:8px;top:6px;z-index:3;border-radius:50%;background:#16161c}.video-frame{width:100%;aspect-ratio:16/9;border:0;margin-top:15px}.detail-hero{min-height:580px;height:auto}.detail-hero .hero-content{padding-top:65px;padding-bottom:70px;max-width:950px}.detail-hero h1{font-size:46px}.detail-hero p{max-width:730px;-webkit-line-clamp:5}.detail-body{display:grid;grid-template-columns:1fr 280px;gap:50px}.cast-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.cast img,.cast-placeholder{width:100%;aspect-ratio:1;object-fit:cover;object-position:center 20%;border-radius:50%;background:#24242c}.cast h3{font-size:12px;margin:10px 0 3px}.cast p{font-size:10px;color:var(--muted);margin:0}.facts{padding:22px;background:#17171d;border:1px solid var(--line);border-radius:7px}.facts h3{margin:0 0 20px;font-size:16px}.facts dl{margin:0}.facts dt{font-size:11px;color:var(--muted);margin-top:14px}.facts dd{margin:4px 0;font-size:13px}.provider-list{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.provider-list img{width:42px;height:42px;border-radius:7px}.provider-note{font-size:12px;color:var(--muted);line-height:1.9}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#f1f1f4;color:#16161d;padding:12px 24px;box-shadow:0 7px 40px #0005;border-radius:7px;font-size:13px;z-index:20;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;top:-100px;right:20px;z-index:50;background:var(--red);padding:10px}.skip:focus{top:10px}.poster-placeholder{display:grid;place-items:center;height:100%;font-size:40px;color:#555563}.muted{color:var(--muted)} .category-links{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 35px;padding-bottom:24px;border-bottom:1px solid var(--line)}.category-links a{flex:1;text-align:center;padding:14px 10px;background:#1a1a21;border:1px solid #ffffff0a;border-radius:5px;white-space:nowrap;font-size:13px}.category-links a:hover{color:var(--red);border-color:#f0354940}.live-caption{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.live-caption i{width:6px;height:6px;border-radius:50%;background:var(--red)}.season-list{display:grid;gap:8px}.season-list article{display:flex;gap:20px;align-items:center;background:var(--surface);padding:14px 18px;border-radius:5px;font-size:12px}.season-list article span{color:var(--muted)}.season-list article span:last-child{margin-right:auto}[hidden]{display:none!important}@media(max-width:760px){.category-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.category-links a{font-size:11px;padding:11px 5px}.live-caption{display:none}} @media(min-width:1600px){.header,.content{padding-left:max(5%,calc((100vw - 1500px)/2));padding-right:max(5%,calc((100vw - 1500px)/2))}.hero-content{margin-right:calc((100vw - 1500px)/2);padding-right:0}.hero{height:670px}.hero-content{padding-top:110px}} @media(max-width:1100px){.header{gap:35px}nav{gap:20px}.header-actions{gap:12px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero h1{font-size:46px}.hero-content{max-width:650px}.hero:after{background:linear-gradient(270deg,#101014ef,#10101455),linear-gradient(0deg,#101014,transparent 50%)}.detail-body{grid-template-columns:1fr 230px;gap:25px}.cast-list{grid-template-columns:repeat(3,1fr)}} @media(max-width:760px){.header{height:auto;min-height:80px;padding:16px 5% 0;gap:20px;flex-wrap:wrap}.brand{font-size:24px}.brand-icon{width:29px;height:34px;font-size:21px}.brand small{font-size:7px;letter-spacing:4px}.header-actions{margin-right:auto}nav{order:3;width:100%;gap:0;justify-content:space-between;height:45px;overflow:auto}nav a{font-size:12px}.hero{height:580px}.hero-image{object-position:35% center;opacity:.6}.hero-content{padding:60px 6%}.hero h1{font-size:39px;margin-top:23px;max-width:95%}.hero p{font-size:13px;-webkit-line-clamp:3;max-width:90%}.original-title{font-size:14px;letter-spacing:2px}.hero-bottom{bottom:20px}.content{padding:20px 5% 35px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 12px}.section-heading h2{font-size:21px}.section-heading p{font-size:11px}.filter-bar{overflow:auto;display:block}.tabs{flex-wrap:nowrap}.tab{white-space:nowrap;padding:7px 15px}.card h3{font-size:12px}.card-info{font-size:10px}.poster-type{top:7px;right:7px;font-size:9px}.save-card{left:6px;top:6px;width:25px;height:25px}.poster-rating{bottom:8px;left:8px;font-size:11px}.editorial{padding:25px;align-items:flex-start;flex-direction:column}.editorial h2{font-size:22px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top p{width:65%;margin:0}.footer-bottom{flex-direction:column;gap:8px}.page-heading h1{font-size:29px}.page-heading p{font-size:13px}.filters{gap:8px}.filters select{min-width:0;flex:1;font-size:12px;padding:10px}.detail-body{grid-template-columns:1fr}.detail-hero h1{font-size:35px}.detail-hero .hero-content{padding-top:50px;padding-bottom:50px}.detail-hero{min-height:550px}.detail-hero p{max-width:100%;-webkit-line-clamp:6}.cast-list{grid-template-columns:repeat(3,1fr)}dialog{padding:30px 20px}.search-panel input{font-size:12px}.search-panel .primary{padding:10px 16px}} @media(max-width:420px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:34px}.hero-content{padding-top:45px}.hero{height:560px}.watchlist-link{gap:5px}.section-heading h2{font-size:19px}.section-heading>a{font-size:10px}.primary,.secondary{padding:11px 17px;font-size:12px}} .hero h1,.original-title{text-align:right}.hero-index{direction:ltr}.hero:not(.detail-hero){height:480px}.hero:not(.detail-hero) .hero-content{padding-top:43px;padding-bottom:40px}.hero:not(.detail-hero) h1{font-size:46px;margin-top:17px}.hero:not(.detail-hero) p{margin:15px 0 20px}.hero:not(.detail-hero) .original-title{margin-bottom:14px}.hero:not(.detail-hero) .hero-bottom{bottom:22px}@media(max-width:760px){.hero:not(.detail-hero){height:500px}.hero:not(.detail-hero) h1{font-size:36px}.hero:not(.detail-hero) .hero-content{padding-top:36px}.hero:not(.detail-hero) p{-webkit-line-clamp:3}.hero:not(.detail-hero) .hero-bottom{bottom:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} .movie-intro .rating{direction:ltr;unicode-bidi:isolate} .movie-trailer{margin:0 0 28px;scroll-margin-top:24px}.movie-trailer h2{font-size:20px;margin:0 0 16px}.movie-player{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;background:#000;border:1px solid var(--line);border-radius:10px}.movie-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.movie-trailer-empty{padding:30px;text-align:center;background:#17171d;border:1px solid var(--line);border-radius:10px;color:#aaa} .movie-sources{padding:24px;margin-bottom:26px;background:#17171d;border:1px solid var(--line);border-radius:10px}.movie-sources h2{font-size:20px;margin:0 0 20px}.source-links{display:flex;gap:12px;flex-wrap:wrap}.source-links a{direction:ltr;overflow-wrap:anywhere;max-width:100%} .film-player-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#25212c,#09090d);color:#b9b9c5}.film-player-placeholder>span{font-size:50px;color:var(--red)}.film-player-placeholder p{font-size:14px}.player-status{font-size:13px;margin:20px 0 14px}.player-help{font-size:12px;color:#999;margin:18px 0 0}.source-links button{direction:ltr;overflow-wrap:anywhere;max-width:100%}.source-links button.active{border-color:var(--red);background:#f0354925;color:#fff} /* Keep watch/download headings and host-name buttons visually consistent. */ .movie-sources h2,.movie-sources .player-status{ font-family:var(--font);font-size:18px;font-weight:700;line-height:1.8; letter-spacing:normal;margin:0 0 18px; } .movie-sources .player-status{margin-top:22px} .source-links .secondary{ font-family:Arial,Tahoma,sans-serif;font-size:14px;font-weight:600; line-height:1.5;letter-spacing:normal;min-height:46px;min-width:170px; padding:12px 20px;white-space:normal; } @media(max-width:760px){ .movie-sources h2,.movie-sources .player-status{font-size:17px} .source-links .secondary{font-size:14px;min-width:150px;padding:11px 16px} } .season-episodes{margin:32px 0 48px;padding:24px;background:#0b0b0d;border:1px solid var(--border,#26262d)} .season-episodes .section-heading{margin-bottom:22px;gap:16px;flex-wrap:wrap} .season-episodes select{font:inherit;color:#fff;background:#19191f;border:1px solid #34343d;padding:9px 16px;max-width:100%} .episode-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px} .episode-button{font:inherit;font-size:14px;font-weight:700;background:#101012;color:#fff;border:1px solid #29292e;padding:12px 8px;cursor:pointer} .episode-button:hover,.episode-button.active{background:#2c151b;border-color:#ef334f} .episode-button:focus-visible{outline:2px solid #ef334f;outline-offset:3px} #episode-summary{margin-top:22px;padding-top:18px;border-top:1px solid #29292e;line-height:2} @media(max-width:900px){.episode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:540px){.season-episodes{padding:16px}.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}} .season-page-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.season-page-links a{text-decoration:none;min-width:110px;text-align:center} .series-seasons{margin:24px 0 48px}.series-seasons .section-heading{background:#0b0b0d;padding:14px 18px;border-right:4px solid #bd2036}.season-card{background:#0b0b0d}.season-card h3{padding:0 10px 14px;text-align:center;line-height:1.9}.season-card [aria-current="page"]{outline:2px solid #bd2036;outline-offset:-2px} .series-breadcrumb{margin:24px 0;line-height:2;color:#aaa}.series-breadcrumb a{color:inherit}.episode-navigation{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.episode-page{padding:24px;background:#111115;margin-bottom:24px}.episode-grid a{text-align:center;text-decoration:none} .card h3{display:block;-webkit-line-clamp:unset;overflow:visible;white-space:normal;line-height:1.9}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.telegram-link{display:inline-flex;align-items:center;gap:8px}.telegram-link svg{width:24px;height:24px;color:#2aabee}.legal-page{max-width:900px;margin:40px auto;padding:24px;line-height:2}.legal-page h2{margin-top:30px} .legal-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:start;padding-top:32px;padding-bottom:48px}.legal-layout .legal-page{max-width:none;margin:0;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.legal-sidebar{background:var(--surface);border:1px solid var(--line);padding:22px;border-radius:10px}.legal-sidebar h2{font-size:17px;margin:0 0 16px}.legal-sidebar h2:not(:first-child){margin-top:28px}.legal-sidebar a{display:block;padding:10px 0;border-bottom:1px solid var(--line)}.legal-sidebar a[aria-current]{color:var(--red)}.legal-page h1{font-size:clamp(24px,3vw,34px)}.legal-page a{overflow-wrap:anywhere}@media(max-width:800px){.legal-layout{grid-template-columns:1fr;gap:20px}.legal-layout .legal-page{padding:20px}} .legal-layout{grid-template-columns:minmax(0,1fr)}.footer-links a,.facts a{color:var(--text,#f6f6f8)}.footer-links a:hover,.facts a:hover{color:var(--red)} /* Shared compact metadata and navigation. */ .media-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0;padding:0}.media-facts>div{padding:16px 18px;background:#ffffff03;border:1px solid var(--line);border-radius:12px;min-width:0}.media-facts dt{font-size:12px;color:var(--muted);margin:0 0 8px;font-weight:400}.media-facts dd{margin:0!important;font-size:14px;line-height:1.9;color:#f6f6f8;overflow-wrap:anywhere}.media-facts a{color:inherit;text-decoration:none}.media-facts a:hover{color:var(--red)}.facts.facts-modern{padding:0;background:transparent;border:0;border-radius:0;position:static}.facts-modern .media-facts{display:grid}.facts-modern dl dt,.facts-modern dl dd{border:0;padding:0}@media(max-width:1100px){.media-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.media-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.media-facts>div{padding:12px}.media-facts dd{font-size:13px}.media-facts>div:nth-child(2){grid-column:span 2}} /* Movie page: compact introduction, readable detail rows below the story. */ .movie-detail .movie-intro{display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px;align-items:center;padding:24px;background:linear-gradient(120deg,#1b1b23,#141419);border:1px solid var(--line);border-radius:12px;margin-bottom:28px}.movie-detail .movie-cover{width:200px;max-width:100%;height:auto;border-radius:8px}.movie-detail .movie-intro h1{font-size:clamp(24px,2.4vw,36px);line-height:1.7;margin:12px 0 18px}.movie-detail .movie-intro .actions{margin-top:24px;gap:10px;flex-wrap:wrap}.movie-detail .movie-intro .meta{margin:0}.film-details{margin:24px 0;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.film-details h2{font-size:20px;margin:0 0 20px;padding-right:12px;border-right:3px solid var(--red)}.film-details-list{margin:0;display:block}.film-details-list>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:16px;padding:13px 0;border-bottom:1px solid var(--line);align-items:baseline}.film-details-list>div:last-child{border:0}.film-details-list dt{color:var(--muted);font-size:14px}.film-details-list dd{margin:0;color:#f6f6f8;line-height:1.9;font-size:15px}.film-details-list a{display:inline-block;color:inherit;margin-left:12px;text-decoration:none}.film-details-list a:hover{color:var(--red)}@media(max-width:650px){.movie-detail .movie-intro{grid-template-columns:100px minmax(0,1fr);gap:16px;padding:16px;align-items:start}.movie-detail .movie-cover{width:100px}.movie-detail .movie-intro h1{font-size:20px;line-height:1.7}.movie-detail .movie-intro .actions{grid-column:1/-1}.movie-detail .movie-intro .actions .secondary,.movie-detail .movie-intro .actions .primary{padding:10px 12px;font-size:12px}.film-details{padding:18px}.film-details-list>div{grid-template-columns:110px minmax(0,1fr);gap:10px}.film-details-list dd{font-size:13px}.film-details-list dt{font-size:12px}} /* Film masthead and content rhythm. */ .movie-detail{max-width:1440px}.movie-detail .film-masthead{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:280px minmax(0,1fr);gap:42px;padding:36px;min-height:490px;background:#101014;border:0;border-radius:12px;align-items:center;margin-bottom:32px}.film-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.3;filter:saturate(.65)}.film-masthead:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101014eb,#1010147a),linear-gradient(0deg,#101014,transparent 75%);z-index:-1}.movie-detail .film-masthead .movie-cover{width:280px;aspect-ratio:2/3;object-fit:cover;border-radius:8px;box-shadow:0 16px 40px #0009;border:1px solid #ffffff14}.film-heading{max-width:850px}.movie-detail .film-masthead h1{font-size:clamp(25px,2.7vw,40px);line-height:1.65;margin:18px 0 24px}.film-masthead .editorial-label{font-size:13px;font-weight:500;line-height:2;letter-spacing:0;color:#ddd}.film-masthead .meta{display:flex;gap:20px;flex-wrap:wrap;color:#ccc}.film-masthead .rating{background:#ffca1812;padding:6px 12px;border-radius:5px;color:#ffd34d}.movie-detail .film-masthead .actions{margin:30px 0 0;gap:12px;align-items:center}.film-watch-cta{min-width:185px;justify-content:center}.movie-detail .movie-story,.movie-detail .movie-description{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:26px 0;margin:0}.movie-detail .movie-story h2,.movie-detail .movie-description h2{border-right:3px solid var(--red);padding-right:12px;font-size:21px}.movie-detail .movie-story p,.movie-detail .movie-description p{max-width:1100px;color:#ccc;line-height:2.2}.movie-detail .film-details{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:28px 0;margin:0}.movie-detail .film-details-list{max-width:900px}.movie-detail .movie-sources{border-radius:8px}.movie-detail .movie-tags{padding-top:24px}.movie-detail .movie-player{border-radius:4px}@media(max-width:760px){.movie-detail .film-masthead{grid-template-columns:145px minmax(0,1fr);gap:20px;padding:22px 16px;min-height:0;align-items:start}.movie-detail .film-masthead .movie-cover{width:145px}.movie-detail .film-masthead h1{font-size:23px;margin:10px 0 16px}.movie-detail .film-masthead .actions{margin:20px 0 0;gap:8px}.film-masthead .meta{gap:10px;font-size:12px}}@media(max-width:480px){.movie-detail .film-masthead{grid-template-columns:1fr;text-align:center;padding:24px 16px}.movie-detail .film-masthead .movie-cover{width:170px;margin:auto}.film-heading{min-width:0}.movie-detail .film-masthead h1{font-size:22px}.film-masthead .meta,.movie-detail .film-masthead .actions{justify-content:center}.film-watch-cta{width:100%}.movie-detail .film-details-list>div{grid-template-columns:105px minmax(0,1fr)}} /* Consistent server controls and editorial sections. */ .source-links{display:flex;flex-wrap:wrap;gap:10px}.source-links button.secondary{direction:rtl;display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;min-width:155px;min-height:60px;padding:10px 14px;border:1px solid #ffffff16;background:#222229;border-radius:10px;color:#ededf2;font-family:var(--font);transition:background .15s,border-color .15s,transform .15s}.source-links button.secondary:hover{border-color:#f0354980;background:#302027;transform:translateY(-1px)}.source-links button.secondary.active{background:var(--red);border-color:var(--red);color:white;box-shadow:0 4px 16px #f0354920}.server-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#ffffff12;font:12px Arial;flex-shrink:0}.active .server-symbol{background:#ffffff25}.server-caption{font-size:13px;line-height:1.6;text-align:right}.server-caption small{display:block;direction:ltr;font:10px/1.6 Arial,sans-serif;opacity:.7;margin-top:3px}.source-links a.secondary{border-radius:9px;background:#202027;border-color:#ffffff16}.movie-sources .player-status{font-size:16px;margin:22px 0 14px}.movie-sources>h2{font-size:21px}.movie-detail .movie-story,.movie-detail .movie-description,.content>.movie-story,.content>.movie-description{margin:24px 0;padding:24px 28px;background:#17171d;border:1px solid #ffffff09;border-radius:12px}.movie-detail .movie-story h2,.movie-detail .movie-description h2,.movie-story h2,.movie-description h2{font-size:20px;margin:0 0 18px;padding-right:14px;border-right:3px solid var(--red);line-height:1.6}.movie-detail .movie-story p,.movie-detail .movie-description p,.movie-story p,.movie-description p{margin:0;max-width:none;line-height:2.15;font-size:15px;color:#c9c9d2}.section-heading{align-items:center;gap:16px}.section-heading h2{font-size:23px}.category-links a,.movie-tags a{border-radius:8px;border:1px solid #ffffff12;background:#1c1c23;transition:background .15s,border-color .15s}.category-links a:hover,.movie-tags a:hover{background:#f0354912;border-color:#f0354960}.source-links button:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:650px){.source-links button.secondary{flex:1 1 140px;min-width:0;padding:10px}.movie-detail .movie-story,.movie-detail .movie-description,.content>.movie-story,.content>.movie-description{padding:20px 16px}.movie-story p,.movie-description p{font-size:13px}.section-heading h2{font-size:20px}} .numbered-pagination{display:flex;direction:rtl;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:36px 0;padding:18px 0}.numbered-pagination a,.numbered-pagination>span{display:grid;place-items:center;min-width:38px;height:38px;padding:0 9px;border-radius:5px;font:14px Arial,sans-serif;color:#aaa;text-decoration:none}.numbered-pagination a:hover{background:#ffffff0b;color:#fff}.numbered-pagination .pagination-current{background:var(--red);color:#fff;font-weight:700}.numbered-pagination [aria-disabled]{opacity:.3}.numbered-pagination .pagination-gap{min-width:20px;padding:0}.numbered-pagination a:focus-visible{outline:2px solid var(--red);outline-offset:3px}@media(max-width:500px){.numbered-pagination{gap:3px}.numbered-pagination a,.numbered-pagination>span{min-width:30px;height:34px;padding:0 6px}} /* CimaHub secondary action: same accent, surfaces and focus treatment. */ .section-heading .view-all-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:42px;padding:9px 18px;border:1px solid var(--red);border-radius:8px;background:var(--red);color:#fff;font-family:var(--font);font-size:13px;font-weight:700;line-height:1.6;text-decoration:none;transition:background .18s,border-color .18s} .section-heading .view-all-button:hover{background:#d72339;border-color:#d72339;color:#fff} .section-heading .view-all-button:focus-visible{outline:2px solid var(--red);outline-offset:3px} @media(max-width:540px){.section-heading .view-all-button{min-height:40px;padding:8px 12px;font-size:12px;gap:7px}} @media(prefers-reduced-motion:reduce){.section-heading .view-all-button{transition:none}} .numbered-pagination{gap:10px}.numbered-pagination a,.numbered-pagination>span{min-width:46px;height:46px;border-radius:10px;background:var(--surface);color:#f6f6f8;font-weight:700;transition:background .15s,color .15s}.numbered-pagination .pagination-current{background:var(--red);color:#fff}.numbered-pagination a:hover{background:var(--red);color:#fff}.numbered-pagination .pagination-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.numbered-pagination .pagination-gap{min-width:40px}.numbered-pagination [aria-disabled]{opacity:.3;cursor:default}@media(max-width:500px){.numbered-pagination{gap:5px}.numbered-pagination a,.numbered-pagination>span{min-width:34px;height:38px;border-radius:8px}.numbered-pagination .pagination-gap{min-width:25px}.numbered-pagination .pagination-arrow svg{width:19px;height:19px}}@media(prefers-reduced-motion:reduce){.numbered-pagination a,.numbered-pagination>span{transition:none}} /* ========================================================================== Responsive layer — tablets, phones and very small screens. CSS only: same markup, same behaviour, same visual identity. ========================================================================== */ html{-webkit-text-size-adjust:100%;text-size-adjust:100%} body{overflow-x:hidden} img,iframe,video{max-width:100%} .card h3 a,.page-heading h1,.hero h1,.movie-detail .film-masthead h1,.legal-page{overflow-wrap:anywhere} .section-heading>div{min-width:0} #toast{max-width:min(92vw,520px);text-align:center;line-height:1.7} /* Tablets / small laptops: the single-row header no longer fits, wrap the menu below the brand. */ @media(min-width:761px) and (max-width:980px){ .header{height:auto;min-height:0;padding-top:14px;gap:12px 24px;flex-wrap:wrap} .hero:not(.detail-hero) h1{font-size:40px} .detail-hero h1{font-size:38px} } @media(max-width:760px){ /* The generic mobile `nav` rule targets the header menu only; restore page/footer navs. */ main nav,footer nav{order:0;width:auto;height:auto;overflow:visible;justify-content:flex-start} .series-breadcrumb{display:block}.series-breadcrumb a{display:inline;height:auto} .movie-breadcrumb{margin:10px 0 20px} /* Header menu: submenus open full width under the menu bar instead of off-screen. */ .header{padding-left:4%;padding-right:4%;row-gap:4px} /* Hero: grow with the title instead of clipping the buttons. */ .hero:not(.detail-hero){height:auto;min-height:440px} .hero:not(.detail-hero) .hero-content{max-width:100%;padding:32px 5% 80px} .hero h1,.hero:not(.detail-hero) h1{font-size:clamp(24px,7.2vw,34px);line-height:1.4;max-width:100%} .detail-hero{min-height:420px} .detail-hero h1{font-size:clamp(22px,6.4vw,32px)} .detail-hero .hero-content{max-width:100%;padding:40px 5% 44px} .hero p{max-width:100%} .hero-bottom{left:5%} /* Listings: readable filters and category buttons. */ .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .filters select{width:100%;min-width:0} .filters .primary{grid-column:1/-1} .category-links a{display:flex;align-items:center;justify-content:center;white-space:normal;line-height:1.6;text-align:center} .filter-bar{scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none} .section-heading h2{line-height:1.5} .page-heading{padding-top:18px;margin-bottom:22px} /* Details, episodes, dialog and footer. */ .episode-page{padding:18px} .episode-page h2{font-size:18px;line-height:1.7} .season-episodes .section-heading{align-items:flex-start} dialog{width:94vw;padding:46px 14px 18px} footer{margin:0 4%} .footer-links{gap:12px 20px} } @media(max-width:420px){ .header .brand{font-size:21px} .grid{gap:20px 10px} .category-links{grid-template-columns:repeat(2,minmax(0,1fr))} .category-links a:last-child:nth-child(odd){grid-column:1/-1} .hero:not(.detail-hero){min-height:420px} .movie-detail .film-masthead .actions .secondary{flex:1 1 calc(50% - 4px)} .movie-detail .film-details-list>div{grid-template-columns:95px minmax(0,1fr)} .episode-navigation .secondary{flex:1 1 auto} .search-panel{padding:14px 4%} .search-panel form{gap:8px} } /* Very small phones (320px and below, foldables). */ @media(max-width:340px){ .header{gap:10px} .header .brand{font-size:19px} .brand-icon{width:25px;height:30px;font-size:18px} .header-actions{gap:6px} .watchlist-link>span:nth-child(2){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .grid{gap:16px 8px} .card h3{font-size:11px} .primary,.secondary{padding:10px 13px} .filters{grid-template-columns:1fr} .numbered-pagination{gap:3px} .numbered-pagination a,.numbered-pagination>span{min-width:28px;height:34px;padding:0 4px} } /* Landscape phones: avoid a hero taller than the screen. */ @media(max-height:500px) and (orientation:landscape){ .hero:not(.detail-hero){height:auto;min-height:0} .hero:not(.detail-hero) .hero-content{padding-bottom:70px} } /* Touch screens: no stuck hover zoom/lift after a tap. */ @media(hover:none){ .poster-link:hover img,.primary:hover,.source-links button.secondary:hover{transform:none} } /* iOS zooms into form fields under 16px; keep the page steady on focus. */ @supports(-webkit-touch-callout:none){ @media(max-width:760px){.search-panel input,.filters select,.season-episodes select{font-size:16px}} } /* Responsive shell. */ img{max-width:100%}.card,.film-heading,.hero-content,.content>section{min-width:0}.source-links{max-width:100%}.source-links a{overflow-wrap:anywhere}.film-details-list dd{min-width:0;overflow-wrap:anywhere} @media(max-width:760px){ .header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:10px 4%;min-height:72px;height:auto;align-items:center}.header .brand{grid-column:2;grid-row:1;justify-self:center;font-size:23px}.header .brand-icon{width:28px;height:32px;font-size:20px}.header .header-actions{grid-column:3;grid-row:1;gap:4px}.header .watchlist-link{display:none} .content{padding:20px 4% 32px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.card h3{font-size:12px;line-height:1.8;margin-top:10px}.poster-link{border-radius:8px}.card-info{font-size:10px;gap:4px;flex-wrap:wrap}.section-gap{margin-top:32px}.section-heading{gap:10px;margin-bottom:18px}.section-heading h2{font-size:18px}.section-heading p{font-size:12px}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.filters select{width:100%;min-width:0;font-size:14px}.filters .primary{min-height:44px}.movie-player{aspect-ratio:16/9}.movie-sources{padding:16px 12px}.source-links button.secondary{flex:1 1 calc(50% - 10px);min-width:0}.source-links a.secondary{flex:1 1 calc(50% - 10px);min-width:0;text-align:center;justify-content:center}.server-caption{min-width:0;overflow-wrap:anywhere}.episode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.episode-button{min-height:44px}.film-details-list>div{grid-template-columns:110px minmax(0,1fr)}.footer-bottom{text-align:center;align-items:center}.footer-links{justify-content:center}.footer-links a{min-height:44px;display:inline-flex;align-items:center}.search-panel input{min-width:0}.search-panel form{display:flex;gap:6px}.search-panel .primary{padding:10px}.hero.detail-hero{height:auto;min-height:0}.detail-hero .hero-content{padding:40px 4%;width:100%;max-width:100%}.detail-hero h1{font-size:26px;line-height:1.7;overflow-wrap:anywhere}.hero .actions{flex-wrap:wrap}.movie-detail .film-masthead .actions{margin-right:0}.numbered-pagination{gap:4px}.numbered-pagination a,.numbered-pagination>span{min-width:30px;height:38px;padding:0 5px}.legal-page{overflow-wrap:anywhere} } @media(min-width:761px) and (max-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px}.header{gap:20px}.movie-detail .film-masthead{grid-template-columns:220px minmax(0,1fr);gap:26px;padding:26px}.movie-detail .film-masthead .movie-cover{width:220px}} @media(max-width:360px){.header .brand{font-size:20px}.grid{gap:18px 9px}.section-heading h2{font-size:16px}.section-heading .view-all-button{padding:8px;font-size:11px}.film-details-list>div{grid-template-columns:90px minmax(0,1fr)}.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} .series-mobile-cover{display:none} .filter-label{display:block;font-size:12px;color:var(--muted);margin:0 2px 8px} .filters{align-items:flex-end} .filter-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:48px} .filter-reset{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;white-space:nowrap} .filter-reset:hover{color:var(--red);border-color:var(--red)} .filter-empty,.content:has(>.filters)>.empty{min-height:0;padding:28px 20px;margin:8px 0 24px;border:1px solid var(--line);border-radius:10px;background:var(--surface)} .filter-empty h2,.content:has(>.filters)>.empty h2{font-size:20px;margin:0 0 10px} .filter-empty p,.content:has(>.filters)>.empty p{font-size:13px;line-height:2;margin:0 0 16px} .content:has(>.filters)>.empty>svg{display:none} @media(max-width:760px){.filter-label{font-size:11px;margin-bottom:6px}.filter-actions{grid-column:1/-1;justify-content:flex-start}.filter-actions .primary,.filter-actions .filter-reset{flex:1;min-height:44px}.filter-empty,.content:has(>.filters)>.empty{padding:22px 14px}.filter-empty h2,.content:has(>.filters)>.empty h2{font-size:16px;line-height:1.9}} .content:has(>.filters)>.filters{margin-top:0} .legal-english{text-align:left;font-family:Arial,sans-serif;line-height:1.8;overflow-wrap:break-word} .legal-page ul{padding-inline-start:24px;margin:16px 0} .legal-page li{margin-bottom:10px} .legal-page hr{border:0;border-top:1px solid var(--line);margin:32px 0} .legal-page h1[lang="en"]{text-align:left;font-family:Arial,sans-serif;line-height:1.4} .legal-page .legal-updated{color:var(--muted);font-size:12px;margin-top:32px} @media(max-width:760px){.legal-layout .legal-page{padding:20px 16px}.legal-page{font-size:13px}.legal-page h1[lang="en"]{font-size:24px}.legal-page h2{font-size:20px}.legal-english{font-size:15px}} .filter-control{position:relative;flex:1 1 160px;min-width:0} .filters select[hidden]{display:none} .filter-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:11px 15px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:#e5e5eb;text-align:right;font-size:13px} .filter-trigger>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .filter-trigger:hover,.filter-trigger[aria-expanded="true"]{border-color:var(--red);background:#202027} .filter-chevron{width:7px;height:7px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);flex-shrink:0;margin-left:3px} .filter-trigger[aria-expanded="true"] .filter-chevron{transform:rotate(135deg);color:var(--red)} .filter-options{position:fixed;z-index:120;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4b4b57 var(--surface);background:#1c1c23;border:1px solid #34343e;border-radius:10px;padding:6px;box-shadow:0 12px 32px #0008} .filter-options[hidden]{display:none} .filter-options button{display:block;width:100%;min-height:42px;border:0;border-radius:6px;background:transparent;color:#d5d5de;text-align:right;padding:9px 12px;font-size:13px;line-height:1.8} .filter-options button:hover,.filter-options button:focus-visible{background:#ffffff0b;color:white;outline:none} .filter-options button[aria-selected="true"]{background:#f0354922;color:var(--red);font-weight:700} .filter-options button[aria-selected="true"]:after{content:'✓';float:left} @media(max-width:760px){.filter-trigger{min-height:46px;font-size:12px;padding:10px 12px}.filter-options button{min-height:44px;font-size:12px}.filters>.primary{min-height:46px;border-radius:8px}} @media(max-width:760px){ .hero.series-detail-hero{display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;align-items:start;padding:26px 4% 28px;min-height:0;height:auto} .series-detail-hero .hero-image{inset:0;opacity:.3;object-position:center} .series-detail-hero:after{background:linear-gradient(0deg,var(--bg),#101014bb)} .series-detail-hero .series-mobile-cover{display:block;position:relative;z-index:1;width:88px;height:132px;object-fit:cover;border-radius:8px;border:1px solid var(--line);box-shadow:0 8px 24px #0005} .series-detail-hero .hero-content{padding:0;min-width:0;width:100%;max-width:none} .series-detail-hero:not(:has(.series-mobile-cover)){grid-template-columns:1fr} .series-detail-hero .eyebrow{font-size:10px;line-height:1.8;letter-spacing:0;flex-wrap:wrap;gap:5px} .series-detail-hero .eyebrow a{white-space:normal} .series-detail-hero h1{font-size:19px;line-height:1.9;margin:10px 0 12px;overflow-wrap:break-word;text-align:start} .series-detail-hero .original-title{display:none} .series-detail-hero .meta{font-size:10px;gap:7px;line-height:1.8} .series-detail-hero .meta .rating small{display:none} .series-detail-hero .badge{font-size:9px;letter-spacing:0} .series-detail-hero .actions{margin-top:14px;gap:8px} .series-detail-hero .actions .primary{font-size:11px;min-height:42px;padding:9px 12px;width:100%} .series-detail-hero .actions svg{width:17px;height:17px} .series-detail-content{padding-top:0} .series-detail-content .series-breadcrumb{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px 7px;height:auto;margin:0 0 20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:10px;line-height:1.9} .series-detail-content .series-breadcrumb a{display:inline;font-size:inherit;height:auto;white-space:normal;overflow-wrap:anywhere} .series-detail-content .episode-page{padding:18px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);margin-bottom:18px} .series-detail-content .episode-page h2{font-size:16px;line-height:1.9;margin:0 0 8px;overflow-wrap:anywhere} .series-detail-content .episode-page p{font-size:11px;color:var(--muted);margin:0;line-height:2} .series-detail-content .episode-navigation{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 0} .series-detail-content .episode-navigation a{font-size:10px;padding:10px 6px;min-height:44px;height:auto;white-space:normal;text-align:center;line-height:1.8;border-radius:7px} .series-detail-content .provider-note{font-size:12px;line-height:2;padding:16px;margin:0 0 22px;border:1px dashed var(--line);border-radius:8px;text-align:center} .series-detail-content .movie-story,.series-detail-content .movie-description{margin:24px 0;padding:0} .series-detail-content .movie-story h2,.series-detail-content .movie-description h2{font-size:17px;margin:0 0 12px} .series-detail-content .movie-story p,.series-detail-content .movie-description p{font-size:12px;line-height:2.2;margin:0} .series-detail-content .season-episodes{margin:24px 0;padding:16px 12px;border-radius:10px;background:var(--surface);border-color:var(--line)} .series-detail-content .episode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:360px;overflow-y:auto;padding:3px} .series-detail-content .episode-button{font-size:11px;min-height:44px;border-radius:6px;padding:10px 4px} .series-detail-content .episode-button[aria-current="page"]{background:var(--red);border-color:var(--red);color:white} .series-detail-content .series-seasons{margin:28px 0} .series-detail-content .series-seasons .section-heading{padding:0;background:none;border:0;margin-bottom:16px} .series-detail-content .season-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)} .series-detail-content .season-card h3{font-size:11px;padding:0 9px 12px;line-height:1.9;white-space:normal} .series-detail-content .series-details{padding:16px 12px;border-radius:10px} .series-detail-content .film-details-list>div{grid-template-columns:90px minmax(0,1fr);gap:10px;padding:12px 0;font-size:12px} } @media(max-width:360px){.hero.series-detail-hero{grid-template-columns:70px minmax(0,1fr);gap:12px}.series-detail-hero .series-mobile-cover{width:70px;height:105px}.series-detail-hero h1{font-size:17px}.series-detail-content .episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} .page-heading.anime-category-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px 32px;margin-bottom:28px} .anime-category-heading h1{margin:0} .anime-category-heading p{grid-column:1/-1;margin:0;max-width:1050px} .anime-category-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:310px} .anime-category-switch a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;border-radius:8px;color:var(--muted);font-size:13px;font-weight:700;white-space:nowrap;transition:background .15s,color .15s} .anime-category-switch a:hover{background:#ffffff08;color:#fff} .anime-category-switch a[aria-current="page"]{background:var(--red);color:#fff;box-shadow:0 3px 12px #f0354926} .anime-category-switch a:focus-visible{outline:2px solid #fff;outline-offset:2px} .header a[data-nav="top"]{gap:8px} /* Missing artwork must not push the film title into the poster column. */ .movie-detail .film-masthead.film-masthead--no-cover{grid-template-columns:minmax(0,1fr);min-height:0;padding:28px 0} .film-masthead--no-cover .film-heading{grid-column:1/-1;width:100%;max-width:1050px} .movie-detail .film-masthead--no-cover h1{font-size:clamp(25px,2.7vw,40px);line-height:1.65;margin:14px 0 22px;text-align:right} .media-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:48px 20px 42px;text-align:center;background:radial-gradient(ellipse at top,#40232c66,transparent 65%),linear-gradient(145deg,#202027,#141419);border:1px solid #ffffff0c;border-radius:inherit;color:#b3b3bf} .media-placeholder svg{width:48px;height:48px;stroke:var(--red);opacity:.8;flex-shrink:0} .media-placeholder strong{font-family:Arial,sans-serif;font-size:18px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;max-width:100%} .media-placeholder small{font-size:12px;color:var(--muted);font-family:Arial,sans-serif} @media(max-width:760px){.movie-detail .film-masthead.film-masthead--no-cover{padding:16px 0;text-align:right}.movie-detail .film-masthead--no-cover h1{font-size:24px;line-height:1.7}.film-masthead--no-cover .meta,.movie-detail .film-masthead--no-cover .actions{justify-content:flex-start}.media-placeholder{gap:12px;padding:40px 12px 32px}.media-placeholder strong{font-size:14px}.media-placeholder svg{width:36px;height:36px}} .top-rated-star{color:#ffd34d;font-family:Arial,sans-serif;font-size:19px;line-height:1} .category-editorial{margin:40px 0 24px;padding:26px 0;border-top:1px solid var(--border,#29292f);max-width:100%;line-height:2} .category-editorial h2{font-size:21px;margin:0 0 12px} .category-editorial p{color:var(--muted);max-width:1000px;margin:10px 0} .filters.adult-category-filters{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end} @media(max-width:650px){.filters.adult-category-filters{grid-template-columns:minmax(0,1fr)}} .category-switch{display:flex;gap:10px;margin:0 0 24px} .category-switch a{padding:10px 24px;border:1px solid #303038;border-radius:10px;background:var(--surface)} .category-switch a[aria-current="page"]{background:var(--red);color:white} .hero-content>h2{font-size:clamp(26px,4vw,58px);line-height:1.4;margin:18px 0} .home-carousel{position:relative;isolation:isolate;overflow:hidden;background:#17171e;touch-action:pan-y} .home-carousel-slides{display:grid;min-height:440px} .home-carousel-slide{grid-area:1/1;position:relative;min-width:0;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;pointer-events:none} .home-carousel-slide.is-active{opacity:1;visibility:visible;pointer-events:auto} .home-carousel .home-carousel-image{inset:0;max-width:none;opacity:1;object-position:center 35%;z-index:-2} .home-carousel-slide.is-active .home-carousel-image{animation:home-cinema-drift 8s ease-out both} .home-carousel-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#101014f5 0%,#101014d9 22%,#10101455 62%,#10101422),linear-gradient(0deg,#101014 0%,transparent 45%)} .home-carousel-content{width:min(760px,62%);min-width:0;padding:42px 8vw 90px 24px} .home-carousel-eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;color:#e1d3d6} .home-carousel-eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 18px #f0354980} .home-carousel h2{font-size:clamp(30px,3.2vw,48px);line-height:1.3;font-weight:700;text-align:right;overflow-wrap:break-word;margin:16px 0;text-shadow:0 2px 24px #0005} .home-carousel-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;color:#c8c8d1;font-size:13px;margin-bottom:28px} .home-carousel-meta>span+span{border-right:1px solid #ffffff30;padding-right:20px} .home-carousel-meta .home-carousel-rating{color:#ffd365} .home-carousel-rating small{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.4px} .home-carousel-watch{min-height:48px;padding:12px 24px} .home-carousel-controls{position:absolute;bottom:20px;right:8vw;left:8vw;z-index:2;display:flex;align-items:center;gap:14px} .home-carousel-controls[hidden]{display:none} .home-carousel-controls button{display:grid;place-items:center;border:0;background:transparent;color:#c8c8d1;border-radius:3px;min-width:44px;height:44px;padding:10px} .home-carousel-controls button:hover{background:#ffffff0d;color:#fff} .home-carousel-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px} .home-carousel-arrows{display:flex;gap:0;order:2} .home-carousel-thumbnails{display:flex;gap:8px;order:1} .home-carousel-thumbnails button{position:relative;width:80px;height:48px;padding:0;border:1px solid #ffffff25;border-radius:3px;overflow:hidden;opacity:.55;transition:opacity .2s,border-color .2s} .home-carousel-thumbnails button img{width:100%;height:100%;object-fit:cover} .home-carousel-thumbnails button:hover,.home-carousel-thumbnails button[aria-pressed="true"]{opacity:1;border-color:#fff} .home-carousel-thumbnails button[aria-pressed="true"]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--red)} .home-carousel-count{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .home-carousel-controls .home-carousel-pause{order:3;border-right:1px solid #ffffff20;border-radius:0;margin-right:2px} @keyframes home-cinema-drift{from{transform:scale(1.025)}to{transform:scale(1.075)}} .home-carousel+.content{padding-top:14px} .page-heading.home-introduction{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px;align-items:center;padding:20px 24px;margin:0;border:1px solid #ffffff16;border-right:3px solid var(--red);border-radius:8px;background:var(--surface)} .home-introduction h1{font-size:19px;font-weight:500;line-height:1.8;margin:0;text-align:right} .home-intro-brand{display:block;font-size:25px;font-weight:700;line-height:1.5;margin-bottom:4px} .home-intro-separator{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden} .home-intro-heading{display:block} .home-introduction p{font-size:13px;line-height:2;max-width:720px;color:#b5b5c0;margin:0} .home-introduction+.section-gap{margin-top:24px} @media(min-width:1600px){.home-carousel-content{width:min(920px,60%);padding-right:max(8vw,calc((100vw - 1500px)/2))}.home-carousel-slides{min-height:480px}} @media(max-width:760px){ .home-carousel-slides{min-height:360px} .home-carousel-slide{align-items:flex-end} .home-carousel .home-carousel-image{object-position:40% center} .home-carousel-shade{background:linear-gradient(0deg,#101014 0%,#101014e6 18%,#10101477 60%,#10101422),linear-gradient(270deg,#10101455,transparent)} .home-carousel-content{width:100%;padding:80px 5% 82px} .home-carousel h2{font-size:clamp(22px,6vw,32px);line-height:1.35;margin:12px 0} .home-carousel-meta{font-size:12px;margin-bottom:16px;gap:10px 14px} .home-carousel-meta>span+span{padding-right:14px} .home-carousel-controls{right:5%;left:5%;bottom:14px;gap:12px} .home-carousel-arrows{display:none} .home-carousel-thumbnails{gap:6px} .home-carousel-thumbnails button{width:44px;min-width:44px;height:44px} .home-carousel-watch{font-size:13px;min-height:46px} .home-carousel+.content{padding-top:10px} .page-heading.home-introduction{grid-template-columns:minmax(0,1fr);gap:10px;padding:14px 16px;border-radius:7px} .home-introduction h1{font-size:16px;line-height:1.8;max-width:440px} .home-intro-brand{font-size:22px;margin-bottom:2px} .home-introduction p{font-size:12px;line-height:2;max-width:520px} .home-introduction+.section-gap{margin-top:20px} } @media(max-width:360px){.home-carousel-controls{gap:8px}.home-carousel-thumbnails{gap:4px}.home-carousel-thumbnails button{width:42px;min-width:42px}.home-carousel-controls .home-carousel-pause{min-width:40px;width:40px}} @media(prefers-reduced-motion:reduce){.home-carousel-controls .home-carousel-pause{display:none}.home-carousel-slide,.home-carousel-image{animation:none!important;transition:none!important}} @media(max-width:650px){.category-editorial{margin-top:28px;padding-top:20px}.category-editorial h2{font-size:18px}.category-editorial p{font-size:13px}.series-breadcrumb{overflow-wrap:anywhere}} /* Match full catalog batches to the columns, including the 12-item recent feed. */ @media(min-width:1101px){ .grid.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))} .grid.catalog-grid:has(>.card:nth-child(12):last-child){grid-template-columns:repeat(4,minmax(0,1fr))} } @media(min-width:1600px){ .grid.catalog-grid:has(>.card:nth-child(12):last-child){grid-template-columns:repeat(6,minmax(0,1fr))} } @media(min-width:580px) and (max-width:760px){ .grid.catalog-grid:has(>.card:nth-child(20):last-child){grid-template-columns:repeat(4,minmax(0,1fr))} } @media(min-width:421px) and (max-width:579px){ .grid.catalog-grid:has(>.card:nth-child(20):last-child){grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:650px){ .page-heading.anime-category-heading{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:22px} .anime-category-heading h1{font-size:26px} .anime-category-switch{min-width:0;width:100%;grid-row:2} .anime-category-switch a{min-height:46px;padding:10px 8px;font-size:12px} .anime-category-heading p{grid-row:3;font-size:12px;line-height:2} } /* Keep catalog titles and descriptions together in the site's shared surface. */ .page-heading:not(.home-introduction){min-width:0;margin:0 0 24px;padding:24px 28px;border:1px solid var(--line);border-inline-start:3px solid var(--red);border-radius:12px;background:var(--surface)} .page-heading:not(.home-introduction) h1{margin:0 0 10px;font-size:clamp(24px,2.2vw,34px);font-weight:700;line-height:1.65;overflow-wrap:anywhere} .page-heading:not(.home-introduction) p{max-width:1100px;margin:0;color:#b5b5c0;font-size:14px;line-height:2.1;overflow-wrap:anywhere} .page-heading.anime-category-heading h1{margin:0} @media(max-width:760px){ .page-heading:not(.home-introduction){padding:18px 16px;margin-bottom:20px;border-radius:10px} .page-heading:not(.home-introduction) h1{font-size:22px;line-height:1.75;margin-bottom:8px} .page-heading:not(.home-introduction) p{font-size:12px;line-height:2} .page-heading.anime-category-heading{gap:14px} .page-heading.anime-category-heading h1{margin:0} } /* Persistent search: one compact field in the header. */ .header{gap:clamp(16px,3vw,48px)} .header .header-actions{min-width:0;margin-inline-start:auto;gap:0} .header-search{display:flex;align-items:center;width:clamp(220px,19vw,300px);height:42px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:border-color .15s} .header-search:focus-within{border-color:var(--red)} .header-search input{flex:1;min-width:0;width:100%;height:100%;padding:0 10px;border:0;outline:0;background:transparent;color:#fff;font:12px var(--font)} .header-search input::placeholder{color:#96969f;opacity:1} .header-search button{display:grid;place-items:center;flex:0 0 36px;width:36px;height:34px;padding:0;border:0;border-radius:5px;background:var(--red);color:#fff} .header-search button:hover{background:#d72339} .header-search button svg{width:18px;height:18px} .header-search button:focus-visible{outline:2px solid #fff;outline-offset:2px} .source-links a.download-server{display:inline-flex;align-items:center;justify-content:center;gap:10px;direction:rtl;min-height:48px;padding:12px 18px;background:var(--red);border-color:var(--red);color:#fff;font-weight:700} .source-links a.download-server:hover{background:#d72339;border-color:#d72339;color:#fff} .source-links a.download-server svg{width:20px;height:20px;flex-shrink:0;stroke-width:2} @media(min-width:761px) and (max-width:1100px){ .header{gap:10px;padding-inline:3%} .header .brand{font-size:25px} .header-search{width:clamp(160px,20vw,200px)} } @media(max-width:760px){ .header{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px 10px;padding:10px 4%} .header .header-actions{grid-column:1/-1;grid-row:2;width:100%;margin:0} .header-search{width:100%;height:40px} .header-search input{font-size:16px} .header-search input::placeholder{font-size:12px} .header-search button{height:32px} } .poster-upcoming{position:absolute;top:10px;left:10px;z-index:2;padding:3px 8px;border-radius:3px;background:#101014d9;color:#ededf3;font-size:11px;font-weight:600;line-height:1.6;pointer-events:none} .movie-cover-wrap{position:relative;width:fit-content;max-width:100%;line-height:0} .movie-cover-wrap .movie-cover{display:block} @media(max-width:760px){.poster-upcoming{top:7px;left:7px;font-size:9px}} @media(max-width:480px){.movie-detail .film-masthead .movie-cover-wrap{justify-self:center}} /* Preserve the compact category dropdowns; all sections live in a separate drawer. */ .header #site-navigation{display:flex;align-items:stretch;gap:24px;height:100%;width:auto;order:initial;overflow:visible} .header #site-navigation .nav-group{position:relative;display:flex;align-items:center;gap:3px;height:100%;padding:0} .header #site-navigation .nav-group>a{display:flex;align-items:center;gap:8px;height:100%;font-size:14px;color:#b6b6bf} .header #site-navigation .nav-group>a:hover,.header #site-navigation .nav-group>a.active{color:#fff} .header #site-navigation .nav-expand{display:grid;place-items:center;width:28px;height:38px;padding:0;border:0;border-radius:7px;background:transparent;color:#b6b6bf} .header #site-navigation .nav-expand:after{content:none} .header #site-navigation .nav-expand svg{width:16px;height:16px;transition:transform .18s} .header #site-navigation .nav-expand[aria-expanded="true"] svg{transform:rotate(180deg)} .header #site-navigation .nav-submenu{display:none;position:absolute;top:100%;right:0;width:230px;max-height:70dvh;overflow-y:auto;padding:8px;border:1px solid var(--line);border-radius:9px;background:#1b1b22;box-shadow:0 14px 30px #0008;z-index:100} .header #site-navigation .nav-group.open>.nav-submenu{display:block} .header #site-navigation .nav-submenu[hidden]{display:none!important} .header #site-navigation .nav-submenu a{display:block;height:auto;padding:13px 16px;border:1px solid transparent;border-radius:7px;color:#f6f6f8;font-size:13px;line-height:1.8;white-space:nowrap} .header #site-navigation .nav-submenu a:after{display:none} .header #site-navigation .nav-submenu a:hover{color:var(--red);background:#f0354918} .header #site-navigation .nav-submenu .nav-year-featured{background:var(--red);color:#fff;font-weight:700;margin-bottom:6px} .header #site-navigation .nav-submenu .nav-year-featured:hover{background:#db233a;color:#fff} .header .mobile-menu-toggle{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:#c6c6d1;order:initial} .header .mobile-menu-toggle:hover,.header .mobile-menu-toggle[aria-expanded="true"]{color:var(--red);border-color:#f0354960} .header .mobile-menu-toggle svg{width:22px;height:22px} body.drawer-visible{overflow:hidden} .sections-menu{position:fixed;inset:0 0 0 auto;z-index:1002;width:min(85vw,280px);height:100dvh;padding:0 0 max(20px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border-left:1px solid var(--line);background:var(--surface);scrollbar-width:thin;scrollbar-color:#494951 transparent} .sections-menu[hidden],.mobile-menu-backdrop[hidden]{display:none!important} .sections-menu-heading{display:flex;position:sticky;top:0;z-index:2;align-items:center;justify-content:flex-end;padding:6px 14px;border-bottom:1px solid var(--line);background:var(--surface)} .sections-menu-heading button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:0;background:transparent;color:#fff;font-size:28px} .sections-menu-heading button:hover{color:var(--red)} .sections-link{display:block;min-height:36px;height:auto;padding:5px 20px;border:0;border-radius:0;background:transparent;color:#bcbcc7;font-size:14px;font-weight:500;line-height:1.8;overflow-wrap:anywhere} .sections-link:hover,.sections-link:focus-visible,.sections-link[aria-current="page"]{color:var(--red)} .sections-link[aria-current="page"]{font-weight:700} .sections-home{padding-top:12px;padding-bottom:12px;color:#eee} .sections-list{margin:0;padding:8px 0 12px;border-top:1px solid var(--line)} .sections-list h3{display:flex;align-items:center;gap:8px;margin:18px 20px 6px;padding:12px 0 4px;border-top:1px solid #ffffff26;color:#eeeef4;font-size:13px;font-weight:700;line-height:1.8} .sections-list h3:before{content:'';flex:0 0 3px;width:3px;height:13px;background:var(--red)} .sections-current-year{min-height:42px;padding:8px 17px 8px 20px;border-inline-start:3px solid var(--red);background:#f0354926;color:#fff;font-size:15px;font-weight:700} .sections-current-year:hover,.sections-current-year:focus-visible,.sections-current-year[aria-current="page"]{background:#f035493d;color:#fff} .sections-list>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 20px;color:var(--red);font-size:13px;font-weight:600;line-height:1.8;cursor:pointer;list-style:none} .sections-list>summary::-webkit-details-marker{display:none} .sections-list>summary svg{width:16px;height:16px;flex:0 0 16px;color:#bcbcc7} .sections-list[open]>summary svg{transform:rotate(180deg)} .sections-list>summary:focus-visible{outline:2px solid var(--red);outline-offset:-3px} .mobile-menu-backdrop{display:block;position:fixed;inset:0;z-index:1001;padding:0;border:0;background:#0008} @media(min-width:761px) and (max-width:1100px){.header #site-navigation{height:50px;width:100%;gap:24px;order:3}.header #site-navigation .nav-group>a{font-size:13px}} @media(max-width:760px){.header #site-navigation{display:none}.header .mobile-menu-toggle{grid-column:1;grid-row:1;flex:none;width:44px;height:44px}.sections-menu-heading{padding-top:max(12px,env(safe-area-inset-top))}} @media(prefers-reduced-motion:reduce){.header #site-navigation .nav-expand svg{transition:none}} /* Standalone classification directory; its layout does not affect the drawer. */ .content.category-directory{width:100%;max-width:1320px;margin-inline:auto;padding:28px clamp(16px,4vw,48px) 64px;min-width:0} .category-directory>.page-heading{margin-bottom:16px} .category-directory .directory-jumps{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap;gap:8px;width:auto;max-width:100%;height:auto;margin:0 0 28px;padding:0;overflow:visible;order:initial} .category-directory .directory-jumps a{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:42px;height:auto;padding:8px 18px;border:1px solid var(--line);border-radius:7px;background:#ffffff03;color:#d1d1dc;font-size:13px;font-weight:600;line-height:1.8;white-space:normal;overflow-wrap:anywhere} .category-directory .directory-jumps a:after{content:none} .category-directory .directory-group{min-width:0;margin:0 0 24px;padding:24px;border:1px solid var(--line);border-radius:12px;background:#15151b;scroll-margin-top:24px} .category-directory .directory-group-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid var(--line);min-width:0} .category-directory .directory-group-heading h2{display:flex;align-items:center;gap:12px;margin:0;color:#f3f3f8;font-size:clamp(21px,2vw,27px);font-weight:700;line-height:1.7;overflow-wrap:anywhere} .category-directory .directory-group-heading h2:before{content:'';flex:0 0 3px;width:3px;height:24px;border-radius:2px;background:var(--red)} .category-directory .directory-group-heading>a{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:40px;padding:7px 12px;border:1px solid var(--line);border-radius:6px;background:#ffffff03;color:#c4c4ce;font-size:12px;font-weight:500;line-height:1.8;overflow-wrap:anywhere} .category-directory .directory-links.directory-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;width:100%;height:auto;margin:0 0 22px;padding:0;list-style:none;overflow:visible;order:initial} .category-directory .directory-links.directory-featured a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:46px;height:100%;padding:10px 14px;border:1px solid #f0354933;border-radius:7px;background:#f0354910;color:#f1b1ba;font-size:13px;font-weight:700;line-height:1.8;text-align:center;white-space:normal;overflow-wrap:anywhere} .category-directory .directory-links.directory-featured a:after{content:none} .category-directory .directory-section{min-width:0;margin-top:22px} .category-directory .directory-section h3{margin:0 0 12px;padding-inline-start:10px;border-inline-start:2px solid var(--red);color:#dddde7;font-size:15px;font-weight:600;line-height:1.8;overflow-wrap:anywhere} .category-directory .directory-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;min-width:0} .category-directory .directory-links li{min-width:0;margin:0;padding:0;list-style:none} .category-directory .directory-links a{display:flex;align-items:center;min-width:0;min-height:44px;height:100%;padding:9px 13px;border:1px solid var(--line);border-radius:6px;background:#ffffff03;color:#c2c2cd;font-size:13px;font-weight:500;line-height:1.9;white-space:normal;overflow-wrap:anywhere} .category-directory .directory-jumps a:hover,.category-directory .directory-group-heading>a:hover,.category-directory .directory-links a:hover{border-color:#f0354960;background:#f0354910;color:#fff} .category-directory .directory-links.directory-featured a:hover{border-color:#f0354980;background:#f0354920;color:#fff} .category-directory .directory-links.directory-featured a.directory-current-year{border-color:#f0354970;background:#f0354926;color:#fff} .category-directory .directory-links.directory-featured a.directory-current-year:hover{border-color:var(--red);background:#f0354933;color:#fff} .category-directory .directory-jumps a:focus-visible,.category-directory .directory-featured a:focus-visible,.category-directory .directory-group-heading>a:focus-visible,.category-directory .directory-links a:focus-visible{outline:2px solid var(--red);outline-offset:3px} .category-directory .directory-years{min-width:0;margin-top:22px;border:1px solid var(--line);border-radius:8px;background:#ffffff02;overflow:hidden} .category-directory .directory-years>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:12px 16px;color:#e4e4ed;font-size:14px;font-weight:600;line-height:1.8;cursor:pointer;list-style:none;overflow-wrap:anywhere} .category-directory .directory-years>summary::-webkit-details-marker{display:none} .category-directory .directory-years>summary svg{flex:0 0 18px;width:18px;height:18px;color:var(--red);transition:transform .18s} .category-directory .directory-years[open]>summary{border-bottom:1px solid var(--line)} .category-directory .directory-years[open]>summary svg{transform:rotate(180deg)} .category-directory .directory-years>summary:focus-visible{outline:2px solid var(--red);outline-offset:-3px} .category-directory .directory-years .directory-year-links{margin:0;padding:12px} .category-directory .directory-year-links a{min-height:42px;font-size:12px} /* Each category card keeps its link label over decorative artwork. */ .category-directory .directory-links a.directory-child{position:relative;isolation:isolate;overflow:hidden;align-items:flex-end;min-height:86px;padding:16px 18px;border-color:#ffffff16;background:linear-gradient(115deg,#231c29,#19191f 65%);font-weight:600} .category-directory .directory-link-label{position:relative;z-index:1;max-width:100%;text-shadow:0 2px 8px #000;line-height:1.9} .category-directory .directory-art{position:absolute;z-index:-1;inset-inline-end:-5px;top:50%;width:144px;height:90px;max-width:70%;transform:translateY(-50%);opacity:.32;color:#c087a2;pointer-events:none;transition:opacity .18s,transform .18s;stroke-width:2} .category-directory .directory-art[data-art="horror"],.category-directory .directory-art[data-art="mystery"]{color:#bd91e3} .category-directory .directory-art[data-art="action"],.category-directory .directory-art[data-art="war"]{color:#ffb15c} .category-directory .directory-art[data-art="sci-fi"],.category-directory .directory-art[data-art="sci-fi-fantasy"],.category-directory .directory-art[data-art="fantasy"]{color:#79cbe5} .category-directory .directory-art[data-art="romance"],.category-directory .directory-art[data-art="music"]{color:#ff7b9c} .category-directory .directory-art[data-art="comedy"],.category-directory .directory-art[data-art="family"],.category-directory .directory-art[data-art="kids"]{color:#dfc174} .category-directory .directory-links a.directory-child:hover,.category-directory .directory-links a.directory-child:focus-visible{border-color:#f0354970;background:linear-gradient(115deg,#352331,#1c191f 70%);color:#fff} .category-directory .directory-child:hover .directory-art,.category-directory .directory-child:focus-visible .directory-art{opacity:.52;transform:translateY(-50%) scale(1.04)} .category-directory .directory-links.directory-featured a.directory-child{justify-content:flex-start;min-height:86px;padding:16px 18px} .category-directory .directory-links.directory-featured a.directory-current-year{background:linear-gradient(115deg,#4c2332,#2c1b24 70%);border-color:#f0354970;color:#fff} .category-directory .directory-current-year .directory-art{color:#ff8fa5;opacity:.4} .category-directory .directory-years .directory-child{min-height:52px;padding:10px 12px} .category-directory .directory-year-links .directory-art{width:82px;height:52px;opacity:.2} @media(max-width:1000px){ .category-directory .directory-links{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:680px){ .content.category-directory{padding-block:20px 40px} .category-directory .directory-jumps{margin-bottom:20px} .category-directory .directory-jumps a{flex:1 1 80px;padding:8px 10px;font-size:12px} .category-directory .directory-group{padding:18px 16px;margin-bottom:20px;border-radius:10px} .category-directory .directory-group-heading{margin-bottom:16px;padding-bottom:13px} .category-directory .directory-group-heading h2{font-size:21px} .category-directory .directory-links.directory-featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px} .category-directory .directory-links.directory-featured a{padding:9px 10px;font-size:12px} .category-directory .directory-section{margin-top:18px} .category-directory .directory-section h3{font-size:14px} .category-directory .directory-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .category-directory .directory-links a{padding:8px 10px;font-size:12px} .category-directory .directory-links a.directory-child,.category-directory .directory-links.directory-featured a.directory-child{min-height:80px;padding:12px} .category-directory .directory-art{width:128px;height:80px;max-width:88%;opacity:.26} .category-directory .directory-years .directory-child{min-height:52px;padding:10px} .category-directory .directory-years>summary{padding:11px 12px;font-size:13px} .category-directory .directory-years .directory-year-links{padding:10px} } @media(max-width:360px){ .category-directory .directory-group{padding:16px 12px} .category-directory .directory-group-heading>a{font-size:11px;padding-inline:10px} .category-directory .directory-links a{padding-inline:8px} } @media(prefers-reduced-motion:reduce){ .category-directory a,.category-directory .directory-art,.category-directory .directory-years>summary svg{transition:none} }