:root{color-scheme:dark;--bg:#090c11;--panel:#131a23;--text:#f7f8fb;--muted:#98a3b3;--pink:#ff466f;--border:#2b3745}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Arial,Helvetica,sans-serif;min-height:100vh;display:flex;flex-direction:column}main{flex:1}a{color:inherit;text-decoration:none}a:hover{color:#ff858d}a:focus-visible{outline:3px solid #ff8a68;outline-offset:3px}a,button{touch-action:manipulation}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1{font-size:52px;line-height:1.08;margin-bottom:20px}h2{font-size:28px;line-height:1.2;margin-bottom:24px}h3{line-height:1.25}h1 span{color:var(--pink)}.shell{width:calc(100% - 64px);max-width:1280px;margin:auto}.bar{display:flex;align-items:center;gap:32px;min-height:84px}.bar>a:not(.brand){margin-left:auto;min-height:44px;display:flex;align-items:center;font-size:14px;font-weight:bold}.brand{display:flex;align-items:center;gap:12px;min-height:44px}.brand strong{font-size:26px;line-height:1.1;display:block;letter-spacing:-1px}.brand small{display:block;font-size:12px;color:var(--muted);margin-top:4px;letter-spacing:.2px}header,footer{border-bottom:1px solid var(--border)}footer{border-top:1px solid var(--border);border-bottom:0;margin-top:64px}footer .bar{min-height:150px}footer .bar>span{font-size:13px;color:var(--muted)}[aria-current=page]{text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:10px}.eyebrow{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.14em;color:#ff7868;margin-bottom:20px}.hero{min-height:280px;position:relative;padding-top:34px;padding-bottom:24px}.hero-copy{position:relative;z-index:1}.hero h1{max-width:450px;letter-spacing:-2px}.hero p:not(.eyebrow){margin-bottom:16px}.benefits{padding:0;display:flex;gap:20px;list-style:none;font-size:11px;font-weight:bold;color:var(--muted);margin:0}.benefits li:before{content:'•';color:var(--pink);margin-right:7px}.collection{padding-top:32px;border-top:1px solid var(--border)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.section-head h2{margin:0}.section-head>span,.section-head>a{color:var(--muted);font-size:13px}.section-head>a{min-height:44px;display:flex;align-items:center}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{display:flex;gap:22px;padding:18px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,#171f29,#10151c);transition:border-color .18s,background .18s;min-width:0}.card:hover{border-color:#ff858d;color:var(--text)}.poster{display:block;aspect-ratio:2/3;width:158px;flex-shrink:0;align-self:flex-start;border:1px solid #384454;border-radius:12px;background:linear-gradient(140deg,#26303c,#10151c);overflow:hidden}.poster img{display:block;width:100%;height:100%;object-fit:contain}.card-copy{display:flex;flex-direction:column;min-width:0;flex:1}.number{color:var(--muted);font-size:11px;margin:5px 0 14px}.card h3{font-size:22px;line-height:1.15;margin-bottom:14px;overflow-wrap:anywhere}.platform{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:bold}.logo{width:24px;height:24px;position:relative;display:inline-flex;align-items:center;justify-content:center;background:#28313e;border-radius:5px;flex-shrink:0}.logo>span{font-size:9px}.logo img{position:absolute;inset:0;object-fit:contain;border-radius:5px;background:#131a23}.recommendation{font-size:14px;font-weight:bold;color:#ff858d;display:block;margin:20px 0 24px;line-height:1.4}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:10px}.tags>span{font-size:12px;line-height:1.4;border:1px solid #35404d;border-radius:6px;padding:5px 8px;background:#1b222c}.pagination{display:flex;justify-content:center;gap:24px;margin-top:32px}.pagination:empty{display:none}.pagination a{border:1px solid #465260;border-radius:30px;padding:12px 30px;min-height:44px}.load-more[aria-disabled=true]{opacity:.6;pointer-events:none}.detail{padding-top:24px}.back{color:var(--muted);display:inline-flex;align-items:center;min-height:44px;margin-bottom:24px;font-size:14px}.identity{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;margin-bottom:56px}.identity-main{display:flex;gap:32px;align-items:flex-start;min-width:0}.identity-main>.poster{width:250px}.identity-copy{min-width:0;flex:1}.identity h1{font-size:40px;overflow-wrap:anywhere}.identity .tags{margin-bottom:24px}.watch-action{margin-top:24px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;border-radius:10px;background:linear-gradient(100deg,#ff466f,#ff7868);color:#090c11;font-size:14px;font-weight:bold;text-align:center;line-height:1.4}.button:hover{color:#090c11;filter:brightness(1.12)}.disabled{opacity:.55}.hint{font-size:12px;color:var(--muted);margin:10px 0 0;max-width:340px}.facts{padding:24px;background:linear-gradient(135deg,#171f29,#10151c);border:1px solid var(--border);border-radius:16px;align-self:start}.facts h2{font-size:24px}.facts .eyebrow{margin-bottom:8px}.facts dl{margin:0}.facts dl>div{padding:10px 0;border-top:1px solid var(--border);display:grid;grid-template-columns:100px 1fr;gap:16px;font-size:13px}.facts dt{color:var(--muted)}.facts dd{margin:0;overflow-wrap:anywhere}.detail>section{margin-bottom:48px}.story{max-width:850px}.story p,.story li{color:#bac2cd}.story h3{margin:28px 0 12px;font-size:18px}.story ul{padding-left:22px}.source-links{display:flex;flex-wrap:wrap;gap:12px}.source-link{padding:12px 18px;min-height:44px;background:var(--panel);border:1px solid var(--border);border-radius:10px;font-size:14px;overflow-wrap:anywhere}.verified{font-size:12px;color:var(--muted);margin:16px 0 0}.watch-panel{display:flex;align-items:center;gap:24px;max-width:680px;border:1px solid var(--border);border-radius:16px;background:var(--panel);padding:24px}.watch-panel>div{flex:1}.watch-panel p{font-size:13px;color:var(--muted);margin:12px 0 0}.watch-panel .button{flex-shrink:0;max-width:230px}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.related-card{gap:14px;padding:14px;border-radius:16px}.related-card .poster{width:70px}.related-card h3{font-size:16px;line-height:1.25}.related-card .platform{font-size:12px;flex-wrap:wrap;gap:5px}.about-wrap{padding-top:64px;padding-bottom:32px}.about{max-width:880px;margin:auto;padding:80px;border:1px solid var(--border);border-radius:24px;background:radial-gradient(circle at 95% 5%,#32212a,transparent 40%),linear-gradient(135deg,#17202b,#10151d);position:relative;overflow:hidden}.about:before{content:'';position:absolute;width:240px;height:240px;border:1px solid #69404d;border-radius:50%;right:-110px;top:-110px;pointer-events:none}.about p{color:#b9c3cf}.about .eyebrow{color:#ff7868}.about .intro{font-size:22px;color:var(--text);margin-bottom:28px}.about .button{margin-top:20px}.error{padding:100px 0}.sr-only,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{width:auto;height:auto;clip-path:none;z-index:5;background:var(--panel);padding:12px}
@media(min-width:768px){.hero:before{content:'';position:absolute;inset:16px 0 16px 36%;background:linear-gradient(90deg,#090c11,transparent 40%);border-radius:24px;z-index:1;pointer-events:none}}
@media(min-width:1200px){.card:not(.related-card){min-height:336px}}
@media(max-width:1199px){.shell{width:calc(100% - 48px)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.identity{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.facts{max-width:680px;width:100%}.hero:before{left:38%}.identity h1{font-size:52px}}
@media(max-width:767px){body{font-size:15px}.shell{width:calc(100% - 32px)}.bar{min-height:70px;gap:16px}.brand{gap:10px}.brand img{width:34px;height:38px}.brand strong{font-size:23px}.brand small{font-size:10px}.hero{padding:32px 0;min-height:0}.hero h1{font-size:42px;letter-spacing:-1px}.benefits{gap:14px;font-size:10px}.eyebrow{font-size:11px}h2{font-size:24px}.section-head{align-items:flex-start}.section-head>span{font-size:11px;text-align:right;flex-shrink:0;padding-top:6px}.grid{grid-template-columns:1fr;gap:16px}.card{gap:16px;padding:16px}.card .poster{width:114px}.card h3{font-size:20px}.number{margin:0 0 10px}.recommendation{margin:14px 0;font-size:13px}.tags{padding-top:5px}.tags>span{font-size:12px;padding:4px 6px}.platform{font-size:12px}.collection{padding-top:24px}.identity-main{gap:16px}.identity-main>.poster{width:114px}.identity h1{font-size:42px;line-height:1.08;overflow-wrap:anywhere}.identity .eyebrow{margin-bottom:12px}.identity{gap:24px}.watch-action{margin-left:calc(-114px - 16px);padding-top:12px}.watch-action .button{width:100%}.watch-action .hint{max-width:none}.identity .tags{margin-bottom:12px}.facts{padding:20px}.facts dl>div{grid-template-columns:100px 1fr}.detail>section{margin-bottom:36px}.watch-panel{display:block;padding:20px}.watch-panel .button{max-width:none;width:100%;margin-top:20px}.related-grid{grid-template-columns:1fr}.related-card .poster{width:88px}.related-card h3{font-size:16px}.related .section-head{flex-wrap:wrap;gap:6px}.related .section-head a{font-size:12px}.about-wrap{padding-top:32px}.about{padding:32px 24px}.about h1{font-size:42px}.about .intro{font-size:20px}footer{margin-top:40px}footer .bar{padding:28px 0;flex-wrap:wrap;min-height:140px}footer .bar>span{width:100%;margin-left:44px;font-size:12px}.source-links{display:grid}.source-link{font-size:13px}.back{margin-bottom:20px}}
@media(max-width:385px){.shell{width:calc(100% - 28px)}.card{padding:12px;gap:12px}.card .poster,.identity-main>.poster{width:88px}.identity-main{gap:12px}.watch-action{margin-left:calc(-88px - 12px)}.brand strong{font-size:21px}.brand small{font-size:9px}.bar{gap:10px}.identity h1{font-size:42px}.benefits{gap:8px}.tags{gap:4px}.section-head{flex-wrap:wrap}.section-head>span{padding-top:0}.about{padding:28px 20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.hero-art{display:none}@media(min-width:768px){.hero-art{display:block;position:absolute;inset:16px 0 16px 36%;border-radius:24px;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover}.hero-copy{z-index:2}}@media(min-width:768px) and (max-width:1199px){.hero-art{left:38%}}

/* V1.7 home collection and the nine new detail pages. Old detail markup stays on its original rules. */
[hidden]{display:none!important}
button{font:inherit;cursor:pointer}
button:focus-visible{outline:3px solid #ff8a68;outline-offset:3px}
.js [data-collection]:not(.expanded)>.card:nth-child(n+31){display:none}
.pagination{display:none}.js .pagination{display:flex}.pagination button{border:1px solid #465260;border-radius:30px;padding:12px 30px;min-height:44px;background:#111722;color:var(--text);font-size:14px;font-weight:bold}
.pagination button:hover{border-color:#ff858d;color:#ff858d}
.quick-answer{color:#c5ccd6;font-size:16px;line-height:1.55;margin:0 0 18px}
.detail-v17 .identity{margin-bottom:34px}
.detail-v17 .identity-main>.poster{width:220px}
.detail-v17 .identity h1{font-size:46px}
.detail-v17 .facts{background:#121922}
.detail-v17 .facts dl>div{border-color:#293440}
.detail-v17 .story,.detail-v17 .sources,.detail-v17 .watch-section{padding-top:30px;border-top:1px solid var(--border)}
.detail-v17 .story h2:not(:first-of-type){margin-top:30px}
.detail-v17 .related .recommendation{font-size:12px;margin:10px 0 6px}
.editor-rating{display:grid;grid-template-columns:240px 1fr;gap:34px;padding:24px;margin-bottom:48px;border:1px solid var(--border);border-radius:18px;background:#121922}
.rating-score{border-right:1px solid var(--border);padding-right:24px}
.rating-score .eyebrow{margin:0 0 4px;font-size:10px}
.rating-score h2{font-size:18px;margin:0}
.rating-score p{margin:0;line-height:1.1}
.rating-score strong{font-size:48px}.rating-score p span{color:var(--muted);font-weight:bold}
.rating-stars{font-size:23px;letter-spacing:3px;white-space:nowrap;background:linear-gradient(90deg,#ff7868 var(--rating-pct),#46505b var(--rating-pct));-webkit-background-clip:text;background-clip:text;color:transparent}
.rating-copy{align-self:center}.rating-copy h3{font-size:23px;margin-bottom:10px}.rating-copy p{color:#bac2cd;margin-bottom:12px}.rating-copy small{color:var(--muted)}
.app-watch{border:0}.modal-open{overflow:hidden}
.app-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px}
.app-modal-shade{position:absolute;inset:0;background:rgba(0,0,0,.58)}
.app-dialog{position:relative;width:min(800px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:36px;background:#151d28;border:1px solid #3e4b59;border-radius:20px;box-shadow:0 24px 70px #0009;outline:none}
.app-dialog h2{margin:0 0 10px}.app-dialog>p:not(.eyebrow){color:#bac2cd}
.app-close{position:absolute;right:20px;top:16px;min-width:44px;min-height:44px;border:0;background:transparent;color:#fff;font-size:30px}
.copy-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--border)}
.copy-row>div{flex:1;min-width:0;overflow-wrap:anywhere}.copy-row small{display:block;color:var(--muted)}.copy-row strong{display:block}
.copy-row button{min-height:44px;min-width:80px;border:1px solid #566372;border-radius:9px;background:#202a36;color:#fff}
.copy-row button:hover{border-color:#ff858d}.copy-error{width:100%;font-size:13px;color:#ff9e91}
@media(max-width:767px){.detail-v17 .identity h1{font-size:36px}.detail-v17 .identity-main>.poster{width:114px}.detail-v17 .watch-action{margin-left:calc(-114px - 16px)}.editor-rating{grid-template-columns:1fr;gap:20px;padding:20px}.rating-score{border-right:0;border-bottom:1px solid var(--border);padding:0 0 18px}.app-dialog{padding:28px 20px}.quick-answer{font-size:14px}}
@media(max-width:385px){.detail-v17 .identity-main>.poster{width:88px}.detail-v17 .watch-action{margin-left:calc(-88px - 12px)}}

/* V1.9 conditional information modules; existing pages retain their styles. */
.detail-v19 .social-titles,.detail-v19 .attention{padding-top:30px;border-top:1px solid var(--border);max-width:850px;overflow-wrap:anywhere}
.detail-v19 .social-titles dl{margin:0;padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}
.detail-v19 .social-titles dl>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;padding:12px 0;border-bottom:1px solid var(--border)}
.detail-v19 .social-titles dl>div:last-child{border-bottom:0}
.detail-v19 .social-titles dt,.detail-v19 .attention p{color:#bac2cd}.detail-v19 .social-titles dd{margin:0}
.detail-v19 .text-link{color:#ff858d;text-decoration:underline;text-underline-offset:3px}
.detail-v19 .watch-cta{flex:0 1 230px}.detail-v19 .watch-cta .button{max-width:100%}
@media(max-width:767px){.detail-v19 .social-titles dl{padding:16px}.detail-v19 .social-titles dl>div{grid-template-columns:1fr;gap:6px}.detail-v19 .watch-cta .hint{max-width:none}}

.poster picture{display:block;width:100%;height:100%}

/* Page-supplied image framing and secondary destinations. */
.detail-framed .identity-main>.poster.landscape{aspect-ratio:16/9}
.detail-framed .watch-cta>.source-link{display:inline-flex;margin-top:12px}
