*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080808;color:#f5f5f5;font-family:Arial,Helvetica,sans-serif}.top{height:66px;position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:15px;padding:0 4%;background:#090909ee;border-bottom:1px solid #292929;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;margin-right:auto}.brandLogo{width:78px;height:45px;object-fit:contain}.brand span{display:flex;flex-direction:column}.brand b{font-size:14px}.brand small{font-size:8px;color:#999;letter-spacing:1px}.topActions{display:flex;gap:7px}.topBtn{border:1px solid #444;background:#181818;color:#fff;padding:9px 12px;border-radius:7px;text-decoration:none;cursor:pointer;font-weight:700;font-size:12px}.contactBtn{border-color:#f28b16}.menuPanel{position:fixed;right:18px;top:72px;width:250px;background:#111;border:1px solid #333;border-radius:12px;padding:10px;display:none;z-index:110;box-shadow:0 18px 50px #000}.menuPanel.open{display:flex;flex-direction:column}.menuPanel a{padding:13px;color:#fff;text-decoration:none;border-bottom:1px solid #292929}.hero{min-height:570px;display:flex;align-items:center;padding:90px 7%;position:relative;isolation:isolate;background-size:cover;background-position:center;animation:heroPulse 18s ease-in-out infinite}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000d 0%,#0009 52%,#0004 100%);z-index:-1}.heroText{max-width:760px}.tag{color:#ff9418;font-size:11px;font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(44px,8vw,90px);line-height:.95;margin:15px 0}.hero h1 i{font-style:normal;color:#ff8a00}.hero p{font-size:18px;line-height:1.6;color:#ddd}.btn{display:inline-block;border:0;background:#f07f00;color:#111;padding:12px 16px;border-radius:8px;font-weight:900;text-decoration:none;cursor:pointer}.dark,.darkBtn{background:#262626!important;color:#fff!important}.heroBtns{display:flex;gap:10px;flex-wrap:wrap}.section{padding:65px 5%}.darksec{background:#101010}.title{margin-bottom:26px}.title h2,.radio h2{font-size:36px;margin:8px 0}.title p,.radio p,.hint{color:#999}.channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:18px}.channel,.mediaCard,.miniCard,.card{background:#131313;border:1px solid #2c2c2c;border-radius:13px;overflow:hidden}.player{position:relative;aspect-ratio:16/9;background:#020202}.player video,.player iframe,.miniPlayer video,.adultPlayer video{width:100%;height:100%;display:block;border:0}.emptyMsg{position:absolute;inset:0;display:grid;place-items:center;color:#777;font-size:12px}.liveBadge{display:inline-block;color:#ff5a5a;font-size:10px;font-weight:900;margin-bottom:5px}.chbody{padding:14px}.chbody h3{margin:0 0 7px}.chbody p{color:#888;font-size:12px;min-height:30px}.streamTools{display:flex;gap:7px;flex-wrap:wrap}.streamTools button,.streamTools label,.smallBtn,.smallUpload{background:#1d1d1d;color:#fff;border:1px solid #444;border-radius:7px;padding:8px 10px;font-size:11px;cursor:pointer}.streamTools input,.smallUpload input{display:none}.payCinema{display:grid;grid-template-columns:2.3fr 1fr;gap:20px}.cinemaGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.mediaCard{position:relative;padding-bottom:10px}.mediaCard>img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}.mediaOverlay{position:absolute;left:8px;right:8px;bottom:68px;padding:10px;background:#000b;border-radius:8px}.mediaOverlay b,.mediaOverlay span{display:block}.mediaOverlay span{color:#bbb;font-size:10px;margin-top:4px}.miniPlayer{margin:10px 0;background:#000;aspect-ratio:16/9;border-radius:7px;overflow:hidden}.paymentCard{background:#151515;border:1px solid #333;border-radius:13px;padding:20px;height:max-content;position:sticky;top:85px}.paymentCard label,.adminbox label{display:block;font-size:11px;color:#aaa;margin:12px 0 5px}.paymentCard input,.paymentCard select,.adminbox input{width:100%;padding:11px;background:#202020;color:#fff;border:1px solid #444;border-radius:7px}.full{width:100%;margin-top:15px}.miniGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.miniCard{padding:0}.miniCard>img{width:100%;aspect-ratio:2/3;object-fit:cover}.miniCard>div{padding:12px}.miniCard b,.miniCard span{display:block}.miniCard span{font-size:10px;color:#999;margin-top:3px}.smallUpload{display:inline-block;margin-top:7px}.adultGate{max-width:600px;margin:auto;padding:45px 25px;text-align:center;background:#151515;border:1px solid #444;border-radius:14px}.lock{font-size:40px}.adultPlayer{max-width:900px;margin:auto;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}.adultUnlocked{text-align:center}.darkBtn{border:1px solid #444;padding:9px 13px;border-radius:7px;cursor:pointer;margin:10px}.playlistWrap{display:grid;grid-template-columns:2fr 1fr;gap:18px}.playlistPlayer{position:relative;background:#000;border:1px solid #333;border-radius:12px;overflow:hidden}.playlistPlayer video{width:100%;display:block;aspect-ratio:16/9}.uploadBtn{position:absolute;left:12px;bottom:12px;background:#f07f00;color:#111;padding:9px 12px;border-radius:7px;font-weight:900;font-size:11px;cursor:pointer}.uploadBtn input{display:none}.playlistItems{display:flex;flex-direction:column;gap:8px;max-height:430px;overflow:auto}.playlistItem{display:grid;grid-template-columns:38px 1fr;text-align:left;gap:3px 9px;padding:12px;background:#141414;border:1px solid #2b2b2b;border-radius:8px;color:#fff;cursor:pointer}.playlistItem span{grid-row:1/3;color:#f08b10;font-weight:900}.playlistItem b{font-size:12px}.playlistItem small{font-size:10px;color:#777}.radio{background:#190b0b}.radioPlayer{max-width:850px}.radio audio{width:100%;margin:20px 0}.radioShortcut{display:flex;gap:8px;flex-wrap:wrap}.radioShortcut input{flex:1;min-width:230px;padding:11px;background:#202020;color:#fff;border:1px solid #444;border-radius:7px}.radioShortcut button{padding:10px 13px;border:0;border-radius:7px;background:#f07f00;cursor:pointer;font-weight:800}.progrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.procard{padding:22px;display:flex;flex-direction:column;gap:10px}.procard span{color:#888;font-size:12px}.procard a{color:#ff9a25;text-decoration:none;margin-top:auto}.notice{padding:14px;background:#161616;border:1px solid #333;border-radius:10px;color:#bbb;font-size:12px}.dataProtection{background:#0c0c0c}footer{padding:28px 5%;display:flex;gap:20px;align-items:center;flex-wrap:wrap;border-top:1px solid #292929;color:#888;font-size:12px}footer div:first-child{display:flex;gap:15px;margin-right:auto}footer a{color:#ddd}.social{display:flex;gap:12px}.adminbox{max-width:1200px;margin:auto}.card{padding:18px;margin:16px 0}.adminRow{display:grid;grid-template-columns:160px 1fr 1fr 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #252525}.adminRow input{margin:0}.adminbox h1{font-size:38px}.adminbox .btn{margin-top:10px}@keyframes heroPulse{0%,100%{background-position:50% 50%}50%{background-position:54% 46%}}@media(max-width:850px){.top{padding:0 3%}.brand span{display:none}.topBtn{padding:8px}.hero{min-height:500px;padding:70px 6%}.section{padding:50px 5%}.payCinema,.playlistWrap,.progrid{grid-template-columns:1fr}.paymentCard{position:static}.adminRow{grid-template-columns:1fr}.hero h1{font-size:54px}}

