*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:"Open Sans",Arial,Helvetica,sans-serif;color:#fff;background:#0b0d0c}a{color:inherit;text-decoration:none}button{font:inherit}[hidden]{display:none!important}
.page-background,.page-shade{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.page-background{object-fit:cover;z-index:-2}.page-shade{background:rgba(0,0,0,.6);z-index:-1}.page-content{min-height:100vh;padding-bottom:38px}
.top-banner{width:100%;min-height:58px;margin:0;padding:7px 12px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:rgba(12,34,39,.84)}.top-banner img,.top-banner iframe{display:block;max-width:100%}.top-banner img{height:auto}
.site-header{position:relative;min-height:78px;overflow:hidden;background:#141414}.header-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}.header-inner{position:relative;z-index:1;max-width:1184px;min-height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-block{align-self:stretch;display:flex;align-items:center;gap:12px;min-width:0;padding:10px 24px 10px 16px;background:rgba(0,0,0,.82);position:relative}.brand-block:after{content:"";position:absolute;left:100%;top:0;border-top:78px solid rgba(0,0,0,.82);border-right:34px solid transparent}.brand-logo{display:block;max-width:70px;max-height:55px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;min-width:0;font-size:19px;font-weight:700;line-height:1.12}.brand-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-copy small{font-size:11px;font-weight:600;opacity:.7;margin-top:4px}.login-link{background:rgba(0,0,0,.78);padding:16px 24px;min-width:105px;text-align:center;clip-path:polygon(18px 0,100% 0,100% 100%,0 100%);font-size:14px;font-weight:700}.login-link span{font-size:10px;margin-right:5px}.login-link:hover{background:rgba(15,15,15,.95)}.header-bars{position:absolute;z-index:2;bottom:0;left:0;right:0;height:6px;display:grid;grid-template-columns:repeat(5,1fr);gap:0}.header-bars span:nth-child(1){background:#e5281d}.header-bars span:nth-child(2){background:#ff8e23}.header-bars span:nth-child(3){background:#ffd447}.header-bars span:nth-child(4){background:#26a63f}.header-bars span:nth-child(5){background:#1687d7}
.player-wrap{width:min(1184px,calc(100% - 36px));margin:0 auto}.hero-title{text-align:center;margin:20px auto 0;padding:0 12px}.hd-badge{display:block;width:min(694px,100%);height:auto;margin:0 auto 14px}.hero-title h1{display:inline-block;max-width:100%;margin:0;padding:8px 15px;background:rgba(0,0,0,.52);font-size:clamp(22px,3.5vw,38px);font-weight:700;line-height:1.25;overflow-wrap:anywhere}.video-shell{margin-top:25px;background:#000;box-shadow:0 12px 35px rgba(0,0,0,.45)}.video-screen{position:relative;width:100%;aspect-ratio:1201/550;min-height:300px;background:#000;overflow:hidden}.video-poster,.popup-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-poster{opacity:.84}.video-action{position:absolute;inset:0;z-index:1}.countdown-panel,.locked-panel{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.countdown-panel{background:rgba(0,0,0,.34);pointer-events:none}.loader-image{width:110px;height:110px;object-fit:contain}.loader-fallback{width:66px;height:66px;border:7px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:hs-spin 1s linear infinite}@keyframes hs-spin{to{transform:rotate(360deg)}}.countdown-panel p{margin:15px 0 0;font-size:clamp(18px,2vw,28px);font-weight:700;text-shadow:0 2px 8px #000}.locked-panel{z-index:3;background:#000}.popup-background{opacity:.42}.locked-content{position:relative;z-index:1;width:min(86%,680px);display:flex;flex-direction:column;align-items:center;gap:30px}.locked-content p{margin:0;font-family:Verdana,Geneva,sans-serif;font-size:clamp(16px,2.4vw,30px);font-weight:500;line-height:1.35;text-shadow:0 2px 12px #000}.register-button{display:block;width:min(460px,100%);padding:20px 28px;border-radius:6px;background:linear-gradient(#27c40f,#008204);font-size:clamp(18px,2vw,26px);font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 3px 12px rgba(0,0,0,.3)}.register-button:hover{filter:brightness(1.12)}
.controls{height:49px;display:flex;align-items:center;gap:20px;padding:0 22px;color:#1e1e1e;border-top:1px solid #626262;background:linear-gradient(#fff 0%,#f3f3f3 50%,#ededed 51%,#fff 100%)}.control-play,.fullscreen-icon{font-size:24px;line-height:1}.control-play{width:35px;text-align:center}.time-track{height:8px;flex:1;border-radius:6px;background:#a2a2a2;box-shadow:inset 0 1px 3px rgba(0,0,0,.35);position:relative;overflow:hidden}.time-track span{position:absolute;inset:0 auto 0 0;width:27%;background:#666}.volume-icon{font-size:24px;font-weight:700;white-space:nowrap}.fullscreen-icon{width:28px;text-align:center}.live-indicator{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:16px;white-space:nowrap}.live-indicator img{width:16px;height:16px}.live-indicator i{width:12px;height:12px;border-radius:50%;background:var(--hs-danger);box-shadow:0 0 7px var(--hs-danger)}
.share-panel{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px auto 0;padding:13px 16px;background:rgba(0,0,0,.55);font-size:13px}.share-panel span{font-weight:700;margin-right:6px}.share-panel a,.share-panel button{padding:6px 10px;border:1px solid rgba(255,255,255,.25);border-radius:3px;color:#fff;background:rgba(255,255,255,.09);cursor:pointer}.share-panel a:hover,.share-panel button:hover{background:rgba(255,255,255,.22)}.page-footer{text-align:center;padding:24px 12px;color:#ddd;font-size:13px}.online-pill{position:fixed;z-index:5;left:20px;bottom:18px;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:5px;background:rgba(0,0,0,.8);font-size:12px}.online-pill span{width:9px;height:9px;border-radius:50%;background:#10d52c;box-shadow:0 0 8px #10d52c}
@media(max-width:760px){.header-inner{min-height:64px}.brand-block{padding-right:14px}.brand-block:after{display:none}.brand-logo{max-width:48px;max-height:42px}.brand-copy{font-size:14px}.brand-copy small{font-size:9px}.login-link{padding:14px 12px;min-width:78px;clip-path:none}.player-wrap{width:min(100%,calc(100% - 20px))}.hero-title{margin-top:14px}.hd-badge{margin-bottom:8px}.video-shell{margin-top:16px}.video-screen{min-height:260px}.controls{gap:10px;padding:0 10px}.volume-icon{display:none}.locked-content{width:92%;gap:20px}.register-button{padding:14px 16px}.online-pill{left:10px;bottom:10px}}
@media(max-width:460px){.brand-copy small{display:none}.video-screen{min-height:235px}.loader-image{width:75px;height:75px}.hero-title h1{font-size:20px}.controls{height:43px}.control-play,.fullscreen-icon{font-size:20px}.live-indicator{font-size:13px}.locked-content p{font-size:15px}}
.register-button{background:linear-gradient(var(--hs-primary),var(--hs-secondary))}
.site-header,.header-inner{min-height:60px}.brand-logo{max-width:115px;max-height:49px}.brand-block{padding-top:4px;padding-bottom:4px}.brand-block:after{border-top-width:60px}.header-bars{height:3px}.header-bars span{background:#2694d8!important}.login-link{padding-top:12px;padding-bottom:12px}
.hero-title h1{padding:0;background:none;color:#0000ff;font-size:32px}.video-shell{margin-top:21px;padding-bottom:43px;position:relative;background:rgba(0,0,0,.62)}.video-screen{height:540px;min-height:0;aspect-ratio:auto}.video-poster{opacity:1}.countdown-panel{background:transparent}.loader-image{width:110px;height:110px}.controls{justify-content:space-between;padding-left:70px;padding-right:70px}.control-play{font-size:23px}.time-track{flex:0 1 560px;background:repeating-linear-gradient(135deg,#174f7d,#174f7d 2px,#306c9d 2px,#306c9d 4px)}.time-track span{width:100%;background:transparent}.volume-track{width:130px;height:9px;border-radius:10px;background:#151515;overflow:hidden}.volume-track span{display:block;width:40%;height:100%;background:linear-gradient(#1797e2,#0053a0)}.live-indicator{position:absolute;left:68px;bottom:9px;color:#f11;font-size:14px}.live-indicator img{width:12px;height:12px}.bottom-cta{text-align:center;margin-top:20px}.bottom-cta a{display:inline-block;padding:13px 20px;background:#20a7cc;border:1px solid #58d3ef;color:#fff;font-size:14px;font-weight:800}.bottom-cta a:hover{filter:brightness(1.1)}.online-pill{right:0;left:auto;bottom:0;width:190px;border-radius:5px 0 0 0;justify-content:center}
.page-footer{margin-top:22px;padding:20px 12px;background:#000}.page-footer a{margin:0 10px;font-weight:700}.page-footer p{margin:10px 0 0}
@media(max-width:1280px){.video-screen{height:500px}}@media(max-width:800px){.video-screen{height:55vw;min-height:280px}.controls{padding-left:20px;padding-right:20px}.volume-track{display:none}.live-indicator{left:20px}.site-header,.header-inner{min-height:60px}}
@media(max-width:460px){.video-screen{height:55vw;min-height:235px}.hero-title h1{font-size:24px}.brand-logo{max-width:65px}.brand-copy{font-size:13px}.volume-icon{display:none}.controls{gap:8px}}
.brand-logo{max-width:98px}.video-shell{margin-top:29px}
@media(max-width:760px){.video-shell{margin-top:16px}}

/* Keep the complete player-control strip on one row, as in the reference. */
.video-shell{padding-bottom:0;background:#000}
.controls{height:45px;gap:clamp(8px,1.4vw,18px);padding:0 clamp(16px,4.5vw,56px)}
.control-play{flex:0 0 25px;font-size:18px}
.time-track{flex:1 1 auto;min-width:28px}
.volume-icon{flex:0 0 auto;font-size:16px}
.volume-track{flex:0 0 clamp(55px,8vw,90px)}
.fullscreen-icon{flex:0 0 20px;font-size:18px}
.live-indicator{position:static;flex:0 0 auto;align-self:center;margin:0 0 0 auto;font-size:12px;line-height:1;color:#e00000}
.live-indicator img{width:9px;height:9px}
.locked-content{width:80%;max-width:none;gap:28px}
.locked-content p{font-size:clamp(18px,2.2vw,24px);line-height:1.3}
.bottom-cta{margin-top:12px}
.page-footer{margin-top:12px;padding:8px 12px 16px;background:transparent;color:#fff;font-size:11px}
.page-footer a{margin:0 2px;color:#00f}
.page-footer p{margin:8px 0 0;font-weight:700}
@media(max-width:760px){.controls{gap:8px;padding:0 12px}.volume-track{display:none}.locked-content{width:88%;gap:20px}.locked-content p{font-size:clamp(15px,2.5vw,19px)}}
@media(max-width:460px){.controls{height:42px;padding:0 7px;gap:6px}.control-play{flex-basis:20px}.fullscreen-icon{flex-basis:16px}.live-indicator{font-size:10px}.live-indicator img{width:7px;height:7px}.locked-content{width:94%}}

/* Same full-width footer layout as the existing Live Player template. */
.page-content{padding-bottom:0}
.aff-footer{position:relative;overflow:hidden;margin-top:clamp(18px,3vw,36px);padding:clamp(26px,3.2vw,42px) clamp(16px,3vw,34px) 18px;background:transparent;border:0;box-shadow:none}
.footer-shell{position:relative;z-index:1;width:min(1080px,100%);margin:0 auto}
.footer-brand{text-align:center;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.10)}
.footer-brand-name{margin:0;font-size:clamp(23px,2vw,30px);font-weight:950;line-height:1.05;background:linear-gradient(90deg,#fff,var(--hs-footer-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.footer-brand-sub{margin:6px 0 14px;color:#b2bccb;font-size:13px;line-height:1.4}
.footer-store-list{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.store-btn{width:154px;min-height:46px;padding:8px 12px;display:flex;align-items:center;justify-content:flex-start;gap:10px;border-radius:11px;text-decoration:none;background:rgba(4,7,14,.60);border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 22px rgba(0,0,0,.20);transition:transform .22s ease,border-color .22s ease,background .22s ease}
.store-btn:hover{transform:translateY(-2px);border-color:var(--hs-footer-accent);background:rgba(0,212,255,.08)}
.store-btn:focus-visible,.footer-link:focus-visible,.footer-support-title:focus-visible{outline:3px solid #fff;outline-offset:3px}
.store-ic{width:27px;height:27px;display:flex;align-items:center;justify-content:center;flex:0 0 27px}
.store-ic img{width:100%;height:100%;object-fit:contain;display:block}
.store-txt{display:flex;flex-direction:column;line-height:1.02;text-align:left}
.store-txt small{font-size:9px;color:#c0c7d2;white-space:nowrap}.store-txt b{margin-top:3px;font-size:13px;color:#fff;white-space:nowrap}
.footer-content{display:grid;grid-template-columns:.9fr 1.25fr .9fr;gap:clamp(34px,5vw,74px);padding:26px 0 24px;align-items:start}
.footer-group{min-width:0}.footer-group h4{margin:0 0 12px;font-size:15px;font-weight:900;color:var(--hs-footer-accent);letter-spacing:.15px}
.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.footer-link{display:inline-flex;align-items:center;min-height:24px;color:#b2bac8;text-decoration:none;font-size:13px;line-height:1.35;transition:color .2s ease,transform .2s ease}
.footer-link:hover{color:#fff;transform:translateX(4px)}
.footer-support{padding:0;text-align:left;border:0}
.footer-support-title{display:inline-flex;align-items:center;min-height:24px;color:#f4f8ff;font-weight:750;font-size:13px;margin:0 0 8px;text-decoration:none;transition:color .2s ease,transform .2s ease}
.footer-support-title:hover{color:var(--hs-footer-accent);transform:translateX(4px)}
.footer-support-text{display:block;color:#aeb8c8;font-size:13px;line-height:1.35}
.footer-bottom{padding-top:16px;border-top:1px solid rgba(255,255,255,.10);color:var(--hs-footer-accent);font-size:12.5px;font-weight:800;letter-spacing:.25px;line-height:1.5;text-align:center;text-shadow:0 0 14px rgba(0,212,255,.28)}
@media(max-width:980px) and (min-width:769px){.footer-shell{width:min(860px,100%)}.footer-content{grid-template-columns:.9fr 1.25fr .9fr;gap:28px}}
@media(max-width:768px){.aff-footer{padding:27px 17px 17px;margin-top:20px}.footer-shell{width:100%}.footer-brand{padding-bottom:21px}.footer-brand-name{font-size:24px}.footer-brand-sub{font-size:13px;margin-bottom:15px}.footer-store-list{width:min(280px,100%);margin:0 auto;display:grid;grid-template-columns:1fr;gap:9px}.store-btn{width:100%;min-width:0;min-height:49px}.footer-content{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:clamp(18px,6vw,34px);padding:23px 0 0}.footer-group h4{font-size:14px;margin-bottom:11px}.footer-link{font-size:13px;overflow-wrap:anywhere}.footer-support{grid-column:1 / -1;margin-top:3px;padding:16px 0;text-align:center;border-top:1px solid rgba(255,255,255,.10)}.footer-support-title{display:block;margin-bottom:5px;font-weight:850;color:#f7fbff}.footer-support-title:hover{transform:none}.footer-bottom{padding-top:15px;font-size:12px;color:var(--hs-footer-accent)}}
@media(max-width:390px){.aff-footer{padding-left:13px;padding-right:13px}.footer-content{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:13px}.footer-link{font-size:12px}.footer-support-title,.footer-support-text{font-size:12px}.footer-bottom{font-size:11.5px}}

/* Blink only the LIVE dot, keeping the label and player controls steady. */
.live-indicator>img,.live-indicator>i{animation:hs-live-blink 1s steps(1,end) infinite}
.live-indicator>i{display:inline-block}
@keyframes hs-live-blink{0%,49%{opacity:1}50%,100%{opacity:.15}}
@media(prefers-reduced-motion:reduce){.live-indicator>img,.live-indicator>i{animation:none}}

/* The online badge reuses the LIVE-dot blink without animating the count text. */
.online-pill .online-dot{animation:hs-live-blink 1s steps(1,end) infinite}
@media(prefers-reduced-motion:reduce){.online-pill .online-dot{animation:none}}

/* Same in-page legal dialog behavior as Live Player, scoped to this template. */
.hs-legal-modal{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px);background:rgba(0,0,0,.74);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.hs-legal-dialog{width:min(900px,100%);max-height:min(86vh,820px);display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:linear-gradient(145deg,rgba(12,23,42,.98),rgba(7,12,23,.99));border:1px solid rgba(0,212,255,.35);box-shadow:0 28px 90px rgba(0,0,0,.7)}
.hs-legal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025)}
.hs-legal-title{margin:0;font-size:clamp(20px,2.5vw,30px);font-weight:900;background:linear-gradient(90deg,#fff,var(--hs-footer-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hs-legal-close{width:40px;height:40px;flex:0 0 40px;border-radius:50%;border:1px solid rgba(255,255,255,.32);background:rgba(4,8,16,.62);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.hs-legal-close:hover{border-color:var(--hs-footer-accent);background:rgba(0,212,255,.1)}
.hs-legal-close:focus-visible{outline:3px solid #fff;outline-offset:3px}
.hs-legal-body{padding:24px 26px 30px;overflow:auto;overscroll-behavior:contain;color:#d5d9e2;font-size:15px;line-height:1.72}
.hs-legal-body h2,.hs-legal-body h3{color:#fff;line-height:1.25}.hs-legal-body h2{margin:28px 0 10px;font-size:clamp(21px,3vw,28px)}.hs-legal-body h2:first-child{margin-top:0}.hs-legal-body h3{margin:22px 0 8px;font-size:18px}
.hs-legal-body p{margin:0 0 15px}.hs-legal-body ul,.hs-legal-body ol{margin:10px 0 18px;padding-left:24px}.hs-legal-body li{margin:7px 0}.hs-legal-body a{color:var(--hs-footer-accent);text-underline-offset:3px}
.hs-legal-body .legal-warning,.hs-legal-body .legal-note{margin:22px 0;padding:15px 17px;border-left:3px solid var(--hs-footer-accent);border-radius:11px;background:rgba(0,212,255,.065)}
.hs-legal-body .legal-warning{border-left-color:#fbbf24;background:rgba(251,191,36,.07)}
.hs-legal-body .legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.hs-legal-body .legal-card{padding:17px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.035)}
body.hs-legal-modal-open{overflow:hidden}
@media(max-width:768px){.hs-legal-modal{padding:12px}.hs-legal-dialog{width:100%;max-height:90vh;border-radius:17px}.hs-legal-head{padding:15px 16px}.hs-legal-close{width:36px;height:36px;flex-basis:36px;font-size:18px}.hs-legal-body{padding:19px 17px 24px;font-size:14px}.hs-legal-body .legal-grid{grid-template-columns:1fr}}

/* Reserve footer space for the fixed online badge on narrow screens. */
@media(max-width:767px){.aff-footer{padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px))}.online-pill{right:8px;bottom:calc(8px + env(safe-area-inset-bottom, 0px));max-width:calc(100vw - 16px);border-radius:5px}}