/* SPLOIDO TV streaming interface skin. */
:root{--bg:#100d1d;--surface:#19152a;--accent:#ff5b32;--gold:#ff5b32;--line:#ffffff1b;color-scheme:dark}
body{background:#100d1d;color:#faf8ff}
.topbar{position:fixed;height:78px;padding-inline:6%;gap:clamp(22px,4vw,60px);background:linear-gradient(180deg,#100d1df5,#100d1dcc);border-bottom:1px solid #ffffff10;backdrop-filter:blur(16px)}
.topbar.scrolled{background:#100d1df5}
.brand{gap:8px;font-size:18px;letter-spacing:.5px;font-weight:800}.brand-mark{width:31px;height:31px;border:0;border-radius:9px;background:#ff5b32;color:#fff;transform:none;font:800 19px var(--sans)}.brand-mark::first-letter{transform:none}.brand-dot{display:none}.brand-watch{margin-left:-5px;color:#ff7654;font-size:10px;letter-spacing:1.2px;align-self:end;margin-bottom:3px}
.main-nav{gap:clamp(17px,2.5vw,34px)}.main-nav a{font-size:12px;font-weight:600;color:#bdb7cc}.main-nav a.active:after{height:3px;border-radius:3px 3px 0 0;background:#ff5b32}.main-nav a.active{color:#fff}
.search-box{height:38px;padding:0 12px;border:1px solid #ffffff21;border-radius:8px;background:#ffffff0a}.search-box input{width:clamp(90px,12vw,170px);font-size:11px}.search-box>span{font-size:16px}.sign-in-button{border:0;border-radius:8px;padding:11px 18px;background:#ff5b32;color:#fff;font-weight:700;font-size:11px}.sign-in-button:hover{background:#ff7654}
.hero{height:min(820px,92svh);min-height:620px;padding-left:7%;padding-bottom:78px;background:#100d1d}.hero-image{inset:0;background-image:url('/assets/noir-cinematic.svg');background-position:center 42%;filter:saturate(.8) hue-rotate(15deg)}.hero-shade{background:linear-gradient(90deg,#100d1df5 0%,#100d1ddf 30%,#100d1d64 64%,#100d1d0d 100%),linear-gradient(0deg,#100d1d 0%,#100d1dcf 7%,transparent 46%,#100d1d50 100%)}
.hero-content{max-width:600px;margin-top:104px}.eyebrow,.section-kicker{color:#ff8063}.live-dot{background:#ff5b32;box-shadow:0 0 13px #ff5b32}.hero h1{font:800 clamp(54px,7.2vw,88px)/.98 var(--sans);letter-spacing:-3.8px;margin:23px 0 18px}.hero-copy{max-width:460px;color:#ded9e8;font-size:15px;line-height:1.7}.hero-meta{color:#ddd8e4;font-size:9px;letter-spacing:1.1px}.hero .button-primary,.button-primary{border:0;border-radius:8px;background:#ff5b32;color:white;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:none;padding:14px 21px}.hero .button-primary:hover,.button-primary:hover{background:#ff7654}.button-glass{border:1px solid #ffffff25;border-radius:8px;background:#ffffff17;color:#fff;text-transform:none;letter-spacing:.3px}.hero-label{right:6%;bottom:60px;color:#e6e2ed}.hero-carousel{left:7%;bottom:22px}.carousel-controls>button:hover{background:#ff5b32;border-color:#ff5b32}.carousel-dot.active{background:#ff5b32}
.content{padding:28px 6% 76px;background:#100d1d}.welcome-row h2,.section-heading h3,.continue-section h3{font-family:var(--sans);font-weight:750;letter-spacing:-.8px}.welcome-row h2{font-size:28px}.welcome-row h2 span{color:#ff7654}.section-heading{margin:28px 0 12px}.section-heading h3,.continue-section h3{font-size:20px}.section-heading p{color:#a7a1b5}.filter-row{gap:10px;padding:18px 0 9px}.chip{padding:9px 15px;border:1px solid #ffffff1c;border-radius:22px;background:#ffffff08;color:#c9c3d2;font-size:11px}.chip.selected,.chip:hover{background:#ff5b32;border-color:#ff5b32;color:white}.vj-tab{border-radius:18px}.vj-tab.active{background:#ff5b32;border-color:#ff5b32}.movie-row{grid-auto-columns:calc((100% - 64px)/5);gap:16px}.movie-poster{aspect-ratio:16/9;border-radius:9px;background-color:#231d34;box-shadow:0 8px 24px #05030b70}.movie-card:hover .movie-poster{transform:translateY(-3px) scale(1.025);border-radius:9px;box-shadow:0 14px 32px #07040caa}.movie-title{font:650 13px var(--sans);margin:10px 0 5px}.movie-meta{font-size:10px;color:#aaa3b6}.poster-vj{border-radius:6px;background:#ff5b32;color:white}.poster-play{border-radius:50%;background:#ff5b32;border:0}.poster-rating{border-radius:5px;background:#100d1dcc}.save-film{border-radius:50%}.more-info{color:#ff8063}.watchlist-empty{border:1px solid #ffffff14;border-radius:9px;background:#19152a;color:#b4aec0}.continue-section{border-color:#ffffff13}
.membership-section{background:#19152a}.membership-copy h2{font-family:var(--sans);font-weight:800}.membership-copy .button{border-radius:8px;text-transform:none}.membership-status{color:#d2ccdc}.upload-button{border:1px solid #ff5b3280;border-radius:7px;color:#ff8063}.upload-button:hover{background:#ff5b32;color:white}.upload-dialog,.player-dialog{border-radius:12px;background:#19152a}.upload-dialog input,.upload-dialog select,.upload-dialog textarea{border-radius:7px;background:#100d1d}.close-player,.close-upload{border-radius:50%}footer{background:#100d1d;border-color:#ffffff13}.player-dialog::backdrop,.upload-dialog::backdrop{background:#080611d9;backdrop-filter:blur(8px)}
.movies-only .hero,.movies-only .series-heading,.movies-only .series-row,.movies-only #my-list,.movies-only #continue-section,.movies-only .membership-section,body.movies-only>footer,body.movies-only>.legal-notes{display:none!important}.movies-only .content{padding-top:112px;min-height:90vh}.movies-only .welcome-row{margin-bottom:4px}
.movie-card{animation:sploido-card-in .48s cubic-bezier(.2,.75,.25,1) both;animation-delay:var(--card-delay,0ms)}.movie-poster{transition:transform .28s ease,box-shadow .28s ease,filter .28s ease;background-position:center;will-change:transform}.movie-card:hover .movie-poster{filter:saturate(1.12) brightness(1.08)}.hero-image{transition:opacity .45s ease,background-image .45s ease}.movie-card .movie-title,.movie-card .movie-meta{transition:color .2s ease,transform .25s ease}.movie-card:hover .movie-title{color:#fff;transform:translateY(-1px)}.movie-card:hover .movie-meta{color:#d6cde2}
@keyframes sploido-card-in{from{opacity:0;transform:translateY(13px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1000px){.topbar{gap:20px}.movie-row{grid-auto-columns:calc((100% - 42px)/4);gap:14px}.main-nav{gap:16px}}
@media(max-width:700px){.topbar{height:64px;padding-inline:5%;gap:10px}.brand{font-size:15px}.brand-mark{width:27px;height:27px}.brand-watch{font-size:8px}.header-actions{gap:7px}.search-box{padding:0 7px}.sign-in-button{padding:10px 12px}.hero{height:88svh;min-height:610px;padding:86px 7% 78px;align-items:end}.hero-content{margin:0 0 28px}.hero h1{font-size:clamp(44px,11vw,62px);letter-spacing:-1.9px}.hero-copy{font-size:13px}.hero-meta{font-size:8px;gap:9px}.content{padding:23px 5% 58px}.welcome-row h2{font-size:22px}.movie-row{grid-auto-columns:72%;gap:12px}.movie-poster{aspect-ratio:16/9}.filter-row{overflow:auto;flex-wrap:nowrap}.chip{flex:0 0 auto}.hero-label{display:none}.hero-carousel{bottom:17px}}
@media(max-width:390px){.search-box input{width:67px}.brand{gap:5px}.brand-watch{font-size:7px}.sign-in-button{font-size:10px;padding:9px}}

/* SPLOIDO browse refresh: compact cinema navigation, portrait artwork, and browsable rails. */
:root{--bg:#030817;--surface:#0b1425;--accent:#12c76a;--gold:#12c76a;--line:#ffffff1c;color-scheme:dark}
html{scroll-padding-top:82px}
body{background:#030817;color:#f6f8fc}
.topbar{height:72px;padding-inline:4.5%;gap:clamp(14px,2.4vw,38px);background:linear-gradient(180deg,#020613f5,#020613d9);border:0}
.brand{font-size:19px;letter-spacing:.2px;white-space:nowrap}.brand-mark{width:30px;height:30px;background:#12c76a;color:#03120b;border-radius:7px}.brand-watch{margin-left:-5px;color:#12c76a;font-size:11px;letter-spacing:.8px}
.main-nav{gap:clamp(12px,1.9vw,27px);white-space:nowrap}.main-nav a{font-size:12px;color:#e4e9f2}.main-nav a.active,.main-nav a:hover{color:#15d371}.main-nav a.active:after{background:#12c76a;height:2px}
.header-actions{gap:10px}.search-box{height:36px;background:#ffffff0b;border-color:#ffffff24}.search-box input{width:clamp(90px,12vw,155px);font-size:12px}.sign-in-button{border:1px solid #12c76a;border-radius:5px;color:#18d275;padding:9px 13px;font-weight:700}
.hero{height:min(690px,78svh);min-height:510px;padding-left:5%;padding-bottom:65px;padding-top:72px}
.hero-image{background-position:center 36%;filter:saturate(.92)}.hero-shade{background:linear-gradient(90deg,#030817f5 0%,#030817d9 25%,#0308174a 64%,#03081712 100%),linear-gradient(0deg,#030817 0%,#030817a6 8%,transparent 53%,#03081755 100%)}
.hero-content{max-width:620px;margin-top:70px}.hero h1{font-size:clamp(40px,5.6vw,70px);letter-spacing:-2.3px;margin:16px 0 9px}.hero-copy{font-size:14px;line-height:1.5;max-width:560px}.hero-meta{font-size:9px}.hero .button-primary,.button-primary{background:#12ae5c;border-radius:24px;padding:12px 20px}.hero .button-primary:hover,.button-primary:hover{background:#19d574}.button-glass{border-radius:24px}.hero-carousel{left:5%;bottom:20px}.carousel-caption{display:none}.carousel-controls>button:hover{background:#12c76a;border-color:#12c76a}
.content{padding:26px 4.5% 66px;background:#030817}.welcome-row{margin-bottom:4px}.welcome-row .section-kicker{display:none}.welcome-row h2{font-size:25px;letter-spacing:-.4px}.section-heading{margin:18px 0 9px}.section-heading h3,.continue-section h3{font-size:17px;letter-spacing:0}.section-heading p{display:none}.filter-row{padding:8px 0 14px;gap:8px}.chip{padding:7px 12px;border-radius:18px;font-size:11px}.chip.selected,.chip:hover,.vj-tab.active{background:#12a85b;border-color:#12a85b}.vj-discovery{display:flex;align-items:center;gap:12px;margin:4px 0 12px}.vj-discovery>.section-kicker{font-size:9px;white-space:nowrap}.vj-tab{padding:6px 11px;font-size:10px}
.movie-row{grid-auto-columns:calc((100% - 72px)/5);gap:18px;padding:3px 0 14px;scroll-snap-type:x mandatory}.movie-poster{aspect-ratio:2/3;border-radius:5px;background-color:#111a29;box-shadow:0 8px 24px #0008}.movie-card:hover .movie-poster{transform:translateY(-3px) scale(1.025);border-radius:5px}.movie-title{font-size:13px;margin:8px 0 3px}.movie-meta{font-size:9px;letter-spacing:.4px}.poster-vj{position:absolute;z-index:2;right:5px;top:5px;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 6px;background:#12a85b;color:#fff;border-radius:4px;font-size:9px}.poster-rating{left:6px;right:auto;top:6px;background:#0b1425bd;border-radius:4px;padding:3px 5px;font-size:9px}.save-film{top:5px;left:5px;right:auto;opacity:.95;background:#101827b8;color:#fff}.poster-play{background:#12a85b}.more-info{display:none}
.browse-rail{margin:8px 0 4px}.browse-rail .section-heading{margin:9px 0 5px}.browse-rail .arrows{display:flex;gap:6px}.browse-rail .arrows button{width:30px;height:30px;border:1px solid #ffffff28;border-radius:50%;background:#182437;color:#fff;font-size:21px}.browse-rail .arrows button:hover{background:#12a85b}.rail-row{grid-auto-columns:calc((100% - 72px)/5)}#home-rails[hidden]{display:none}.series-heading{margin-top:22px}
.movies-only .content{padding-top:100px}.movies-only #home-rails,.movies-only .filter-row,.movies-only .vj-discovery,.movies-only .series-heading,.movies-only .series-row,.movies-only #my-list,.movies-only #continue-section{display:none!important}.movies-only .section-heading:not(.series-heading){margin-top:0}.movies-only #movie-row{display:grid}
.continue-section{margin-top:26px;padding-top:6px;border-color:#ffffff12}.watchlist-empty{background:#101827;border-color:#ffffff20}.membership-section{background:#0b1425}footer{background:#030817}.brand-dot{display:none}
.content>.section-heading:not(.series-heading),.content>#movie-row{display:none}.movies-only .content>.section-heading:not(.series-heading){display:flex}.movies-only .content>#movie-row{display:grid}
@media(max-width:1000px){.topbar{padding-inline:3%;gap:12px}.main-nav{gap:11px}.main-nav a{font-size:10px}.movie-row,.rail-row{grid-auto-columns:calc((100% - 48px)/4)}.header-actions{gap:6px}}
@media(max-width:700px){.topbar{height:62px;padding-inline:4%;gap:9px}.brand{font-size:16px}.brand-mark{width:26px;height:26px}.main-nav{display:none}.header-actions{margin-left:auto}.search-box input{width:90px}.hero{height:73svh;min-height:490px;padding:78px 6% 62px;align-items:end}.hero-content{margin:0 0 24px}.hero h1{font-size:clamp(38px,10vw,58px)}.hero-copy{font-size:12px}.content{padding:18px 4% 50px}.welcome-row h2{font-size:21px}.movie-row,.rail-row{grid-auto-columns:calc((100% - 28px)/2.3);gap:12px}.movie-poster{aspect-ratio:2/3}.movie-title{font-size:12px}.section-heading h3,.continue-section h3{font-size:15px}.vj-discovery{display:block}.vj-discovery>.section-kicker{display:block;margin-bottom:6px}.filter-row{overflow:auto;flex-wrap:nowrap}.chip{flex:0 0 auto}.series-heading{margin-top:18px}.hero-label{display:none}.hero-carousel{bottom:13px}.browse-rail .arrows button{width:27px;height:27px}}
@media(max-width:390px){.search-box input{width:67px}.main-nav{display:none}.brand{font-size:14px}.header-actions .upload-button{display:none}}