.logoOnlyLive .player{aspect-ratio:16/9;background:#050505}
.liveLogoStage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:radial-gradient(circle,#202020 0%,#050505 72%)}
.liveWindowLogo{width:min(42%,190px);max-height:120px;object-fit:contain;filter:drop-shadow(0 4px 16px #000)}
.liveLogoText{font-size:10px;font-weight:900;letter-spacing:2px;color:#777}
.liveLogoControls{padding:9px;text-align:center}
.logoUploadBtn{display:inline-block;padding:8px 12px;border:1px solid #444;background:#1c1c1c;color:#fff;border-radius:7px;font-size:11px;font-weight:800;cursor:pointer}
.logoUploadBtn input{display:none}

.liveActions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}
.videoUploadBtn,.streamKeyBtn{display:inline-block;padding:8px 12px;border:1px solid #444;background:#1c1c1c;color:#fff;border-radius:7px;font-size:11px;font-weight:800;cursor:pointer}
.videoUploadBtn input{display:none}
.streamKeyBtn{font-family:inherit}
.streamModal{position:fixed;inset:0;z-index:1000;background:#000b;display:grid;place-items:center;padding:20px}
.streamModalCard{position:relative;width:min(620px,100%);max-height:90vh;overflow:auto;background:#111;border:1px solid #444;border-radius:14px;padding:24px;box-shadow:0 20px 80px #000}
.streamModalCard h3{margin:8px 0}.streamModalCard label{display:block;font-size:11px;color:#aaa;margin:12px 0 5px}.streamModalCard input{width:100%;padding:11px;background:#202020;color:#fff;border:1px solid #444;border-radius:7px}.closeModal{position:absolute;right:12px;top:10px;background:none;color:#fff;border:0;font-size:25px;cursor:pointer}.streamHelp{background:#181818;border:1px solid #333;border-radius:8px;padding:12px;margin:15px 0;color:#bbb;font-size:11px;line-height:1.7}

.keyLine{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center}.keyAction{border:1px solid #444;background:#222;color:#fff;border-radius:7px;padding:9px 10px;cursor:pointer;font-size:11px;white-space:nowrap}.keyActions{margin:8px 0}.keyAction.big{width:100%;text-align:center}

.hero{overflow:hidden;background-image:none!important}
.heroBg{position:absolute;inset:0;z-index:-3;overflow:hidden}
.heroBgPhoto{position:absolute;inset:-3%;background-size:cover;background-position:center;opacity:0;transform:scale(1.04);animation:mbokaPhotoFade 18s infinite}
.heroBgPhoto:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000d 0%,#0009 52%,#0005 100%)}
.heroBgPhoto.photo1{background-image:url("assets/fond-mboka-1.png");animation-delay:0s}
.heroBgPhoto.photo2{background-image:url("assets/fond-mboka-2.png");animation-delay:6s}
.heroBgPhoto.photo3{background-image:url("assets/fond-mboka-3.png");animation-delay:12s}
@keyframes mbokaPhotoFade{
  0%{opacity:0;transform:scale(1.04)}
  8%{opacity:1}
  30%{opacity:1;transform:scale(1)}
  38%{opacity:0}
  100%{opacity:0;transform:scale(1.04)}
}
@media(prefers-reduced-motion:reduce){
  .heroBgPhoto{animation:none;opacity:0}
  .heroBgPhoto.photo1{opacity:1}
}

#adminContent[hidden]{display:none!important}.miniPlayer[hidden]{display:none}.adminRow input[placeholder="Nom de la fenêtre"]{font-weight:700}

.seriesPoster{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:14px;margin:10px 0;}
.adminRow input,.adminRow label{margin:4px;}

.adminAccessLink{font-weight:800;border:1px solid #ffffff33;border-radius:10px;padding:8px 12px!important}
.adminAccessCard{max-width:560px;margin:30px auto;text-align:center}
.adminAccessCard input{font-size:1.05rem;padding:12px;width:min(100%,420px);margin:10px auto;display:block}

.adminQuick{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.adminQuick span{padding:8px 10px;border-radius:10px;background:#ffffff10;border:1px solid #ffffff18;font-size:.9rem}.keyEdit{display:flex;gap:6px;align-items:center}.keyEdit input{flex:1}.liveActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.liveActions .dark{background:#111;color:#fff}.adminRow{scroll-margin-top:20px}

.livePlayer{position:relative;min-height:260px;overflow:hidden}.liveVideo{width:100%;height:100%;min-height:260px;background:#000;display:block}.liveStatus{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.72);padding:6px 10px;border-radius:6px;font-size:12px;z-index:4}.liveLogoStage{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000}.liveWindowLogo{max-width:78%;max-height:72%;object-fit:contain}.liveWindowName{margin-top:10px;font-weight:700;text-align:center}

.paymentFields[hidden]{display:none!important}.paymentTwoCols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.adultPaymentCard{max-width:700px;margin:22px auto 0;position:static}.adultPaymentCard h3{margin-top:0}@media(max-width:600px){.paymentTwoCols{grid-template-columns:1fr}}

.menuSubTitle{padding:8px 16px 4px;font-size:.85rem;font-weight:700;opacity:.8}.menuPanel a[href^="#series-window-"]{font-size:.92rem;padding-left:28px}