:root{--bg:#080b0e;--card:#101417;--panel:#14191d;--soft:#848c91;--white:#f4f5f3;--line:#273036;--accent:#d7fd52;--red:#ff4141;--font-head:'Space Grotesk',Arial,sans-serif;--font-body:'DM Sans',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:var(--font-body);margin:0;min-height:100vh;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}svg{width:100%;height:100%}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(72px);z-index:-1}.ambient-one{width:520px;height:520px;background:rgba(109,135,36,.065);top:20%;left:-240px}.ambient-two{width:420px;height:420px;background:rgba(58,76,73,.095);bottom:-220px;right:-150px}.site-header{height:92px;padding:0 max(5.5vw,28px);border-bottom:1px solid #1d2527;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;background:rgba(8,11,14,.85)}.brand{display:flex;gap:11px;align-items:center;width:max-content}.brand-icon{width:39px;height:39px;display:grid;place-items:center;color:#13190b;background:var(--accent);padding:7px;border-radius:9px;transform:rotate(-7deg)}.brand-icon svg{transform:rotate(7deg)}.brand-word{font:700 21px var(--font-head);letter-spacing:-1px}.brand-soft{font-weight:400;color:#ddd;font-size:16px;letter-spacing:.1em;margin-left:4px}.brand-accent,.heading-point{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:25px}.header-status{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700;color:#a3abb0;letter-spacing:1.65px;white-space:nowrap}.small-lock{color:var(--accent);font-size:15px}.signout-form{margin:0}.signout{background:#1a2022;border:1px solid #343c3c;color:#f4f4f0;border-radius:7px;padding:11px 15px;font-size:12px;font-weight:700}.signout span{margin-left:9px;color:var(--accent)}.signout:hover{background:#2b3435}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:11px}.eyebrow-dash{width:19px;height:2px;background:var(--accent);display:inline-block}.login-layout{width:min(1350px,89vw);min-height:calc(100vh - 92px);margin:0 auto;display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(35px,7vw,110px);align-items:center;padding:42px 0 60px}.login-story{padding-top:10px}.login-story h1{font:700 clamp(57px,6.5vw,100px)/.995 var(--font-head);letter-spacing:-6px;margin:35px 0 27px}.muted-heading{color:#8d9697}.hero-underline{position:relative;white-space:nowrap}.hero-underline:after{content:"";position:absolute;left:0;bottom:3px;width:100%;height:5px;background:var(--accent);border-radius:3px;transform:rotate(-1.5deg)}.hero-description{color:#929a9e;font:400 15px/1.85 var(--font-body);max-width:456px;margin:0 0 43px}.story-preview{height:190px;max-width:590px;border:1px solid #2b3735;background:linear-gradient(150deg,#162021,#0d1013);border-radius:10px;overflow:hidden;position:relative;box-shadow:0 26px 65px #0005}.preview-top,.preview-bottom{position:absolute;display:flex;align-items:center;justify-content:space-between;left:22px;right:22px;z-index:2;font:700 10px var(--font-head);letter-spacing:1.5px;color:#9aa49c}.preview-top{top:17px}.preview-bottom{bottom:15px}.preview-dots{display:flex;gap:5px}.preview-dots i{height:6px;width:6px;border-radius:50%;background:#364444}.preview-dots i:first-child{background:#d7fd52}.preview-field{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(150deg,rgba(119,165,84,.10),transparent 40%)}.field-ring{border:1px solid rgba(213,255,177,.12);border-radius:50%;position:absolute;transform:rotate(-25deg)}.field-ring.outer{height:460px;width:680px}.field-ring.inner{height:260px;width:460px}.field-center{position:absolute;width:95px;height:144px;border:1px solid #d7fd522b;border-radius:40px;transform:rotate(42deg)}.field-pitch{width:22px;height:80px;border-radius:12px;background:#d7fd5224;position:absolute;left:35px;top:31px}.preview-play{height:56px;width:56px;border-radius:50%;background:var(--accent);color:#121914;display:grid;place-items:center;font-size:16px;position:relative;box-shadow:0 0 0 13px #d7fd5218}.preview-line{height:1px;width:55px;background:var(--accent)}.mini-stat{margin:28px 0 0;display:flex;gap:10px;align-items:center;color:#7c8589;letter-spacing:1.7px;font-weight:700;font-size:10px}.stat-bar{width:22px;height:6px;background:#d7fd52}.login-card-wrap{max-width:493px;width:100%;margin:auto}.login-card{background:linear-gradient(148deg,#161c1e 0%,#111618 64%,#0f1416 100%);border:1px solid #313a3b;border-radius:13px;padding:36px clamp(25px,3.3vw,47px) 33px;box-shadow:0 26px 100px #0009;position:relative}.login-card:before{content:"";position:absolute;top:-1px;left:44px;width:82px;height:2px;background:var(--accent)}.login-card-top{display:flex;align-items:center;justify-content:space-between}.card-symbol{font:700 26px var(--font-head);color:var(--accent)}.card-kicker{font-size:10px;font-weight:700;color:#677273;letter-spacing:1.85px}.login-welcome{padding:49px 0 32px}.access-chip{display:inline-flex;align-items:center;gap:8px;background:#d7fd5212;border:1px solid #d7fd5229;padding:7px 10px;border-radius:3px;color:var(--accent);font-size:9px;letter-spacing:1.7px;font-weight:700}.access-chip span{width:6px;height:6px;border-radius:50%;background:var(--accent)}.login-welcome h2{font:700 clamp(34px,3vw,42px)/1.14 var(--font-head);letter-spacing:-1.9px;margin:20px 0 11px}.login-welcome p{color:#8a9496;font:400 13px/1.6 var(--font-body);margin:0}.login-form{display:flex;flex-direction:column;gap:11px}.login-form label{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#a9b1b1}.field-input{display:flex;align-items:center;gap:11px;background:#0b1012;border:1px solid #2b3638;border-radius:6px;padding:0 15px;min-height:54px;margin:0 0 10px;transition:border-color .2s}.field-input:focus-within{border-color:#a6c93e}.field-input>span{height:19px;width:19px;color:#677477;flex:none}.field-input svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.field-input input{min-width:0;flex:1;background:transparent;border:0;outline:0;font-size:13px;color:#e7eeee}.field-input input::placeholder{color:#536065}.password-label{display:flex;justify-content:space-between;align-items:center}.password-label>span{font-size:9px;color:#657174;letter-spacing:1.2px}.toggle-password{background:transparent;border:0;width:25px;height:25px;padding:3px;color:#768083;display:flex;align-items:center}.toggle-password:hover{color:#d7fd52}.login-submit{margin-top:8px;width:100%;height:58px;border:0;border-radius:6px;background:var(--accent);color:#182010;font:700 14px var(--font-head);display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 20px;transition:transform .2s,background .2s}.login-submit:hover{background:#e8ff85;transform:translateY(-1px)}.arrow-circle{border:1px solid #1820104a;width:37px;height:37px;display:grid;place-items:center;font-size:19px;border-radius:50%}.form-footnote{display:flex;align-items:center;gap:8px;padding-top:29px;margin-top:31px;border-top:1px solid #2a3334;color:#6a7477;font-size:11px}.footnote-dot{height:7px;width:7px;border-radius:50%;background:#7a8f4d}.login-error{padding:12px 14px;border:1px solid #ef59596e;border-radius:5px;background:#ee444417;font-size:12px;color:#ffaaaa;margin-bottom:20px;line-height:1.5}.login-side-note{display:flex;justify-content:space-between;color:#576267;letter-spacing:1.3px;font-size:9px;font-weight:700;margin:20px 3px}.login-side-note span{color:#454e53}
/* Authenticated player page */
.watch-container{width:min(1450px,90%);margin:0 auto}.watch-breadcrumb{font-size:10px;color:#657073;font-weight:700;letter-spacing:1.7px;margin-top:39px}.watch-breadcrumb span{color:var(--accent);margin:0 10px}.watch-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;padding:30px 0 43px}.watch-heading h1{font:700 clamp(37px,4.2vw,62px)/1.1 var(--font-head);letter-spacing:-2.8px;margin:21px 0 13px}.watch-heading h1 span{color:var(--accent)}.watch-heading p{color:#879296;font-size:14px;margin:0}.channel-mark{display:flex;align-items:center;gap:12px;padding-bottom:6px}.channel-icon{color:var(--accent);height:45px;width:45px;display:grid;place-items:center;padding:6px;background:#d7fd5211;border:1px solid #d7fd5241;border-radius:8px}.channel-mark div{display:flex;flex-direction:column;gap:5px}.channel-mark strong{font:700 13px var(--font-head)}.channel-mark div>span{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#727f7e}.broadcast-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:21px;align-items:start}.video-card{border:1px solid #2c3638;border-radius:10px;background:#13191b;overflow:hidden}.player-title-row{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 23px}.channel-label{font:700 11px var(--font-head);letter-spacing:1.25px;display:flex;align-items:center;gap:10px}.red-tiny-dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px #ff41411b}.separator{color:#5b6a6a;margin:0 1px}.player-session{font-size:9px;color:#8b9695;font-weight:700;letter-spacing:1.2px;white-space:nowrap}.session-dot{height:6px;width:6px;display:inline-block;background:var(--accent);border-radius:50%;margin-right:5px}.video-shell{aspect-ratio:16/9;background:#030505;position:relative;overflow:hidden;width:100%;isolation:isolate}.video-shell:fullscreen{height:100vh;max-height:100vh;aspect-ratio:auto;display:grid;place-items:center}.video-shell:fullscreen video{position:absolute}.video-shell video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;display:block}.video-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 35%,rgba(0,0,0,.35) 100%);z-index:1}.video-watermark{position:absolute;top:25px;left:28px;display:flex;align-items:center;gap:8px;font:700 11px var(--font-head);letter-spacing:1.2px;color:#fff9;z-index:2;pointer-events:none}.watermark-icon{display:grid;place-items:center;background:var(--accent);color:#151a11;height:25px;width:25px;border-radius:5px;transform:rotate(-8deg);font-weight:700;font-size:16px}.video-watermark b{color:var(--accent)}.top-player-badges{position:absolute;top:22px;right:25px;display:flex;align-items:center;gap:8px;z-index:4}.stream-state{display:inline-flex;gap:7px;align-items:center;background:#272b2acc;color:#e7eae6;border:1px solid #5c666477;padding:7px 9px;border-radius:4px;font:700 9px var(--font-head);letter-spacing:1.2px}.stream-state i{width:6px;height:6px;border-radius:50%;background:#e5e6de}.stream-state.live{background:#f33636eb;color:#fff;border-color:#f33636}.stream-state.live i{background:#fff;animation:pulse 1.4s infinite}.stream-state.connecting i{background:var(--accent)}.stream-state.offline i{background:#ff6666}.quality-display{color:#d4dad4;border:1px solid #ffffff22;background:#101212bb;border-radius:4px;padding:7px;font-size:9px;font-weight:700}.player-overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at center,#24302373,#070a0bea 72%);padding:20px 20px 80px;transition:opacity .3s,visibility .3s}.player-overlay.hidden{visibility:hidden;opacity:0;pointer-events:none}.overlay-circles{position:absolute;width:min(350px,52%);aspect-ratio:1;border:1px solid #d7fd5217;border-radius:50%;z-index:-1}.overlay-circles i{position:absolute;inset:16%;border:1px solid #d7fd5215;border-radius:50%}.overlay-circles i:nth-child(2){inset:30%}.overlay-circles i:nth-child(3){inset:-18%}.overlay-eyebrow{font:700 9px var(--font-head);letter-spacing:2.3px;color:var(--accent)}.player-overlay h2{font:700 clamp(22px,3vw,37px) var(--font-head);letter-spacing:-1.2px;margin:14px 0 9px}.player-overlay p{font-size:13px;color:#a3b0ab;margin:0;max-width:430px;line-height:1.6}.overlay-cta{margin-top:23px;background:var(--accent);border:0;border-radius:6px;color:#10170c;padding:7px 21px 7px 7px;display:flex;align-items:center;gap:15px;font:700 13px var(--font-head)}.overlay-cta-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:4px;background:#1e290f;color:var(--accent);font-size:11px}.overlay-cta:hover:not(:disabled){background:#eafc94}.controls{position:absolute;bottom:0;left:0;right:0;z-index:5;padding:26px 21px 13px;background:linear-gradient(transparent,rgba(0,0,0,.85) 39%,rgba(0,0,0,.96));transition:opacity .25s}.progress-rail{display:flex;align-items:center;gap:9px;margin-bottom:18px}.progress-red-dot{width:8px;height:8px;background:var(--red);border-radius:50%;flex:none}.progress-line{height:3px;background:linear-gradient(90deg,var(--red) 0%,var(--red) 100%);flex:1;border-radius:4px}.progress-live-text{font-size:9px;font-weight:700;color:#fff;letter-spacing:1px}.control-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.controls-left,.controls-right{display:flex;align-items:center;gap:12px}.control-button{height:34px;width:34px;display:grid;place-items:center;padding:7px;background:none;border:0;border-radius:6px;color:#edf4ef;flex:none}.control-button:hover{background:#ffffff24}.control-button svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.control-button.is-muted .sound-waves{display:none}.primary-control{color:var(--accent)}.volume-group{display:flex;align-items:center;gap:4px}.volume-group input{width:66px;accent-color:var(--accent);height:4px;cursor:pointer}.controls-divider{height:21px;width:1px;background:#ffffff44;margin:0 1px}.go-live{display:flex;align-items:center;gap:7px;border:0;background:#d7fd5221;color:var(--accent);font:700 10px var(--font-head);letter-spacing:.7px;padding:8px 11px;border-radius:5px;white-space:nowrap}.go-live span{width:7px;height:7px;border-radius:50%;background:var(--accent)}.go-live:hover{background:#d7fd5240}.video-state-text{font-size:9px;letter-spacing:1.1px;font-weight:700;color:#b2bfb6;white-space:nowrap}.quality-select{min-height:31px;max-width:98px;background:#111816;border:1px solid #ffffff27;border-radius:4px;color:#e7ebe5;font-size:10px;padding:0 5px;cursor:pointer}.quality-select option{color:#fff;background:#151d1c}.under-player{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 22px}.under-left{display:flex;align-items:center;gap:15px}.watch-live-icon{display:flex;align-items:center;gap:3px;height:30px;padding:8px;background:#d7fd5211;border:1px solid #d7fd5233;border-radius:7px}.watch-live-icon i{width:3px;height:9px;background:var(--accent);border-radius:3px}.watch-live-icon i:nth-child(2){height:17px}.watch-live-icon i:nth-child(3){height:11px}.watch-live-icon i:nth-child(4){height:14px}.under-left div{display:flex;flex-direction:column;gap:4px}.under-left strong{font:700 13px var(--font-head)}.under-left div>span{font-size:11px;color:#778488}.under-right{font-size:9px;color:#6b777a;font-weight:700;letter-spacing:1px;white-space:nowrap}.under-right span{color:var(--accent);font-size:16px;margin-left:6px}.watch-sidebar{display:flex;flex-direction:column;gap:18px}.sidebar-main{padding:26px;background:linear-gradient(145deg,#1b2420,#11191a 60%,#151a1c);border:1px solid #303c37;border-radius:9px}.sidebar-topline{display:flex;align-items:center;justify-content:space-between;font:700 10px var(--font-head);color:var(--accent);letter-spacing:1.5px}.tiny-cross{font-size:20px}.sidebar-illustration{margin-top:34px;display:flex;align-items:center;min-height:160px;position:relative;overflow:hidden}.sidebar-illustration:before{content:"";position:absolute;height:245px;width:245px;border:1px solid #d7fd5240;border-radius:50%;left:100px;top:-48px;box-shadow:0 0 0 29px #d7fd5208,0 0 0 62px #d7fd5205}.sidebar-illustration>span{font:700 45px/.87 var(--font-head);letter-spacing:-3px;position:relative;transform:rotate(-5deg);color:var(--accent)}.side-star{position:absolute;right:-25px;bottom:4px;font-size:28px}.sidebar-main h2{font:700 30px/1.08 var(--font-head);letter-spacing:-1.5px;margin:12px 0}.sidebar-main h2 span{color:var(--accent)}.sidebar-main p{font-size:12px;color:#84918b;line-height:1.8;margin:0}.side-rule{margin:26px 0 20px;height:1px;background:#303c37}.detail-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px}.detail-line>span{font-size:9px;color:#7a8783;font-weight:700;letter-spacing:.7px}.detail-line strong{font-size:11px;font-weight:700;color:#e9f0ea}.sidebar-tip{border:1px solid #2a3434;border-radius:9px;padding:18px;background:#101617;display:flex;gap:13px}.tip-icon{display:grid;place-items:center;flex:none;height:30px;width:30px;border:1px solid #425242;color:var(--accent);border-radius:5px}.sidebar-tip strong{font:700 13px var(--font-head)}.sidebar-tip p{color:#738082;font-size:11px;line-height:1.7;margin:7px 0 0}.bottom-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:18px}.bottom-panel{display:flex;gap:16px;padding:21px;background:#11181a;border:1px solid #263235;border-radius:9px}.panel-number{font:700 10px var(--font-head);color:var(--accent);white-space:nowrap;padding-top:3px}.bottom-panel h3{font:700 13px var(--font-head);margin:0 0 7px}.bottom-panel p{font-size:11px;color:#7f8c8d;line-height:1.7;margin:0}.bottom-panel p strong{color:#b6c59c}.watch-footer{margin:55px 0 30px;padding:24px 0;border-top:1px solid #273032;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.3px;color:#657276;font-weight:700}.watch-footer>span:first-child{font:700 15px var(--font-head);color:#bec7be}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 #ffffff66}50%{box-shadow:0 0 0 5px #ffffff00}}
@media(max-width:1100px){.login-layout{width:91vw;gap:38px}.login-story h1{font-size:clamp(54px,6vw,78px);letter-spacing:-4px}.broadcast-layout{grid-template-columns:minmax(0,1fr) 255px}.sidebar-main{padding:20px}.sidebar-illustration>span{font-size:37px}.watch-container{width:94%}.video-state-text{display:none}.watch-heading h1{font-size:47px}}
@media(max-width:850px){.login-layout{grid-template-columns:1fr;max-width:670px;gap:35px;padding:42px 0}.login-story h1{font-size:64px}.login-story .hero-description{max-width:540px;margin-bottom:30px}.story-preview{height:150px}.login-card-wrap{max-width:670px}.login-welcome{padding:28px 0}.broadcast-layout{grid-template-columns:1fr}.watch-sidebar{display:grid;grid-template-columns:1fr 1fr}.sidebar-illustration{display:none}.sidebar-main{padding:23px}.watch-heading{padding-bottom:30px}.watch-heading h1{font-size:42px}.under-player{padding:14px 18px}}
@media(max-width:580px){.site-header{height:69px;padding:0 18px}.brand-icon{height:32px;width:32px;padding:6px}.brand-word{font-size:16px}.brand-soft{font-size:12px}.header-status{display:none}.header-actions{gap:9px}.signout{padding:9px 11px}.login-layout{width:calc(100% - 32px);padding:27px 0 45px}.login-story{padding-top:14px}.login-story h1{font-size:clamp(46px,11vw,65px);letter-spacing:-3.5px;margin:22px 0 18px}.hero-description{font-size:13px;line-height:1.65}.story-preview{height:117px}.preview-field .field-ring.outer{height:300px;width:500px}.preview-field .field-ring.inner{height:190px;width:350px}.preview-play{height:45px;width:45px}.preview-top,.preview-bottom{font-size:8px}.mini-stat{margin:19px 0 0}.login-card{padding:22px 22px 26px}.login-welcome h2{font-size:32px}.login-side-note{font-size:8px;gap:9px;line-height:1.5}.watch-container{width:calc(100% - 26px)}.watch-breadcrumb{margin-top:24px;font-size:9px}.watch-heading{padding:23px 0;display:block}.watch-heading h1{font-size:36px;letter-spacing:-1.6px;margin:16px 0 10px}.watch-heading p{font-size:12px}.channel-mark{display:none}.broadcast-layout{gap:13px}.player-title-row{padding:0 12px;min-height:48px}.channel-label{font-size:9px;letter-spacing:.6px;gap:7px}.player-session{display:none}.video-card{border-radius:8px}.video-shell{aspect-ratio:16/10}.video-watermark{left:12px;top:13px;font-size:9px}.watermark-icon{height:20px;width:20px;font-size:13px}.top-player-badges{top:11px;right:9px}.stream-state,.quality-display{font-size:8px;padding:5px}.player-overlay{padding:22px 14px 65px}.player-overlay h2{font-size:22px;margin:9px 0 7px}.player-overlay p{font-size:11px}.overlay-eyebrow{font-size:8px}.overlay-cta{margin-top:14px;padding:5px 14px 5px 5px;font-size:12px}.overlay-cta-icon{height:32px;width:32px}.controls{padding:20px 9px 9px}.progress-rail{margin-bottom:8px}.control-row{gap:0}.controls-left,.controls-right{gap:2px}.control-button{height:28px;width:28px;padding:5px}.volume-group input{width:32px}.controls-divider{display:none}.go-live{padding:6px;font-size:8px;gap:5px}.go-live span{height:5px;width:5px}.quality-select{max-width:60px;min-height:25px;font-size:9px;padding:0 1px}.picture-in-picture{display:none}.under-player{padding:13px 12px}.under-left{gap:10px}.under-left strong{font-size:11px}.under-left div>span{font-size:10px}.watch-live-icon{height:28px}.under-right{display:none}.watch-sidebar{grid-template-columns:1fr}.sidebar-main{display:none}.bottom-panels{grid-template-columns:1fr;gap:9px}.bottom-panel{padding:15px}.watch-footer{margin:30px 0 16px;font-size:8px;gap:12px}.watch-footer>span:first-child{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}