:root{--bg:#07090d;--surface:#0e1219;--surface2:#151a23;--line:rgba(255,255,255,.10);--text:#f7f7f8;--muted:#9ca3af;--accent:#ff365f;--accent2:#e51042;--gold:#ffc94d;--page:min(1480px,calc(100vw - 6vw));--header:78px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}body:has(.search-layer.open){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}svg{width:1.2em;height:1.2em;fill:currentColor;display:block}.page-width{width:var(--page);margin-inline:auto}.hidden{display:none!important}
.site-header{height:var(--header);position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;padding:0 3vw;gap:5vw;transition:background .3s,border .3s,transform .3s;background:linear-gradient(180deg,rgba(4,5,8,.86),transparent)}.site-header.solid,.site-header.scrolled{background:rgba(8,10,15,.89);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:inline-flex;align-items:center;gap:10px;font:800 1.25rem Manrope,sans-serif;letter-spacing:.12em}.brand-symbol{width:32px;height:38px;display:grid;place-items:center;transform:skew(-8deg);border-radius:8px 2px 8px 2px;color:#fff;background:linear-gradient(155deg,var(--accent),var(--accent2));box-shadow:0 0 30px rgba(255,54,95,.24);font-size:1.25rem}.desktop-nav{display:flex;gap:35px;align-items:center}.desktop-nav a{color:#c5c7cc;font-weight:600;font-size:.9rem;position:relative;padding:29px 0}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;background:var(--accent);transition:right .22s}.desktop-nav a:hover,.desktop-nav a.active{color:white}.desktop-nav a.active:after{right:0}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.icon-button,.menu-button{width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:white}.icon-button:hover{background:rgba(255,255,255,.1)}.admin-link{font-size:.78rem;font-weight:700;border:1px solid var(--line);border-radius:999px;padding:10px 17px;background:rgba(255,255,255,.04)}.admin-link:hover{background:white;color:#111}.menu-button,.mobile-menu{display:none}.bottom-nav{display:none}
.hero{height:max(720px,92vh);min-height:650px;position:relative;isolation:isolate;background:#10131a}.hero-bg,.detail-bg{position:absolute;inset:0;background-image:var(--hero);background-size:cover;background-position:center 28%;animation:heroReveal 1.2s var(--ease) both}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,10,.96) 0%,rgba(5,7,10,.76) 27%,rgba(5,7,10,.18) 62%,rgba(5,7,10,.34) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 32%,rgba(0,0,0,.1) 100%)}.hero-content{position:relative;z-index:2;padding-top:clamp(170px,25vh,270px);margin:0 0 0 6vw;width:min(640px,50vw);animation:copyReveal .9s .1s var(--ease) both}.eyebrow,.mini-kicker{display:block;color:var(--accent);font-size:.7rem;font-weight:800;letter-spacing:.21em;margin:0 0 14px}.hero h1,.detail-copy h1{font:800 clamp(3.4rem,7vw,6.8rem)/.93 Manrope,sans-serif;letter-spacing:-.06em;margin:0;text-wrap:balance}.hero-tagline,.detail-tagline{font:600 1.05rem Manrope,sans-serif;color:#e4e5e7;margin:20px 0 12px}.meta-line{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:#d0d3d8;font-size:.83rem;font-weight:600}.meta-line>span:not(.rating):not(.cert){display:inline-flex;align-items:center}.meta-line>span:not(.rating):not(.cert)+span:before{content:"";width:3px;height:3px;border-radius:50%;background:#6b7280;margin-right:12px}.rating{display:inline-flex;align-items:center;gap:5px;color:var(--gold);font-weight:800}.rating svg{width:15px}.meta-line .cert{border:1px solid rgba(255,255,255,.35);padding:2px 6px;border-radius:4px;color:white}.hero-overview{font-size:.98rem;color:#c4c7cd;line-height:1.75;max-width:600px;margin:18px 0 25px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-buttons{display:flex;gap:11px;flex-wrap:wrap}.button{height:49px;border:0;border-radius:9px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:.88rem;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;box-shadow:0 12px 36px rgba(255,54,95,.25)}.button.primary:hover{box-shadow:0 14px 45px rgba(255,54,95,.4)}.button.secondary{background:rgba(255,255,255,.14);color:white;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.13)}.button.secondary:hover{background:rgba(255,255,255,.22)}.button.light{background:white;color:#101217}.button svg{width:18px}.scroll-cue{position:absolute;z-index:2;bottom:44px;right:4vw;width:30px;height:48px;border:1px solid rgba(255,255,255,.28);border-radius:20px;display:grid;justify-items:center;padding-top:10px}.scroll-cue span{width:3px;height:9px;background:#fff;border-radius:3px;animation:scrollCue 1.7s infinite}
.home-content{position:relative;z-index:3;margin-top:-2px;padding:18px 0 0;background:var(--bg)}.content-rail{margin-top:48px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-heading p{margin:0 0 7px;color:#727985;font-size:.65rem;font-weight:800;letter-spacing:.19em}.section-heading h2,.episodes-heading h2{font:800 clamp(1.35rem,2.1vw,1.85rem) Manrope,sans-serif;margin:0;letter-spacing:-.03em}.section-heading>a{display:flex;align-items:center;gap:4px;font-size:.74rem;color:#aeb3bd;font-weight:700}.section-heading>a:hover{color:white}.section-heading>a svg{width:15px}.rail-wrap{position:relative}.poster-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(165px,13.1vw,215px);gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:2px 2px 16px;scroll-snap-type:x proximity}.poster-rail::-webkit-scrollbar{display:none}.poster-card{min-width:0;animation:cardReveal .45s var(--delay) both}.poster-link{aspect-ratio:2/3;display:block;overflow:hidden;border-radius:9px;position:relative;background:linear-gradient(145deg,#1e2430,#101319);box-shadow:0 12px 35px rgba(0,0,0,.32);scroll-snap-align:start}.poster-link img{transition:transform .55s var(--ease),filter .4s}.poster-card:hover .poster-link img{transform:scale(1.07);filter:brightness(.7)}.poster-gradient{position:absolute;inset:30% 0 0;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);opacity:0;transition:opacity .3s}.poster-card:hover .poster-gradient{opacity:1}.card-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-40%) scale(.7);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;opacity:0;transition:.3s var(--ease);padding-left:3px}.poster-card:hover .card-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.card-play svg{width:19px}.new-badge{position:absolute;top:9px;left:9px;border-radius:4px;background:var(--accent);padding:4px 6px;font-size:.54rem;font-weight:900;letter-spacing:.08em}.card-copy{padding-top:11px}.card-copy>a{font:700 .87rem Manrope,sans-serif;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}.card-copy>div{display:flex;align-items:center;gap:7px;color:#7f8794;font-size:.66rem;margin-top:5px;white-space:nowrap}.card-copy .rating{margin-left:auto;color:var(--gold);gap:3px}.card-copy .rating svg{width:10px}.dot-sep{width:3px;height:3px;background:#4c5360;border-radius:50%}.rail-arrow{position:absolute;z-index:4;top:38%;transform:translateY(-50%);width:42px;height:76px;border:0;color:white;background:rgba(5,6,9,.88);display:grid;place-items:center;opacity:0;transition:opacity .2s}.rail-wrap:hover .rail-arrow{opacity:1}.rail-arrow.prev{left:-8px;border-radius:0 8px 8px 0}.rail-arrow.next{right:-8px;border-radius:8px 0 0 8px}.rail-arrow:hover{background:var(--accent)}.genre-banner{min-height:320px;margin-top:75px;margin-bottom:78px;border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:50px clamp(28px,6vw,90px);background:linear-gradient(90deg,rgba(9,10,14,.22),rgba(9,10,14,.92)),url('https://images.unsplash.com/photo-1514525253161-7a46d19cd819?auto=format&fit=crop&w=1800&q=80') center/cover;overflow:hidden}.genre-banner>span{font-size:.64rem;font-weight:800;letter-spacing:.2em;color:var(--accent)}.genre-banner h2{font:800 clamp(2rem,4vw,4rem)/1 Manrope,sans-serif;letter-spacing:-.05em;max-width:590px;margin:12px 0}.genre-banner p{color:#c2c5ca;max-width:500px;line-height:1.6;margin:0 0 22px}
.footer{background:#0b0e13;border-top:1px solid rgba(255,255,255,.06);padding:60px 0 24px;color:#858d99}.footer-grid{display:grid;grid-template-columns:1.7fr .7fr .8fr 1.1fr;gap:50px}.footer h3{color:white;font:700 .8rem Manrope,sans-serif;margin:0 0 17px}.footer p{font-size:.77rem;line-height:1.7;margin:13px 0;max-width:360px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.footer-grid a{font-size:.75rem}.footer-grid a:hover{color:white}.footer-brand{color:white}.footer .tmdb-notice{font-size:.63rem;line-height:1.5;color:#69727f}.footer .tmdb-notice a{color:#9ca5b1;text-decoration:underline}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;font-size:.67rem}
.detail-page{min-height:100vh}.detail-hero{min-height:820px;position:relative;isolation:isolate}.detail-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,rgba(7,9,13,.88) 30%,rgba(7,9,13,.28) 70%),linear-gradient(0deg,var(--bg) 0%,rgba(7,9,13,.12) 55%,rgba(7,9,13,.54) 100%)}.detail-content{position:relative;z-index:2;padding-top:clamp(140px,18vh,190px);display:grid;grid-template-columns:260px minmax(0,660px);gap:48px;align-items:end}.detail-poster{aspect-ratio:2/3;border-radius:13px;overflow:hidden;background:var(--surface2);box-shadow:0 30px 80px rgba(0,0,0,.6)}.detail-copy h1{font-size:clamp(3rem,6vw,5.8rem)}.detail-overview{font-size:.96rem;line-height:1.75;color:#b8bdc6;margin:20px 0;max-width:650px}.genre-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.genre-pills a{font-size:.67rem;border:1px solid rgba(255,255,255,.18);padding:6px 10px;border-radius:99px;color:#d6d7da;background:rgba(255,255,255,.05)}.detail-facts{display:flex;gap:32px;margin:26px 0 0}.detail-facts div{display:grid;gap:3px}.detail-facts dt{font-size:.61rem;color:#6e7581;text-transform:uppercase;letter-spacing:.12em}.detail-facts dd{font-size:.75rem;color:#d5d7dc;margin:0}.episodes-section,.cast-section,.related{padding-top:60px}.episodes-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.episodes-heading p{margin-bottom:7px}.episode-count{display:inline-flex;margin-left:10px;border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:5px 10px;background:rgba(255,255,255,.07);color:#d4d8df;font-size:.7rem;font-weight:800;letter-spacing:.035em;vertical-align:middle}.episodes-heading select{border:1px solid var(--line);background:var(--surface2);color:white;padding:10px 35px 10px 14px;border-radius:8px}.episode-list{display:grid}.episode{display:grid;grid-template-columns:210px 38px minmax(0,1fr) 42px;align-items:center;gap:22px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.07)}.episode-image{aspect-ratio:16/9;border-radius:8px;overflow:hidden;position:relative;background:var(--surface2)}.episode-image>span{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:#101217;opacity:0;transition:.2s}.episode:hover .episode-image>span{opacity:1}.episode-number{color:#4e5663;font:800 1.1rem Manrope,sans-serif}.episode-copy>div{display:flex;align-items:center;justify-content:space-between}.episode-copy h3{font:700 .95rem Manrope,sans-serif;margin:0}.episode-copy span{color:#717987;font-size:.7rem}.episode-copy p{color:#858d99;font-size:.75rem;line-height:1.55;margin:7px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.episode-play{width:37px;height:37px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.episode-play:hover{background:var(--accent);border-color:var(--accent)}.episode-play svg{width:14px}.cast-list{display:grid;grid-auto-flow:column;grid-auto-columns:110px;gap:25px;overflow-x:auto;scrollbar-width:none;padding-bottom:8px}.cast-list article{text-align:center}.avatar{width:88px;height:88px;border-radius:50%;overflow:hidden;margin:auto;background:linear-gradient(145deg,#272d39,#151921);display:grid;place-items:center;border:2px solid rgba(255,255,255,.1)}.avatar span{font:800 1rem Manrope;color:#8d95a2}.cast-list h3{font-size:.73rem;margin:10px 0 2px}.cast-list p{font-size:.63rem;color:#6f7783;margin:0}.related{padding-bottom:80px}.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 16px}.poster-grid.large{grid-template-columns:repeat(7,minmax(0,1fr))}
.browse-page,.genre-page{padding-top:150px;min-height:80vh;padding-bottom:90px}.browse-heading{margin-bottom:38px}.browse-heading h1{font:800 clamp(2.7rem,5vw,5.4rem)/1 Manrope,sans-serif;letter-spacing:-.06em;margin:0}.browse-heading>p:last-child{color:#7d8590;font-size:.85rem;margin-top:14px}.filter-bar{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:28px}.filter{border:1px solid var(--line);border-radius:99px;color:#a7adb7;background:transparent;padding:8px 16px;font-size:.72rem;font-weight:700}.filter.active,.filter:hover{background:#fff;color:#111;border-color:white}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.genre-card{min-height:190px;border-radius:12px;padding:25px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(0deg,rgba(4,6,9,.9),rgba(5,7,10,.14)),var(--genre) center/cover;transition:transform .3s}.genre-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,54,95,.08),transparent);transition:.3s}.genre-card:hover{transform:translateY(-4px)}.genre-card:hover:before{background:linear-gradient(135deg,rgba(255,54,95,.38),transparent)}.genre-card span,.genre-card small,.genre-card svg{position:relative}.genre-card span{font:800 1.3rem Manrope}.genre-card small{font-size:.67rem;color:#b0b5bd;margin-top:4px}.genre-card svg{position:absolute;right:22px;bottom:25px;width:20px}.empty-results,.error-page{min-height:55vh;display:grid;place-content:center;text-align:center;justify-items:center}.empty-results>span,.error-page>span{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;color:var(--accent);background:rgba(255,54,95,.1)}.empty-results h2,.error-page h1{margin:18px 0 7px}.empty-results p,.error-page p{color:var(--muted);margin:0 0 22px}
.watch-page{padding-top:125px;min-height:100vh;padding-bottom:70px}.back-link{display:inline-flex;align-items:center;gap:6px;color:#8e96a2;font-size:.74rem;margin-bottom:25px}.back-link:hover{color:white}.back-link svg{width:16px}.watch-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.watch-heading h1{font:800 clamp(1.7rem,3vw,2.8rem) Manrope;margin:0}.watch-heading p{color:#7d8591;margin:5px 0 0;font-size:.77rem}.quality-badge{border:1px solid var(--line);border-radius:5px;padding:5px 9px;color:#afb5bf;font-size:.65rem;font-weight:800}.player-shell{background:#020304;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.55)}.player-stage{aspect-ratio:16/9;position:relative;background:#000;max-height:calc(100vh - 220px);margin:auto}.player-stage iframe{position:absolute;inset:0;border:0;background:#000}.player-empty,.player-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 40%,#191e29,#050608 60%)}.player-empty>span{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--accent);box-shadow:0 0 60px rgba(255,54,95,.32);margin-bottom:18px}.player-empty>span svg{width:26px}.player-empty h2{font:800 1.5rem Manrope;margin:0 0 7px}.player-empty p{color:#828a96;font-size:.78rem;margin:0 0 20px}.player-loading{gap:12px;color:#9ba2ad;font-size:.75rem;z-index:3;background:#050608}.player-loading i{width:32px;height:32px;border:3px solid #252a34;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.player-toolbar{min-height:68px;padding:12px 16px 12px 20px;display:flex;align-items:center;gap:20px;background:#10141b}.player-toolbar>div:first-child{display:flex;align-items:center;gap:8px;font-size:.71rem;color:#939ba7;min-width:145px}.status-dot{width:7px;height:7px;border-radius:50%;background:#37c978;box-shadow:0 0 0 4px rgba(55,201,120,.09)}.server-tabs{display:flex;gap:6px;margin-left:auto}.server-tabs button{border:1px solid var(--line);background:transparent;color:#868e9a;border-radius:6px;padding:7px 11px;font-size:.66rem;font-weight:700}.server-tabs button.active{background:white;color:#111;border-color:white}.try-server{height:38px;border:0;border-radius:7px;background:var(--accent);color:white;display:flex;align-items:center;gap:5px;padding:0 14px;font-size:.68rem;font-weight:800}.try-server:disabled{opacity:.42;cursor:not-allowed}.try-server svg{width:14px}.watch-note{display:flex;gap:13px;align-items:flex-start;margin-top:20px;padding:17px;border:1px solid rgba(255,255,255,.07);background:#0d1117;border-radius:10px}.watch-note>span{width:25px;height:25px;flex:0 0 auto;border-radius:50%;border:1px solid #59616d;color:#9da5b0;display:grid;place-items:center;font-size:.7rem;font-weight:800}.watch-note strong{font-size:.75rem}.watch-note p{font-size:.7rem;color:#747c88;line-height:1.55;margin:3px 0 0}.next-episode-card{display:flex;align-items:center;gap:15px;margin-top:18px;border-radius:10px;background:#11161e;padding:15px;border:1px solid var(--line)}.next-episode-card>div{width:44px;height:44px;border-radius:8px;background:rgba(255,54,95,.12);color:var(--accent);display:grid;place-items:center}.next-episode-card>span{display:grid;gap:3px}.next-episode-card small{font-size:.56rem;letter-spacing:.13em;color:#707987}.next-episode-card strong{font-size:.78rem}.next-episode-card>svg{margin-left:auto;color:#757d88}
.search-layer{position:fixed;inset:0;z-index:100;background:rgba(3,4,7,.84);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:.25s}.search-layer.open{opacity:1;visibility:visible}.search-panel{background:#0d1117;border-bottom:1px solid var(--line);transform:translateY(-100%);transition:transform .38s var(--ease)}.search-layer.open .search-panel{transform:none}.search-head{height:115px;display:flex;align-items:end;padding-bottom:20px}.search-head form{width:100%;display:grid;grid-template-columns:32px 1fr 40px;align-items:center;border-bottom:1px solid #3a414d;padding-bottom:12px}.search-head input{background:transparent;border:0;outline:0;color:white;font:700 clamp(1.3rem,3vw,2.2rem) Manrope}.search-head input::placeholder{color:#4b5360}.search-head button{border:0;background:transparent;color:#8c94a0;display:grid;place-items:center}.search-body{padding:26px 0 38px}.quick-searches{display:flex;gap:8px;flex-wrap:wrap}.quick-searches button{border:1px solid var(--line);background:#151a22;color:#aeb4bd;padding:9px 14px;border-radius:99px;font-size:.7rem}.quick-searches button:hover{background:#fff;color:#111}.toast{position:fixed;z-index:200;bottom:25px;left:50%;transform:translate(-50%,20px);background:#fff;color:#111;padding:11px 17px;border-radius:8px;font-size:.75rem;font-weight:700;opacity:0;visibility:hidden;transition:.25s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.player-assist{position:absolute;z-index:6;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:22px;background:linear-gradient(0deg,rgba(2,3,5,.86),transparent 65%);pointer-events:none}.assist-card{position:relative;width:min(680px,100%);border:1px solid rgba(255,181,71,.28);border-radius:11px;background:rgba(14,18,24,.96);box-shadow:0 18px 60px rgba(0,0,0,.6);padding:18px 20px;pointer-events:auto}.assist-card>p{margin:0 0 5px;color:#ffb547;font-size:.56rem;font-weight:800;letter-spacing:.17em}.assist-card h3{font:800 1.05rem Manrope;margin:0 0 6px}.assist-card>span{display:block;color:#9099a5;font-size:.69rem;line-height:1.55;padding-right:24px}.assist-card>div{display:flex;gap:8px;margin-top:14px}.assist-close{position:absolute;right:10px;top:10px;border:0;background:transparent;color:#727b87;padding:5px}.assist-close svg{width:17px}.fallback-preview{background-size:cover!important;background-position:center!important;padding:35px}.fallback-preview>span{width:54px;height:54px;margin-bottom:12px}.fallback-preview h2{margin-bottom:7px}.fallback-preview p{max-width:680px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.55}.fallback-actions{display:flex;gap:8px}.fullscreen-player{height:38px;border:1px solid var(--line);border-radius:7px;background:#171c24;color:#d5dae1;display:flex;align-items:center;gap:6px;padding:0 11px;font-size:.64rem;font-weight:800}.fullscreen-player:hover,.fullscreen-player.active{background:#252c36;color:white}.fullscreen-player svg{width:15px}.player-shell:fullscreen,.player-shell:-webkit-full-screen{width:100vw;height:100vh;border:0;border-radius:0;display:flex;flex-direction:column;background:#000}.player-shell:fullscreen .player-stage,.player-shell:-webkit-full-screen .player-stage{width:100%;height:calc(100vh - 68px);max-height:none;aspect-ratio:auto;flex:1}.player-shell:fullscreen .player-toolbar,.player-shell:-webkit-full-screen .player-toolbar{width:100%;flex:0 0 68px}.watch-note{align-items:center}.watch-note>div{flex:1}.watch-note p strong{color:#aab1bb}.playback-help-button{flex:0 0 auto;border:1px solid var(--line);border-radius:7px;background:#171c24;color:#d8dce2;padding:9px 12px;font-size:.64rem;font-weight:800}.playback-help-layer{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(2,3,6,.84);backdrop-filter:blur(8px)}.playback-help{width:min(680px,100%);max-height:90vh;overflow:auto;border:1px solid #303743;border-radius:13px;background:#11161e;padding:22px;box-shadow:0 30px 100px rgba(0,0,0,.65)}.playback-help-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}.playback-help-head p{margin:0 0 5px;color:var(--accent);font-size:.56rem;font-weight:800;letter-spacing:.16em}.playback-help-head h2{font:800 1.3rem Manrope;margin:0}.playback-help-head button{border:0;background:transparent;color:#7c8591}.help-intro{color:#929ba7;font-size:.72rem;line-height:1.6}.browser-help{display:grid;gap:7px}.browser-help details{border:1px solid var(--line);border-radius:8px;background:#0d1117;padding:11px 13px}.browser-help summary{cursor:pointer;font-size:.7rem;font-weight:800}.browser-help p{color:#7f8894;font-size:.67rem;line-height:1.55;margin:9px 0 2px}.help-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px;padding-top:16px;border-top:1px solid var(--line)}
.boot-screen{height:100vh;display:grid;place-content:center;justify-items:center}.boot-screen .brand-mark{width:72px;height:82px;background:linear-gradient(155deg,var(--accent),var(--accent2));border-radius:18px 5px;transform:skew(-8deg);display:grid;place-items:center;font:800 2.5rem Manrope}.boot-line{width:90px;height:2px;margin-top:25px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:pulse 1s infinite}.skeleton{background:linear-gradient(90deg,#10141b 20%,#1a202a 40%,#10141b 60%);background-size:300% 100%;animation:shimmer 1.5s infinite}.hero-skeleton{height:90vh}.loading-page{padding-top:120px;min-height:100vh}.detail-skeleton{height:650px;margin:20px;border-radius:18px}.grid-skeleton{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.grid-skeleton i{aspect-ratio:2/3;border-radius:9px}.player-skeleton{aspect-ratio:16/9;border-radius:12px}.image-shell.image-error{background:linear-gradient(145deg,#202631,#11151c)}
.hero-carousel{overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.65s ease-in-out,visibility 1.65s ease-in-out}.hero-slide.active{opacity:1;visibility:visible;pointer-events:auto}.hero-slide .hero-bg{animation:none;transform:scale(1.075);transition:transform 7s ease-out}.hero-carousel.ready .hero-slide.active .hero-bg{transform:scale(1.015)}.hero-slide .hero-content{opacity:0;transform:translateY(18px);animation:none;transition:opacity 1.25s ease-in-out .28s,transform 1.25s var(--ease) .28s}.hero-carousel.ready .hero-slide.active .hero-content{opacity:1;transform:none}.hero-pagination{position:absolute;z-index:6;left:50%;bottom:62px;display:flex;align-items:center;gap:8px;transform:translateX(-50%)}.hero-pagination button{width:38px;height:24px;border:0;background:transparent;padding:9px 0}.hero-pagination button span{display:block;width:100%;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden}.hero-pagination button span:after{content:"";display:block;width:100%;height:100%;background:white;transform:scaleX(0);transform-origin:left center}.hero-carousel.ready .hero-pagination button.active span:after{animation:heroProgress var(--hero-delay,5s) linear forwards}.hero-carousel.paused .hero-pagination button.active span:after{animation-play-state:paused}.hero-carousel>.scroll-cue{z-index:6}.detail-backdrop-stage{position:absolute;inset:0;overflow:hidden;background:#090b10}.detail-bg-slide{--detail-x-from:-1.4%;--detail-x-to:1%;position:absolute;inset:-2%;background-image:var(--detail-image);background-size:cover;background-position:center 28%;opacity:0;visibility:hidden;transform:scale(1.08) translate3d(var(--detail-x-from),0,0);transition:opacity 2.2s ease-in-out,visibility 0s linear 2.2s;animation:detailBackdropDrift 14s ease-in-out infinite alternate;animation-delay:calc(var(--detail-index,0)*-1.35s);animation-play-state:paused;will-change:transform,opacity}.detail-bg-slide:nth-child(even){--detail-x-from:1.4%;--detail-x-to:-1%}.detail-bg-slide.active{z-index:1;opacity:1;visibility:visible;transition:opacity 2.2s ease-in-out,visibility 0s linear 0s}.detail-backdrop-carousel.ready .detail-bg-slide{animation-play-state:running}.detail-backdrop-carousel.paused .detail-bg-slide{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide .hero-bg,.hero-slide .hero-content,.detail-bg-slide{transition-duration:.01ms!important}.hero-pagination button.active span:after{animation:none!important;transform:scaleX(1)}.detail-bg-slide:not(.active){display:none}}
@keyframes heroReveal{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes heroProgress{to{transform:scaleX(1)}}@keyframes detailBackdropDrift{from{transform:scale(1.08) translate3d(var(--detail-x-from),0,0)}to{transform:scale(1.025) translate3d(var(--detail-x-to),-.5%,0)}}@keyframes copyReveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes cardReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes scrollCue{0%{transform:translateY(0);opacity:1}70%{transform:translateY(14px);opacity:0}100%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.2;transform:scaleX(.65)}}@keyframes shimmer{to{background-position:-300% 0}}
@media(max-width:1100px){:root{--page:min(94vw,1480px)}.desktop-nav{gap:22px}.poster-grid.large{grid-template-columns:repeat(5,1fr)}.poster-grid{grid-template-columns:repeat(5,1fr)}.detail-content{grid-template-columns:220px 1fr}.genre-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{display:none}}
@media(max-width:760px){:root{--header:64px;--page:calc(100vw - 32px)}body{padding-bottom:64px}.site-header{padding:0 16px;gap:10px}.brand{font-size:1rem;letter-spacing:.09em}.brand-symbol{width:27px;height:33px;font-size:1rem}.desktop-nav,.admin-link{display:none}.menu-button{display:grid}.mobile-menu{display:none;position:absolute;top:60px;left:16px;right:16px;background:#10141b;border:1px solid var(--line);border-radius:10px;padding:8px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.mobile-menu a{display:block;padding:12px;border-radius:7px;color:#bbc0c8;font-size:.8rem}.mobile-menu a:hover{background:#1c222c;color:white}.menu-open .mobile-menu{display:block}.bottom-nav{position:fixed;z-index:55;bottom:0;left:0;right:0;height:64px;background:rgba(10,12,17,.96);backdrop-filter:blur(14px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a,.bottom-nav button{border:0;background:transparent;color:#69717e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.55rem}.bottom-nav a.active{color:white}.bottom-nav span{height:19px;font-size:1rem}.bottom-nav svg{width:18px}.hero{height:82vh;min-height:640px}.hero-bg{background-position:63% center}.hero-vignette{background:linear-gradient(0deg,var(--bg) 2%,rgba(6,8,11,.86) 35%,rgba(6,8,11,.1) 70%),linear-gradient(90deg,rgba(5,7,10,.55),transparent)}.hero-content{padding-top:310px;width:var(--page);margin-inline:auto}.hero h1{font-size:clamp(2.7rem,13vw,4.2rem)}.hero-tagline{font-size:.9rem;margin-top:13px}.hero-overview{-webkit-line-clamp:2;font-size:.82rem;line-height:1.55}.meta-line{gap:8px;font-size:.69rem}.meta-line>span:not(.rating):not(.cert)+span:before{margin-right:8px}.hero-buttons .button{height:45px;flex:1}.scroll-cue{display:none}.home-content{padding-top:4px}.content-rail{margin-top:34px}.section-heading{margin-bottom:13px}.section-heading h2{font-size:1.3rem}.section-heading>a{font-size:.66rem}.poster-rail{grid-auto-columns:38vw;gap:12px;margin-right:-16px}.rail-arrow{display:none}.card-copy>a{font-size:.79rem}.genre-banner{margin-top:48px;margin-bottom:50px;min-height:350px;border-radius:11px;padding:30px 24px;background-position:35% center}.genre-banner h2{font-size:2.35rem}.footer{display:none}.detail-hero{min-height:auto;padding-bottom:25px}.detail-bg{height:58vh;position:absolute;background-position:center top}.detail-shade{background:linear-gradient(0deg,var(--bg) 3%,rgba(7,9,13,.1) 60%),linear-gradient(90deg,rgba(7,9,13,.45),transparent)}.detail-content{padding-top:42vh;display:block}.detail-poster{display:none}.detail-copy h1{font-size:2.75rem}.detail-tagline{font-size:.9rem}.detail-overview{font-size:.83rem;line-height:1.65}.detail-facts{gap:18px;overflow:auto}.episodes-section,.cast-section,.related{padding-top:42px}.episode{grid-template-columns:120px minmax(0,1fr);gap:13px}.episode-number,.episode-play{display:none}.episode-copy p{-webkit-line-clamp:2;font-size:.67rem}.episode-copy h3{font-size:.8rem}.poster-grid,.poster-grid.large{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.cast-list{grid-auto-columns:90px;gap:13px}.avatar{width:75px;height:75px}.browse-page,.genre-page{padding-top:105px}.browse-heading{margin-bottom:27px}.browse-heading h1{font-size:2.8rem}.genre-grid{grid-template-columns:1fr 1fr;gap:10px}.genre-card{min-height:140px;padding:17px}.genre-card span{font-size:1rem}.genre-card svg{right:14px;bottom:17px}.filter-bar{overflow:auto}.watch-page{padding-top:90px}.watch-heading h1{font-size:1.5rem}.player-shell{margin-left:-16px;margin-right:-16px;border-radius:0}.player-stage{aspect-ratio:16/9}.player-toolbar{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px}.player-toolbar>div:first-child{min-width:0}.server-tabs{grid-row:2;grid-column:1/-1;margin:0;overflow:auto}.try-server{grid-column:2;grid-row:1}.watch-note{padding:13px}.search-head{height:90px}.search-body{padding-top:20px}.grid-skeleton{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.hero-content{padding-top:285px}.hero{min-height:620px}.hero-overview{margin-block:13px}.genre-grid{grid-template-columns:1fr}.episode{grid-template-columns:105px 1fr}.poster-rail{grid-auto-columns:42vw}}

/* Keep the detail poster aligned with the main title instead of the metadata row. */
@media(min-width:761px){.detail-content{align-items:start}.detail-poster{margin-top:28px}}
html,body{overflow-x:hidden}
.button.disabled{cursor:not-allowed;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#7f8793;box-shadow:none;max-width:100%;text-align:center}.button.disabled:hover{transform:none}
@media(max-width:760px){:root{--page:calc(100% - 32px)}}
.player-shell:fullscreen .player-stage,.player-shell:-webkit-full-screen .player-stage{height:100vh}.player-shell:fullscreen .player-toolbar,.player-shell:-webkit-full-screen .player-toolbar{display:none}
@media(max-width:760px){.player-assist{padding:8px}.assist-card{padding:13px}.assist-card h3{font-size:.88rem}.assist-card>span{font-size:.6rem;line-height:1.4}.assist-card>div{margin-top:9px}.assist-card .button{height:35px;padding:0 10px;font-size:.58rem}.player-toolbar{grid-template-columns:1fr auto auto}.fullscreen-player{grid-column:3;grid-row:1;width:38px;padding:0;justify-content:center}.fullscreen-player span{display:none}.watch-note{align-items:flex-start;flex-wrap:wrap}.playback-help-button{width:100%}.playback-help-layer{padding:0}.playback-help{width:100%;height:100%;max-height:none;border-radius:0;padding:18px}.fallback-preview{padding:18px}.fallback-preview p{-webkit-line-clamp:2}.fallback-actions .button{height:38px}}
.watch-heading-actions{display:flex;align-items:center;gap:9px}.trailer-button{height:38px;padding:0 14px;font-size:.7rem}.trailer-button svg{width:15px}.watch-details{display:grid;grid-template-columns:190px minmax(0,1fr) 290px;margin-top:28px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 22px 65px rgba(0,0,0,.2)}.watch-poster{align-self:start;aspect-ratio:2/3;margin:22px;border-radius:9px;overflow:hidden;background:var(--surface2);box-shadow:0 14px 36px rgba(0,0,0,.38)}.watch-overview{padding:27px 30px;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}.watch-overview .mini-kicker,.watch-facts .mini-kicker,.watch-cast .mini-kicker{margin-bottom:8px;font-size:.57rem}.watch-overview h2{font:800 1.42rem Manrope,sans-serif;margin:0 0 13px}.watch-overview>p:not(.mini-kicker){max-width:760px;margin:0;color:#a4acb7;font-size:.78rem;line-height:1.72}.watch-genres{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.watch-genres a{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:#c4c9d1;font-size:.62rem;font-weight:700}.watch-genres a:hover{border-color:var(--accent);color:white}.watch-facts{padding:27px 25px}.watch-facts dl{display:grid;gap:0;margin:10px 0 0}.watch-facts dl>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.055)}.watch-facts dl>div:last-child{border-bottom:0}.watch-facts dt{color:#6f7885;font-size:.61rem;text-transform:uppercase;letter-spacing:.08em}.watch-facts dd{margin:0;color:#d7dbe1;font-size:.7rem;font-weight:700;overflow-wrap:anywhere}.watch-rating{display:flex;align-items:center;gap:5px;color:var(--gold)!important}.watch-rating svg{width:12px}.watch-cast{grid-column:2/-1;padding:20px 29px 24px;border-top:1px solid rgba(255,255,255,.06)}.watch-cast-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:12px}.watch-cast-person{display:flex;align-items:center;min-width:0;gap:9px}.watch-cast-avatar{width:38px;height:38px;flex:0 0 38px;overflow:hidden;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#292f3a,#171b23);color:#aeb5bf;font-size:.62rem;font-weight:800}.watch-cast-person>div:last-child{display:grid;min-width:0;gap:2px}.watch-cast-person strong,.watch-cast-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-cast-person strong{font-size:.67rem}.watch-cast-person small{color:#737c89;font-size:.58rem}.trailer-layer{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:24px;background:rgba(1,2,4,.9);backdrop-filter:blur(12px)}body:has(.trailer-layer){overflow:hidden}.trailer-dialog{width:min(1120px,100%);overflow:hidden;border:1px solid #313844;border-radius:14px;background:#080b10;box-shadow:0 35px 120px rgba(0,0,0,.8)}.trailer-head{height:72px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#10141b}.trailer-head p{margin:0 0 4px;color:var(--accent);font-size:.55rem;font-weight:800;letter-spacing:.17em}.trailer-head h2{max-width:75vw;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 1.05rem Manrope,sans-serif}.trailer-head button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#171c24;color:#c9ced5}.trailer-head button:hover{background:white;color:#111}.trailer-frame{position:relative;aspect-ratio:16/9;background:#000}.trailer-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:1000px){.watch-details{grid-template-columns:160px minmax(0,1fr)}.watch-poster{margin:18px}.watch-overview{border-right:0;padding:23px}.watch-facts{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.06);padding:22px}.watch-facts dl{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:22px}.watch-cast{grid-column:1/-1}.watch-cast-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.watch-heading{align-items:flex-end;gap:12px}.watch-heading-actions{flex:0 0 auto}.trailer-button{width:38px;padding:0;font-size:0}.trailer-button svg{width:16px}.watch-details{grid-template-columns:105px minmax(0,1fr);margin-top:20px;border-radius:10px}.watch-poster{margin:14px 0 14px 14px}.watch-overview{padding:17px 15px}.watch-overview h2{font-size:1.08rem;margin-bottom:8px}.watch-overview>p:not(.mini-kicker){font-size:.68rem;line-height:1.58;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}.watch-genres{gap:5px;margin-top:12px}.watch-genres a{padding:5px 7px;font-size:.55rem}.watch-facts{padding:18px 16px}.watch-facts dl{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.watch-facts dl>div{grid-template-columns:75px minmax(0,1fr)}.watch-cast{padding:17px 16px 20px}.watch-cast-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.trailer-layer{padding:0}.trailer-dialog{width:100%;border-left:0;border-right:0;border-radius:0}.trailer-head{height:64px;padding:0 16px}.trailer-head h2{font-size:.9rem}}
@media(max-width:420px){.watch-cast-list{grid-template-columns:1fr}.watch-facts dl{grid-template-columns:1fr}.watch-facts dl>div{grid-template-columns:85px minmax(0,1fr)}.watch-overview>p:not(.mini-kicker){-webkit-line-clamp:5}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Collections, device-local watched markers, and screenshot galleries. */
.watched-mark{position:absolute;z-index:3;right:9px;bottom:9px;width:27px;height:27px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;background:rgba(7,10,14,.76);color:#b8c0ca;box-shadow:0 5px 18px rgba(0,0,0,.35);opacity:.72;backdrop-filter:blur(8px)}.watched-mark svg{width:16px}.poster-card:hover .watched-mark{opacity:1;color:white}.award-badge{position:absolute;z-index:3;right:9px;top:9px;width:27px;height:27px;border:1px solid rgba(255,198,74,.35);border-radius:50%;display:grid;place-items:center;background:rgba(17,13,4,.82);color:#ffc64a;box-shadow:0 5px 18px rgba(0,0,0,.35);backdrop-filter:blur(8px)}.award-badge svg{width:15px}.detail-award{display:inline-flex;align-items:center;gap:6px;margin:8px 0 3px;padding:6px 10px;border:1px solid rgba(255,198,74,.3);border-radius:99px;background:rgba(255,198,74,.08);color:#ffc64a;font-size:.64rem;font-weight:800;letter-spacing:.05em}.detail-award svg{width:15px}
.title-collection{padding-top:64px}.collection-banner{min-height:330px;border:1px solid var(--line);border-radius:15px;display:flex;align-items:center;overflow:hidden;padding:48px;background:linear-gradient(90deg,rgba(8,10,14,.96) 0%,rgba(8,10,14,.79) 48%,rgba(8,10,14,.18) 100%),var(--collection-bg) center/cover;background-color:var(--surface)}.collection-banner>div{max-width:630px}.collection-banner h2{font:800 clamp(2rem,4vw,3.6rem)/1 Manrope;margin:0 0 15px;letter-spacing:-.04em}.collection-banner>div>p:not(.mini-kicker){max-width:590px;color:#aab1bb;font-size:.8rem;line-height:1.65}.collection-progress{display:flex;align-items:center;gap:6px;margin:19px 0;color:#858e9a;font-size:.66rem}.collection-progress span{width:19px;height:19px;color:#9ca5b0}.collection-progress span svg{width:100%}.collection-progress strong{color:#d6dae0}.collection-banner .button{height:42px;margin-top:2px;font-size:.7rem}.collection-rail{display:grid;grid-auto-flow:column;grid-auto-columns:170px;gap:16px;overflow-x:auto;padding:20px 2px 8px;scrollbar-width:thin;scrollbar-color:#333a45 transparent}
.screenshots-section{padding-top:64px}.screenshots-section>.section-heading>span{color:#656e7a;font-size:.65rem}.screenshot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.screenshot{position:relative;aspect-ratio:16/9;overflow:hidden;border:0;border-radius:9px;background:var(--surface2);padding:0;color:white;cursor:zoom-in}.screenshot img{transition:transform .45s var(--ease),opacity .25s}.screenshot>span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(4,6,9,.38);opacity:0;transition:opacity .25s}.screenshot>span svg{width:25px}.screenshot:hover img{transform:scale(1.04)}.screenshot:hover>span{opacity:1}
.screenshot-layer{position:fixed;z-index:130;inset:0;display:grid;place-items:center;padding:22px;background:rgba(1,2,4,.94);backdrop-filter:blur(14px)}.screenshot-dialog{position:relative;width:min(1240px,100%);overflow:hidden;border:1px solid #303641;border-radius:14px;background:#07090d;box-shadow:0 35px 120px rgba(0,0,0,.8)}.screenshot-dialog header{height:70px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#10141b;border-bottom:1px solid var(--line)}.screenshot-dialog header p{margin:0 0 4px;color:var(--accent);font-size:.54rem;font-weight:800;letter-spacing:.16em}.screenshot-dialog header h2{margin:0;font:800 1rem Manrope}.screenshot-dialog header button{width:37px;height:37px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#171c24;color:white}.screenshot-dialog header svg{width:17px}.screenshot-full{aspect-ratio:16/9;background:#050608}.screenshot-full img{object-fit:contain}.screenshot-nav{position:absolute;top:50%;width:44px;height:60px;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;background:rgba(7,9,13,.7);color:white;backdrop-filter:blur(8px)}.screenshot-nav:hover{background:var(--accent)}.screenshot-nav svg{width:20px}.screenshot-nav.previous{left:14px}.screenshot-nav.next{right:14px}
.collection-page{padding-top:105px;padding-bottom:80px;min-height:100vh}.collection-page-hero{min-height:440px;margin-bottom:42px;border-radius:16px;display:flex;align-items:flex-end;overflow:hidden;padding:52px;background:linear-gradient(0deg,rgba(7,9,13,.98),rgba(7,9,13,.05) 75%),linear-gradient(90deg,rgba(7,9,13,.85),transparent 70%),var(--collection-bg) center/cover;background-color:var(--surface)}.collection-page-hero>div{max-width:720px}.collection-page-hero h1{font-size:clamp(2.8rem,6vw,5.6rem)}.collection-page-hero>div>p:not(.eyebrow){max-width:650px;color:#b0b6bf;line-height:1.65}.collection-page-hero span{display:inline-block;margin-top:8px;color:#858e9b;font-size:.68rem}
@media(max-width:1000px){.screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-banner{padding:38px}.collection-rail{grid-auto-columns:155px}}
@media(max-width:760px){.title-collection,.screenshots-section{padding-top:42px}.collection-banner{min-height:300px;padding:27px 22px;background:linear-gradient(0deg,rgba(8,10,14,.97),rgba(8,10,14,.32)),var(--collection-bg) center/cover}.collection-banner h2{font-size:2rem}.collection-banner>div>p:not(.mini-kicker){font-size:.72rem}.collection-rail{grid-auto-columns:38vw;gap:12px;margin-right:-16px}.screenshot-grid{display:grid;grid-auto-flow:column;grid-auto-columns:78vw;overflow-x:auto;margin-right:-16px;scrollbar-width:none}.screenshot-layer{padding:0}.screenshot-dialog{width:100%;border-left:0;border-right:0;border-radius:0}.screenshot-dialog header{height:62px;padding:0 15px}.screenshot-nav{width:38px;height:52px}.collection-page{padding-top:84px}.collection-page-hero{min-height:370px;margin-bottom:28px;padding:28px 22px}.collection-page-hero h1{font-size:2.65rem}}

/* Top navigation actions, notifications, and browser-local My List. */
.my-list-link{height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.045);color:#d8dbe0;font-size:.73rem;font-weight:800}.my-list-link:hover,.my-list-link.active{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.11);color:white}.my-list-link svg{width:17px;height:17px;fill:none}.notification-button{position:relative}.notification-button svg,.nav-search svg{width:23px;height:23px}.notification-count{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 4px;border:2px solid #111722;border-radius:99px;display:flex;align-items:center;justify-content:center;background:#e72c3c;color:white;font:800 .55rem Manrope,sans-serif;line-height:1}.notification-count.hidden{display:none}
.notification-panel{position:fixed;z-index:80;top:calc(var(--header) + 9px);right:3vw;width:min(390px,calc(100vw - 24px));overflow:hidden;border:1px solid #2b323d;border-radius:13px;background:rgba(14,18,25,.98);box-shadow:0 28px 90px rgba(0,0,0,.64);backdrop-filter:blur(18px);animation:notificationIn .2s var(--ease) both}.notification-panel>header{height:72px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.notification-panel>header p{margin:0 0 3px;color:var(--accent);font-size:.52rem;font-weight:900;letter-spacing:.18em}.notification-panel>header h2{margin:0;font:800 1.05rem Manrope}.notification-panel>header>button{border:0;background:transparent;color:#8f98a4;font-size:.61rem;font-weight:800}.notification-panel>header>button:hover{color:white}.notification-list{max-height:min(550px,calc(100vh - 120px));overflow:auto}.notification-item{position:relative;width:100%;min-height:88px;border:0;border-bottom:1px solid rgba(255,255,255,.055);display:grid;grid-template-columns:48px minmax(0,1fr) 8px;align-items:center;gap:11px;padding:11px 16px;background:transparent;color:white;text-align:left}.notification-item:hover{background:rgba(255,255,255,.05)}.notification-item.read{opacity:.62}.notification-thumb{width:46px;aspect-ratio:2/3;overflow:hidden;border-radius:5px;background:var(--surface2)}.notification-item>span:nth-child(2){display:grid;min-width:0;gap:3px}.notification-item small{color:var(--accent);font-size:.5rem;font-weight:900;letter-spacing:.12em}.notification-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.notification-item em{color:#747d89;font-size:.58rem;font-style:normal}.notification-item>i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(255,54,95,.1)}.notification-empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.notification-empty>svg{width:31px;margin-bottom:14px;color:#66707d}.notification-empty strong{font-size:.82rem}.notification-empty span{margin-top:5px;color:#747d89;font-size:.65rem}@keyframes notificationIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
.my-list-toggle.saved{border-color:rgba(113,197,147,.25);background:rgba(70,130,96,.2);color:#ccebd7}.my-list-toggle.compact{width:49px;padding:0}.my-list-toggle.compact span{display:none}.my-list-toggle svg{width:18px;fill:none}.my-list-page{min-height:100vh;padding-top:120px;padding-bottom:80px}.my-list-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 16px}.my-list-item{min-width:0}.my-list-item>button{width:100%;height:34px;margin-top:9px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;justify-content:center;gap:6px;background:#121720;color:#7f8995;font-size:.6rem;font-weight:800}.my-list-item>button:hover{border-color:#48515e;color:white;background:#1a202a}.my-list-item>button svg{width:13px}.my-list-empty>span svg{width:32px}
@media(max-width:1100px){.my-list-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.my-list-link span{display:none}.my-list-link{width:42px;padding:0;justify-content:center;border-radius:50%}}
@media(max-width:760px){.header-actions{gap:2px}.header-actions .icon-button,.header-actions .menu-button,.my-list-link{width:38px;height:38px}.notification-count{top:0;right:-1px}.notification-panel{top:70px;right:12px}.my-list-page{padding-top:96px}.my-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.my-list-item>button{height:32px}.my-list-toggle:not(.compact){height:45px;padding:0 14px}}
@media(max-width:760px){.hero-pagination{left:50%;bottom:18px}.hero-pagination button{width:30px}.hero-slide .hero-bg{background-position:63% center}.detail-backdrop-stage{height:58vh}.detail-bg-slide{height:auto;inset:-2%;background-position:center top}}

/* Keep the animated detail artwork beneath the cinematic readability blend. */
.hero-carousel .hero-slide{transition:opacity var(--hero-transition,1.65s) ease-in-out,visibility var(--hero-transition,1.65s) ease-in-out}.hero-carousel .hero-slide .hero-bg{transition-duration:var(--hero-motion,7s)}.hero-carousel .hero-slide .hero-content{transition-duration:var(--hero-transition,1.65s),var(--hero-transition,1.65s)}.detail-backdrop-carousel .detail-bg-slide{transition:opacity var(--detail-transition,2.2s) ease-in-out,visibility 0s linear var(--detail-transition,2.2s);animation-duration:var(--detail-motion,14s)}.detail-backdrop-carousel .detail-bg-slide.active{transition:opacity var(--detail-transition,2.2s) ease-in-out,visibility 0s linear 0s}
@media(min-width:761px){.hero-content{z-index:7;padding-top:clamp(115px,17vh,180px)}.hero-content.long-title h1{font-size:clamp(2.9rem,5.5vw,5.6rem)}.hero-content.long-title .hero-overview{margin-top:14px;margin-bottom:20px}.hero-content .hero-buttons{position:relative;z-index:8}}
@media(max-width:760px){.hero-content.long-title{padding-top:250px}.hero-content.long-title h1{font-size:clamp(2.35rem,10vw,3.5rem)}.hero-content.long-title .hero-overview{margin-top:11px;margin-bottom:15px}.hero-content .hero-buttons{position:relative;z-index:8}}
.detail-backdrop-stage{z-index:0}.detail-backdrop-carousel>.detail-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,rgba(7,9,13,.92) 28%,rgba(7,9,13,.38) 67%,rgba(7,9,13,.18) 100%),linear-gradient(0deg,var(--bg) 0%,rgba(7,9,13,.22) 48%,rgba(7,9,13,.6) 100%)}
@media(max-width:760px){.detail-backdrop-carousel>.detail-shade{background:linear-gradient(0deg,var(--bg) 3%,rgba(7,9,13,.78) 26%,rgba(7,9,13,.12) 64%,rgba(7,9,13,.44) 100%),linear-gradient(90deg,rgba(7,9,13,.55),rgba(7,9,13,.08))}}

/* Cinematic watch-page cover and same-type recommendations. */
.player-empty.player-cover{isolation:isolate;overflow:hidden;background:#080a0e}.player-empty.player-cover:before{content:"";position:absolute;z-index:-2;inset:-28px;background-image:var(--player-poster);background-size:cover;background-position:center;filter:blur(20px) saturate(.8);transform:scale(1.12);opacity:.68}.player-empty.player-cover:after{content:"";position:absolute;z-index:-1;inset:0;background:rgba(3,5,8,.46)}.player-cover-play{position:relative;width:86px;height:86px;border:1px solid rgba(255,255,255,.48);border-radius:50%;display:grid;place-items:center;padding:0 0 0 5px;background:rgba(255,255,255,.94);color:#11151b;box-shadow:0 0 0 0 rgba(255,255,255,.25),0 18px 55px rgba(0,0,0,.45);animation:playerCoverPulse 2.2s ease-in-out infinite;transition:transform .3s var(--ease),background .3s}.player-cover-play:hover{transform:scale(1.09);background:white}.player-cover-play:disabled{opacity:.45;cursor:not-allowed;animation:none}.player-cover-play svg{width:30px}.player-empty.player-cover>h2{position:relative;margin:18px 0 0;max-width:min(680px,80%);font:800 clamp(1.15rem,2.2vw,1.85rem) Manrope,sans-serif;text-shadow:0 3px 24px rgba(0,0,0,.9)}.player-empty.player-cover.fallback-preview:before,.player-empty.player-cover.fallback-preview:after{display:none}.watch-similar{padding-top:65px}.watch-similar .poster-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.watch-similar .section-heading{margin-bottom:20px}@keyframes playerCoverPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.22),0 18px 55px rgba(0,0,0,.45)}50%{box-shadow:0 0 0 15px rgba(255,255,255,0),0 22px 70px rgba(0,0,0,.55)}}
@media(max-width:1000px){.watch-similar .poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.player-cover-play{width:68px;height:68px}.player-cover-play svg{width:24px}.player-empty.player-cover>h2{margin-top:13px;font-size:1.05rem}.watch-similar{padding-top:45px}.watch-similar .poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}}

/* Every genre card receives unique catalog artwork, with a unique color fallback. */
.genre-card{background:linear-gradient(0deg,rgba(4,6,9,.9),rgba(5,7,10,.14)),var(--genre) center/cover,linear-gradient(135deg,hsl(var(--genre-hue,340) 48% 28%),#0b1018)}

/* Full-catalog pagination. */
.catalog-pagination{margin:58px auto 0;display:flex;align-items:center;justify-content:center;gap:18px}.catalog-pagination a,.catalog-pagination>span,.pagination-gap{height:42px;min-width:42px;border:1px solid rgba(255,255,255,.1);border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:#8d96a2;font-size:.67rem;font-weight:800;transition:background .2s,border-color .2s,color .2s,transform .2s}.catalog-pagination a:hover{border-color:rgba(255,255,255,.28);background:#171c24;color:white;transform:translateY(-1px)}.catalog-pagination a.current{border-color:var(--accent);background:var(--accent);color:white}.pagination-pages{display:flex;align-items:center;gap:7px}.catalog-pagination .pagination-step{min-width:108px;gap:9px;padding:0 14px}.catalog-pagination .pagination-step svg{width:15px}.catalog-pagination .disabled{opacity:.35;cursor:not-allowed}.pagination-gap{min-width:20px;border:0}.browse-page .poster-grid.large{align-items:start}
@media(max-width:760px){.catalog-pagination{margin-top:40px;gap:8px}.catalog-pagination .pagination-step{min-width:42px;width:42px;padding:0}.catalog-pagination .pagination-step span{display:none}.pagination-pages{gap:5px}.catalog-pagination a,.catalog-pagination>span,.pagination-gap{height:38px;min-width:38px}.pagination-pages a:not(.current){display:none}.pagination-pages .pagination-gap{display:none}}

/* Ranked catalog search and typo-tolerant suggestions. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.search-panel{max-height:100vh;overflow:auto}.live-search-results{min-height:0}.live-search-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.live-search-heading .mini-kicker{margin:0}.live-search-heading>span{color:#666f7c;font-size:.58rem}.live-search-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.live-search-item{min-width:0;height:76px;padding:8px;border:1px solid rgba(255,255,255,.075);border-radius:9px;display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:10px;background:#121720;transition:border-color .2s,background .2s,transform .2s}.live-search-item:hover,.live-search-item:focus-visible{outline:0;border-color:rgba(255,255,255,.25);background:#1a2029;transform:translateY(-1px)}.live-search-thumb{width:40px;height:59px;overflow:hidden;border-radius:4px;background:#242a34}.live-search-copy{display:grid;min-width:0;gap:2px}.live-search-copy small{color:var(--accent);font-size:.47rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.live-search-copy strong,.live-search-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-search-copy strong{font-size:.69rem}.live-search-copy em{color:#737d89;font-size:.52rem;font-style:normal}.live-search-item>svg{width:15px;color:#5d6673}.live-search-loading,.live-search-empty{min-height:84px;border:1px dashed rgba(255,255,255,.09);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:12px;color:#77818e}.live-search-loading i{width:17px;height:17px;border:2px solid #343b46;border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.live-search-loading span{font-size:.65rem}.live-search-empty>svg{width:24px}.live-search-empty>div{display:grid;gap:3px}.live-search-empty strong{color:#b9c0c9;font-size:.7rem}.live-search-empty span{font-size:.58rem}.search-suggestion-section{margin-top:70px;padding-top:42px;border-top:1px solid var(--line)}.search-suggestion-section>div:first-child{margin-bottom:21px}.search-suggestion-section .eyebrow{margin:0 0 7px}.search-suggestion-section h2{margin:0 0 6px;font:800 clamp(1.45rem,2.8vw,2.15rem) Manrope,sans-serif;letter-spacing:-.035em}.search-suggestion-section>div:first-child>span{color:#707985;font-size:.67rem}.search-results-page .empty-results button{border:0}
@media(max-width:1000px){.live-search-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.search-head{height:82px;padding-bottom:14px}.search-head input{font-size:1.2rem}.search-body{padding:18px 0 25px}.live-search-list{grid-template-columns:1fr;max-height:calc(100vh - 145px);overflow:auto}.live-search-item{height:72px}.live-search-heading>span{display:none}.search-suggestion-section{margin-top:48px;padding-top:31px}}

/* My List: consistent card rhythm and an in-card removal control. */
.my-list-page{padding-top:132px;padding-bottom:100px}
.my-list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:38px;padding-bottom:25px;border-bottom:1px solid var(--line)}
.my-list-heading .browse-heading{margin:0}
.my-list-heading>.button{flex:0 0 auto}
.my-list-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:38px 20px}
.my-list-item{position:relative;min-width:0;padding:0}
.my-list-item .poster-card{min-width:0}
.my-list-item>.my-list-remove{position:absolute;z-index:6;top:10px;right:10px;width:auto;height:34px;margin:0;padding:0 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;display:flex;align-items:center;justify-content:center;gap:6px;background:rgba(7,9,13,.84);color:#e2e6eb;font-size:.58rem;font-weight:800;box-shadow:0 8px 26px rgba(0,0,0,.42);backdrop-filter:blur(10px);transition:background .2s,border-color .2s,transform .2s}
.my-list-remove:hover{border-color:rgba(255,255,255,.42);background:#ad2943;color:#fff;transform:translateY(-1px)}
.my-list-remove svg{width:14px;height:14px}
.my-list-item .award-badge{top:52px}
.my-list-empty-actions{display:flex;align-items:center;justify-content:center;gap:10px}
@media(max-width:1200px){.my-list-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:980px){.my-list-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.my-list-page{padding-top:98px;padding-bottom:86px}.my-list-heading{align-items:flex-start;margin-bottom:25px;padding-bottom:18px}.my-list-heading .browse-heading{margin:0}.my-list-heading .browse-heading h1{font-size:2.65rem}.my-list-heading>.button{height:39px;padding:0 12px;font-size:.61rem}.my-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 13px}.my-list-item>.my-list-remove{width:34px;padding:0;border-radius:50%}.my-list-remove span{display:none}.my-list-empty-actions{width:min(280px,100%);flex-direction:column}.my-list-empty-actions .button{width:100%}}
@media(max-width:380px){.my-list-heading>.button{display:none}}