*{box-sizing:border-box}body{margin:0;background:#08090a;color:#fff;font:15px Arial,sans-serif}button{cursor:pointer;font:inherit}header{height:68px;display:flex;align-items:center;gap:24px;padding:0 3%;border-bottom:1px solid #b9710e;background:#08090a;position:sticky;top:0;z-index:5}.brand{font-size:clamp(22px,3vw,39px);font-weight:1000;letter-spacing:-2px;font-style:italic;white-space:nowrap}.brand b{background:linear-gradient(#fff5aa,#ff9700);color:transparent;background-clip:text}.brand span{font-size:14px;color:#080808;background:#fbb123;border-radius:100%;padding:2px}nav{display:flex;gap:5px;align-items:center;flex:1}nav button,.section-title button,.avatar{background:none;border:0;color:#eee;padding:10px 12px}nav button.active{color:#ffb21c;background:#2a1706;border:1px solid #945408;border-radius:9px}#search{background:#15191b;border:1px solid #41474b;border-radius:30px;padding:12px;color:white;min-width:190px;width:24%}.avatar{border:2px solid #fba500;border-radius:50%}main{max-width:1800px;margin:auto}.hero{height:clamp(290px,31vw,485px);background:radial-gradient(ellipse at 76% 50%,#5e260e 0%,#23160f 33%,#070707 70%);position:relative;display:flex;align-items:center;border-bottom:2px solid #c97b0a;overflow:hidden}.hero:after{content:'ANFLIX';position:absolute;right:6%;font-size:clamp(75px,17vw,280px);font-weight:1000;color:#ff950010;transform:rotate(-12deg);pointer-events:none}.hero-overlay{padding:4%;max-width:670px;z-index:1}.pill{background:#c90808;border-radius:7px;padding:7px 12px;font-weight:bold}.hero h1{font-size:clamp(31px,5vw,73px);line-height:1.04;margin:20px 0 12px;text-shadow:0 2px 15px #000}.hero h1 em{color:#ffad12;font-style:normal}.hero p{line-height:1.6;color:#ddd}.actions{display:flex;gap:10px;margin-top:20px}.actions button{padding:13px 23px;border-radius:8px;font-weight:bold}.primary{background:linear-gradient(#ffcf22,#ff8a00);border:1px solid #ffbf00;color:#080808}.secondary{background:#1119;border:1px solid #987b55;color:white}.dots{position:absolute;bottom:14px;right:25px}.dots i{display:inline-block;width:8px;height:8px;background:#ff9b00;border-radius:50%;margin:3px}.section-title{display:flex;align-items:center;justify-content:space-between;padding:5px 3%}.section-title h2{font-size:21px;margin:15px 0 8px}.section-title small{font-size:12px;background:#df0505;padding:4px 8px;border-radius:12px}.section-title button{color:#ffb11b}.rail{display:flex;gap:12px;overflow-x:auto;padding:8px 3% 18px;scrollbar-width:thin;scrollbar-color:#8b5a0d #111}.item{flex:0 0 165px;min-width:0;cursor:pointer}.poster{height:215px;background:linear-gradient(130deg,#271d17,#14191b);border:1px solid #363636;border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.poster img{width:100%;height:100%;object-fit:cover}.poster .fallback{font-size:44px;color:#ffab16}.item h3{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:8px 2px 4px}.item p{font-size:12px;color:#aaa;margin:0 2px}.catalog[data-kind=live] .poster{height:110px;background:#101416}.catalog[data-kind=live] .item{flex-basis:135px}#status{margin:14px 3%;color:#b9b9b9;font-size:13px}.player-backdrop{position:fixed;inset:0;background:#000e;z-index:20;display:grid;place-items:center;padding:12px}.player-backdrop[hidden],[hidden]{display:none!important}.player-box{width:min(100%,1000px);background:#111;border:1px solid #9b650b;border-radius:10px;padding:12px}.player-head{display:flex;justify-content:space-between;align-items:center;padding:8px}.player-head button{background:#32200a;color:#fff;border:0;padding:9px;border-radius:6px}video{width:100%;max-height:72vh;background:#000}#playerError{color:#ffbf5a}footer{display:none}@media(max-width:800px){header{height:64px;padding:0 12px;gap:8px;flex-wrap:wrap}.brand{font-size:27px;margin:auto}nav{order:3;flex:0 0 100%;overflow:auto;border-top:1px solid #4c2b08;justify-content:space-between;gap:0}nav button{font-size:12px;padding:10px 8px;white-space:nowrap}header{height:109px}#search{position:absolute;top:114px;left:4%;width:92%;z-index:2;background:#101316}main{padding-top:49px}.hero{height:350px}.hero-overlay{padding:20px}.hero h1{font-size:38px}.hero p{font-size:13px}.actions button{padding:12px}.section-title h2{font-size:17px}.item{flex-basis:110px}.poster{height:146px}.catalog[data-kind=live] .item{flex-basis:95px}.catalog[data-kind=live] .poster{height:85px}.item h3{font-size:12px}.rail{gap:9px}.avatar{position:absolute;right:12px;top:12px}footer{position:fixed;bottom:0;left:0;right:0;height:65px;background:#050505;border-top:1px solid #553607;display:flex;justify-content:space-around;z-index:6}footer button{border:0;background:none;color:#bbb;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:24px}footer span{font-size:10px}footer .active{color:#ffa500}body{padding-bottom:70px}}
/* Phase 2: closer to supplied cinematic reference, without copyrighted placeholder art */
body{background:radial-gradient(ellipse at 50% 0%,#211006 0,#08090a 37%)}
.hero{background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(12,9,5,.7) 43%,rgba(9,9,9,.25) 100%),radial-gradient(ellipse at 75% 50%,#7e300d 0%,#251006 43%,#080808 78%)}
.hero:before{content:'';position:absolute;inset:0;opacity:.3;background:repeating-linear-gradient(118deg,transparent 0,transparent 85px,#ff8b0014 86px,transparent 88px);pointer-events:none}
.hero-overlay{position:relative}.section-title{border-top:1px solid #5c2c09;background:linear-gradient(90deg,#211008 0%,#08090a 55%)}
.item:hover .poster,.item:focus-visible .poster{border-color:#ff9f00;box-shadow:0 0 12px #f90a;transform:translateY(-2px)}.poster{transition:transform .15s,box-shadow .15s}
#status[data-state=error]{color:#ffc067}#status[data-state=ok]{color:#b9cbb0}
@media(max-width:800px){.hero{height:350px}.hero:after{font-size:100px;right:-15px}.section-title{padding:5px 3%}.item:hover .poster{transform:none}}

.details-box{width:min(94vw,920px);max-height:90vh;overflow:auto;background:linear-gradient(125deg,#23190f,#090b0d 65%);border:1px solid #9b650b;border-radius:14px;padding:20px;position:relative}
.close-details{display:block;margin-left:auto;background:#30251c;color:white;border:1px solid #8e6c32;border-radius:7px;padding:9px 14px}
.details-layout{display:grid;grid-template-columns:230px 1fr;gap:24px;align-items:start}.detail-poster{aspect-ratio:2/3;border-radius:12px;background:#15191c;display:grid;place-items:center;overflow:hidden;font-size:55px}.detail-poster img{width:100%;height:100%;object-fit:cover}.details-info h2{font-size:32px}.details-info p{color:#bbb}
#seasonSelect{margin:8px 0 14px;padding:10px 14px;background:#171717;color:white;border:1px solid #8b5b19;border-radius:7px}.episode-list{display:grid;gap:7px;max-height:270px;overflow:auto}.episode{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:11px 13px;border-radius:7px;background:#161616;color:white;border:1px solid #36302a}.episode:hover{border-color:#ffa500}.episode small{color:#ffb321}.player-controls{display:flex;gap:8px;padding:9px 0}.player-controls button{background:#292018;color:white;border:1px solid #725019;padding:8px;border-radius:7px}
@media(max-width:600px){.details-layout{grid-template-columns:1fr}.detail-poster{max-width:150px}.details-box{padding:12px}.details-info h2{font-size:23px}}