:root{--bg:#090d16;--panel:#111827;--panel2:#151e2e;--line:#263246;--text:#f4f6fb;--muted:#8793a8;--lime:#c7f36b;--orange:#ff744a;--blue:#84aaff;--radius:18px;--sans:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px var(--sans);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;color:inherit}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid #ffffff0d;background:#090d16ed;position:sticky;top:0;z-index:10;backdrop-filter:blur(15px)}.brand{display:inline-flex;gap:10px;align-items:center;color:var(--text);text-decoration:none;font:700 21px var(--display);letter-spacing:-.8px}.brand-mark{height:31px;width:31px;border-radius:10px 10px 10px 3px;background:var(--lime);color:#10160a;display:grid;place-items:center;font:700 20px var(--display)}.brand-live{font:700 9px var(--sans);letter-spacing:1.1px;color:var(--orange);vertical-align:top;margin-left:5px}.topbar nav{display:flex;gap:7px;height:100%;align-items:center}.nav-link{border:0;background:transparent;color:var(--muted);padding:10px 15px;border-radius:9px;font-size:13px}.nav-link.active,.nav-link:hover{color:var(--text);background:#ffffff0c}.nav-link.disabled{opacity:.4}.account{display:flex;gap:13px;align-items:center;font-size:12px}.button{border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text);padding:11px 16px;font-weight:600;font-size:12px;transition:.2s}.button:hover{border-color:#65758e;transform:translateY(-1px)}.button-primary{background:var(--lime);color:#171d0f;border-color:var(--lime)}.button-primary:hover{background:#d5fb86}.button-quiet{background:#ffffff07}.button-live{background:var(--orange);border-color:var(--orange);color:#200d08}.button-live.is-live{background:#39211c;border-color:#87442f;color:#ff9677}.full{width:100%}.hidden{display:none!important}.muted{color:var(--muted)}main{max-width:1240px;margin:auto;padding:0 34px}.view{display:none;padding:43px 0 70px}.view.active{display:block}.hero{min-height:355px;border-radius:27px;overflow:hidden;background:linear-gradient(112deg,#17233a 0%,#111a2c 48%,#273342 100%);position:relative;display:flex;align-items:center;padding:45px 56px;margin:14px 0 57px}.hero-copy{position:relative;z-index:2;max-width:510px}.eyebrow{color:var(--lime);font-size:10px;letter-spacing:1.7px;font-weight:700}.pulse,.live-tag i,.status-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:6px;box-shadow:0 0 10px #ff744a88}.hero h1,.studio-intro h1{font:700 clamp(44px,6vw,67px)/.98 var(--display);letter-spacing:-3.4px;margin:18px 0}.hero h1 span{color:var(--lime)}.hero p{font-size:14px;color:#b2bdd0;line-height:1.75;max-width:390px;margin:0 0 24px}.hero .button{padding:13px 18px}.hero .button span{margin-left:14px}.hero-art{position:absolute;right:3%;top:0;width:48%;height:100%;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{height:310px;width:310px;right:14%;top:25px;background:radial-gradient(circle at 35% 28%,#d6f78d,#a6c950 42%,#687e36 71%,#293425);box-shadow:inset -30px -25px 60px #0509098c,0 15px 90px #b2d76130}.orb-two{height:375px;width:375px;right:6%;top:-52px;border:1px solid #d1e9a81e;box-shadow:0 0 0 34px #d1e9a80a,0 0 0 75px #d1e9a807}.court-lines{height:140%;width:77%;position:absolute;right:-5%;top:-18%;border:1px solid #d6e5d01b;border-radius:48%;transform:rotate(-26deg)}.court-lines:before,.court-lines:after{content:'';position:absolute;border:1px solid #d6e5d01c;border-radius:50%;inset:18% 25%}.court-lines:after{inset:0 45%}.hero-ball{position:absolute;top:116px;right:29%;font-size:82px;color:#172217;text-shadow:3px 5px 0 #f4ffbd33;opacity:.65}.art-caption{position:absolute;right:7%;bottom:29px;font-size:9px;letter-spacing:2px;color:#cad5c1;text-align:right;line-height:1.7}.art-caption b{color:var(--lime);font-size:10px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-heading h2,.card-heading h2{font:600 25px var(--display);letter-spacing:-.8px;margin:7px 0 0}.stream-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.stream-card{overflow:hidden;background:var(--panel);border:1px solid #ffffff0c;border-radius:16px;transition:.2s}.stream-card:hover{transform:translateY(-3px);border-color:#718052}.stream-art{height:142px;background:radial-gradient(ellipse at 70% 35%,#bc4661 0%,#7d354c 22%,#2a263d 55%,#172139 100%);position:relative;display:flex;justify-content:space-between;padding:14px}.stream-card:nth-child(3n+2) .stream-art{background:radial-gradient(ellipse at 70% 35%,#d68747,#714639 27%,#313044 58%,#1c263b)}.stream-card:nth-child(3n) .stream-art{background:radial-gradient(ellipse at 70% 35%,#427a76,#305b61 27%,#283443 58%,#182437)}.live-tag{height:max-content;background:#090d16c9;padding:6px 9px;border-radius:6px;font-size:9px;letter-spacing:1px;color:#fff}.live-tag i{width:6px;height:6px}.sport-mark{align-self:center;font-size:70px;color:#ffffff30}.viewer-count{position:absolute;right:12px;bottom:12px;background:#080d18b8;padding:5px 8px;border-radius:6px;font-size:10px;color:#e1e5ed}.stream-info{padding:16px}.stream-info h3{font:600 16px var(--display);margin:0 0 13px}.stream-creator{display:flex;align-items:center;gap:8px;color:#bbc5d4;font-size:12px;margin-bottom:16px}.avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#b8c96a;color:#19210e;font-size:9px;font-weight:700}.stream-info .button{width:100%}.empty-state{padding:35px 18px;text-align:center;color:var(--muted);background:#ffffff05;border:1px dashed #ffffff1a;border-radius:12px;grid-column:1/-1;font-size:13px}.provider-note{margin-top:31px;padding:15px 17px;display:flex;gap:12px;line-height:1.6;background:#172131;border:1px solid #263348;border-radius:12px;color:#aab6c9;font-size:11px}.provider-note b{color:#e5ebf4}.note-icon{color:var(--lime);font-size:17px}.watch-heading{align-items:center}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.watch-main{display:flex;flex-direction:column;gap:13px}.game-frame{height:360px;background:#02050a;border:1px solid #ffffff12;border-radius:15px;overflow:hidden;display:grid;place-items:center}.game-frame iframe{width:100%;height:100%;border:0}.game-placeholder{text-align:center;width:min(500px,90%)}.play-icon{margin:auto auto 14px;width:49px;height:49px;display:grid;place-items:center;border-radius:50%;background:#c7f36b1e;color:var(--lime);font-size:17px}.game-placeholder h3{font:600 18px var(--display);margin:0 0 6px}.game-placeholder p{font-size:11px;line-height:1.6;color:var(--muted);max-width:360px;margin:0 auto 14px}.game-placeholder .small{display:block;font-size:10px;margin:8px}.inline-form{display:flex;gap:8px;max-width:430px;margin:13px auto 0}.inline-form input{min-width:0;flex:1}.commentary-panel,.mix-card,.chat-card,.studio-form-card,.studio-preview-card{background:var(--panel);border:1px solid #ffffff0d;border-radius:15px}.commentary-head{min-height:85px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.commentary-head>div:first-child{display:grid;grid-template-columns:auto auto;align-items:center;gap:6px 13px}.commentary-head .eyebrow{grid-column:1/-1}.commentary-head strong{font-size:13px}.status-pill{font-size:9px;color:#b2bdcc;background:#ffffff08;padding:6px 8px;border-radius:30px;white-space:nowrap}.status-pill i{width:6px;height:6px;background:#687487;box-shadow:none}.status-pill.connected i{background:var(--lime);box-shadow:0 0 8px #c7f36b88}.remote-video{width:100px;height:57px;border-radius:8px;overflow:hidden;background:#202a3a;display:grid;place-items:center;color:#8996aa;font-size:8px;text-align:center}.remote-video video{width:100%;height:100%;object-fit:cover}.mix-card{padding:16px 18px}.mix-title{display:flex;justify-content:space-between;font-size:12px;margin-bottom:14px}.mix-title .muted{font-size:10px}.mix-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mix-controls label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;font-size:11px;color:#c7d0dd}.mix-controls input,.sync-row input{grid-column:1/-1;width:100%;height:4px;accent-color:var(--lime)}.mix-controls label span{color:var(--lime);font-size:10px}.sync-row{border-top:1px solid #ffffff0e;margin-top:14px;padding-top:12px;display:flex;align-items:center;gap:12px;font-size:10px}.sync-row input{flex:1;min-width:80px}.sync-row b{color:var(--lime)}.sync-row .muted{font-size:9px}.chat-card{height:fit-content;min-height:530px;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:17px;border-bottom:1px solid #ffffff0d}.chat-header b{display:block;margin-top:5px;font:600 16px var(--display)}.chat-header .eyebrow{font-size:8px}.chat-header .live-tag{background:#ff744a16;color:#ff9a7b}.chat-feed{height:393px;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:13px}.chat-message{display:grid;grid-template-columns:1fr auto;gap:4px 6px;font-size:10px}.chat-message b{color:#b9d680}.chat-message span{grid-column:1/-1;line-height:1.45;color:#d5dae2;overflow-wrap:anywhere}.chat-message time{font-size:8px;color:#748198}.chat-feed .empty-state{padding:18px 8px;border:0;background:none;font-size:11px}.chat-form{display:flex;gap:7px;margin:0 11px}.chat-form input{flex:1;min-width:0}.send-button{border:0;border-radius:9px;background:var(--lime);color:#141b0a;width:36px}.chat-foot{text-align:center;color:#667287;font-size:9px;padding:12px}.studio-intro{margin:10px 0 31px}.studio-intro h1{font-size:43px;letter-spacing:-2px;margin:10px 0}.studio-intro p{max-width:640px;font-size:12px;line-height:1.7;color:var(--muted)}.studio-grid{display:grid;grid-template-columns:390px 1fr;gap:18px}.studio-form-card,.studio-preview-card{padding:22px}.card-heading{display:flex;gap:13px;align-items:center;margin-bottom:19px}.step{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#c7f36b1a;color:var(--lime);font:600 12px var(--display)}.card-heading h2{font-size:18px;margin:0}.card-heading p{font-size:10px;color:var(--muted);margin:5px 0 0}.studio-form-card label,#auth-form label{display:block;color:#b9c4d4;font-size:10px;margin:0 0 13px}.studio-form-card input,.studio-form-card select,#auth-form input,#auth-form select,.inline-form input,.chat-form input{display:block;width:100%;height:39px;background:#0b111d;border:1px solid #28354a;border-radius:8px;padding:0 11px;color:var(--text);outline:none;margin-top:7px;font-size:11px}.studio-form-card input:focus,.studio-form-card select:focus,#auth-form input:focus{border-color:#8ba257}.studio-controls{border-top:1px solid #ffffff12;margin-top:19px;padding-top:17px}.success-box{font-size:10px;color:var(--lime);background:#c7f36b11;padding:11px;border-radius:8px;overflow-wrap:anywhere;margin-top:10px}.meter-label{display:flex;justify-content:space-between;color:#8491a5;font-size:8px;margin:13px 0 6px}.meter{height:6px;border-radius:4px;background:#202b3e;overflow:hidden;margin-bottom:16px}.meter span{height:100%;display:block;width:0;background:linear-gradient(90deg,#7ea93b,var(--lime),#ffb34e);transition:width .08s}.tiny{font-size:9px;line-height:1.6}.studio-preview-card{background:#101725}.preview-top,.preview-bottom{display:flex;justify-content:space-between;align-items:center}.preview-top .eyebrow{font-size:9px}.local-preview{margin-top:15px;aspect-ratio:16/8.6;background:radial-gradient(ellipse at 50% 35%,#26344a,#0a101b 67%);border-radius:12px;overflow:hidden;display:grid;place-items:center}.local-preview video{width:100%;height:100%;object-fit:cover}.preview-placeholder{display:grid;justify-items:center;gap:7px;color:#abb5c6;font-size:11px}.preview-placeholder span{font-size:9px;color:#77869c}.preview-avatar{width:57px;height:57px;display:grid;place-items:center;border-radius:19px;background:#c7f36b1b;color:var(--lime);font:700 19px var(--display);margin-bottom:5px}.preview-bottom{padding:12px 2px 18px;color:#95a2b6;font-size:9px}.studio-tip{border-top:1px solid #ffffff12;padding-top:15px;display:grid;gap:9px;font-size:10px;color:#95a2b6}.studio-tip b{font:600 12px var(--display);color:#e6eaf2;margin-bottom:2px}footer{min-height:92px;border-top:1px solid #ffffff10;padding:19px max(5vw,24px);display:flex;align-items:center;justify-content:space-between;color:#667287;font-size:9px}.small-brand{font-size:15px}.small-brand .brand-mark{width:25px;height:25px;font-size:16px;border-radius:8px 8px 8px 3px}dialog{width:min(420px,calc(100% - 32px));border:1px solid #344158;border-radius:18px;background:#111827;color:var(--text);padding:28px;box-shadow:0 25px 100px #000a}dialog::backdrop{background:#050811c9;backdrop-filter:blur(4px)}dialog h2{font:600 26px var(--display);margin:8px 0 17px}.dialog-close{position:absolute;right:15px;top:14px}.dialog-close button{border:0;background:none;color:#9ba7ba;font-size:24px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#0b111d;border-radius:9px;padding:4px;margin-bottom:18px}.auth-tabs button{border:0;background:none;color:#8592a5;padding:9px;border-radius:7px;font-size:10px}.auth-tabs button.active{background:#263248;color:#f2f4f8}.form-error{color:#ff997e;font-size:10px;min-height:17px;margin-bottom:7px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);padding:12px 18px;background:#e9f5ca;color:#1b2610;border-radius:10px;box-shadow:0 10px 40px #0008;font-size:11px;font-weight:600;opacity:0;pointer-events:none;transition:.22s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.topbar{padding:0 20px}.topbar nav{gap:0}.nav-link{padding:9px}.hero{padding:38px}.hero-art{right:-9%;width:54%;opacity:.8}.stream-grid{grid-template-columns:repeat(2,1fr)}.watch-layout{grid-template-columns:minmax(0,1fr) 270px}.studio-grid{grid-template-columns:340px 1fr}.sync-row{flex-wrap:wrap}.sync-row input{order:3;flex-basis:100%}.sync-row .muted{margin-left:auto}}@media(max-width:680px){.topbar{height:auto;min-height:68px;flex-wrap:wrap;padding:12px 17px;gap:8px}.brand{font-size:18px}.account{margin-left:auto}.account .muted{display:none}.topbar nav{order:3;width:100%;justify-content:space-between}.nav-link{font-size:11px;padding:8px 12px}.topbar nav .nav-link{flex:1}main{padding:0 16px}.view{padding:25px 0 45px}.hero{padding:31px 24px;min-height:360px;margin:0 0 38px;align-items:flex-start}.hero-copy{max-width:100%}.hero h1{font-size:48px}.hero p{max-width:280px}.hero-art{width:75%;right:-25%;top:80px;opacity:.45}.hero-ball{right:35%;top:112px}.section-heading h2{font-size:21px}.stream-grid{grid-template-columns:1fr;gap:12px}.stream-art{height:115px}.provider-note{font-size:10px}.watch-layout{grid-template-columns:1fr}.game-frame{height:245px}.chat-card{min-height:400px}.chat-feed{height:280px}.studio-grid{grid-template-columns:1fr}.studio-preview-card{order:-1}.studio-intro h1{font-size:37px}.studio-form-card,.studio-preview-card{padding:17px}.mix-controls{gap:12px}.mix-title{align-items:start;gap:8px;flex-direction:column}.sync-row{gap:8px}.sync-row .muted{flex-basis:100%;margin:0}.watch-heading .button{font-size:10px;padding:9px}footer{flex-wrap:wrap;gap:12px;padding:18px;justify-content:center;text-align:center}footer span:last-child{flex-basis:100%}}