:root{--bg: #0b0b0d;--surface: #17171b;--text: #f5f5f7;--muted: #a1a1aa;--red: #e50914;--red-hover: #ff1f2b;--radius: 10px;--gutter: 16px;--poster-w: 30vw}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;color:inherit}.nav{position:absolute;inset:0 0 auto 0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px var(--gutter);background:linear-gradient(to bottom,rgba(0,0,0,.75),transparent)}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:19px;letter-spacing:-.3px;text-decoration:none;flex-shrink:0}.brand-mark{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid var(--red)}.tabs{display:flex;gap:2px;padding:4px;border-radius:999px;background:#00000073;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tabs a{padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;color:#d4d4d8;text-decoration:none;white-space:nowrap}.tabs a.on{background:#fff;color:#000}.tabs a.wide{display:none}@media(max-width:380px){.nav{gap:8px}.brand{font-size:16px}.tabs a{padding:6px 9px;font-size:12px}}.hero{position:relative;min-height:72vh;display:flex;align-items:flex-end;overflow:hidden}.hero-art{position:absolute;top:0;right:0;bottom:0;left:0}.hero-art .slide{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:85% top;opacity:0;transition:opacity .9s ease}.hero-art .slide.on{opacity:1}.hero-copy{transition:opacity .35s ease}.hero-copy.out{opacity:0}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg) 6%,rgba(11,11,13,.55) 45%,rgba(11,11,13,.1) 75%)}.hero-body{position:relative;z-index:2;width:100%;padding:96px var(--gutter) 20px}.title{font-size:clamp(36px,10vw,76px);line-height:.95;font-weight:900;letter-spacing:-1px;text-transform:uppercase;color:var(--red);text-shadow:0 2px 24px rgba(0,0,0,.6)}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:12px;font-size:13px;color:#e4e4e7}.meta .hd{font-weight:700;border:1px solid rgba(255,255,255,.4);border-radius:4px;padding:0 5px}.synopsis{margin-top:10px;color:#d4d4d8;font-size:15px;line-height:1.45;max-width:46ch}.actions{display:flex;align-items:center;gap:10px;margin-top:18px}.btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;border-radius:var(--radius);font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;border:0;transition:transform .1s,background .15s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--red);color:#fff;box-shadow:0 8px 30px #e5091459}.btn-primary:hover{background:var(--red-hover)}.btn-light{background:#fff;color:#000;border-radius:999px}.round{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:22px;text-decoration:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.25)}.play{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid currentColor}.note{margin-top:10px;font-size:12px;color:var(--muted)}.dots{display:flex;gap:6px;margin-top:16px}.dots button{width:22px;height:4px;padding:0;border:0;border-radius:2px;background:#ffffff4d;overflow:hidden;cursor:pointer}.dots i{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}.dots .on i{animation:dot-fill var(--hero-ms, 7s) linear forwards}.hero.paused .dots .on i{animation-play-state:paused}@keyframes dot-fill{to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.hero-art .slide,.hero-copy{transition:none}.dots .on i{animation:none;transform:scaleX(1)}}.shelf{position:relative;margin:22px 0 6px}.shelf h2{font-size:16px;font-weight:700;padding:0 var(--gutter);margin-bottom:10px}.rail{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding:0 var(--gutter);padding:4px var(--gutter);scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start;flex-shrink:0}.arrow{display:none}.poster{position:relative;width:var(--poster-w);aspect-ratio:2 / 3;border-radius:8px;overflow:hidden;background:var(--surface) center / cover no-repeat;text-decoration:none;transition:transform .15s}.poster img,.wide-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.poster:hover,.wide-card:hover{transform:translateY(-3px)}.poster b{position:absolute;inset:auto 8px 12px;font-size:15px;line-height:1.05;font-weight:900;text-transform:uppercase;letter-spacing:.5px;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.7)}.poster.has-img b{display:none}.poster .tag{position:absolute;bottom:6px;left:6px;background:var(--red);font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px}.wide-card{width:72vw;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;position:relative;background:var(--surface) center / cover no-repeat;text-decoration:none;transition:transform .15s}.wide-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.85),transparent 60%)}.wide-card div{position:absolute;z-index:1;left:12px;right:12px;bottom:10px}.wide-card strong{display:block;font-size:16px}.wide-card span{font-size:12px;color:#d4d4d8}.genre{width:80px;display:grid;justify-items:center;gap:6px;text-decoration:none;font-size:12px;color:#d4d4d8}.genre i{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;font-style:normal;font-size:28px;border:1px solid rgba(255,255,255,.12)}footer{margin-top:36px;padding:24px var(--gutter) 32px;border-top:1px solid rgba(255,255,255,.06);color:var(--muted);font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:14px}footer a{text-decoration:none}footer a:hover{color:var(--text)}.unlock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.unlock-card{width:100%;max-width:460px;max-height:100%;overflow-y:auto;background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:16px 16px 0 0;padding:22px 20px 26px;animation:rise .2s ease-out}@keyframes rise{0%{transform:translateY(24px);opacity:0}}.unlock-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.unlock h2{font-size:20px;line-height:1.25}.unlock-close{background:none;border:0;color:var(--muted);font-size:26px;line-height:1;cursor:pointer;padding:4px}.unlock .btn{min-height:52px;font-size:17px}.player{position:relative;aspect-ratio:16 / 9;margin:16px 0 14px;border-radius:10px;overflow:hidden;background:#000}.player-frame{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;background:center / cover no-repeat;filter:blur(10px) brightness(.55)}.player-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;font-size:13px;font-weight:600;color:#e4e4e7}.lock{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#0000008c;border:1px solid rgba(255,255,255,.2)}.lock svg{width:24px;height:24px;fill:#fff}.player-bar{position:absolute;left:0;right:0;bottom:0;padding:10px 12px;display:flex;align-items:center;gap:10px;font-size:11px;color:#d4d4d8;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.track{flex:1;height:4px;border-radius:2px;background:#ffffff40}.plot{margin:-2px 0 14px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.plot summary{display:flex;align-items:center;justify-content:space-between;padding:10px 2px;list-style:none;cursor:pointer;font-size:14px;font-weight:600}.plot summary::-webkit-details-marker{display:none}.plot summary:after{content:"";width:7px;height:7px;margin:-4px 4px 0 0;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s}.plot[open] summary:after{margin-top:4px;transform:rotate(-135deg)}.plot p{padding:0 2px 12px;font-size:14px;line-height:1.55;color:#d4d4d8}.gate-line{font-size:14px;color:#d4d4d8;margin-bottom:14px}.gate-line strong{color:var(--text)}.unlock-fine{margin-top:12px;font-size:12px;color:var(--muted);line-height:1.45}.unlock-fine a{color:#d4d4d8}@media(min-width:600px){:root{--poster-w: 150px}.wide-card{width:320px}.tabs a.wide{display:block}}@media(min-width:900px){:root{--gutter: 48px;--poster-w: 168px}.nav{padding-top:20px}.hero{min-height:68vh;align-items:center}.hero-art{left:30%}.hero-art .slide{background-position:center}.hero:after{background:linear-gradient(to right,var(--bg) 28%,rgba(11,11,13,.7) 48%,rgba(11,11,13,0) 75%),linear-gradient(to top,var(--bg) 2%,transparent 30%)}.hero-body{padding:120px var(--gutter) 48px;max-width:760px}.synopsis{font-size:17px}.rail{gap:12px}.poster b{font-size:17px}.wide-card{width:360px}.arrow{display:grid;place-items:center;position:absolute;z-index:2;top:30px;bottom:0;width:40px;border:0;cursor:pointer;font-size:30px;background:#0b0b0d99;opacity:0;transition:opacity .15s}.arrow.prev{left:0}.arrow.next{right:0}.shelf:hover .arrow{opacity:1}.unlock{align-items:center}.unlock-card{border-radius:16px;padding:28px}}