:root{--ink:#202124;--muted:#70757a;--line:#e6e8eb;--accent:#b6df35;--red:#d9303a}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}
.creator-auth{display:grid;min-height:100vh;place-items:center;background:linear-gradient(135deg,#f8fafb,#fff)}
.auth-card{width:min(410px,calc(100% - 32px));padding:36px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 20px 50px #1d293714}
.creator-brand{display:inline-flex;align-items:baseline;color:#202124;font-size:24px;font-weight:900;letter-spacing:-.045em;text-decoration:none}
.creator-brand b{color:#8ebf18}
.creator-brand small{margin-left:8px;color:#8a9096;font-size:8px;letter-spacing:.15em}
.auth-card h1{margin:42px 0 7px;font-size:29px;letter-spacing:-.05em}
.auth-card>p,.form-heading>p{color:var(--muted);font-size:12px}
.auth-card form{display:grid;gap:16px;margin-top:26px}
.auth-card label,.creator-form label,.score-panel label{display:grid;gap:6px;color:#5f6368;font-size:11px;font-weight:700}
.auth-card input,.creator-form input,.creator-form select,.score-panel input,.score-panel select{width:100%;padding:11px 12px;border:1px solid #d9dde2;border-radius:7px;background:#fff;color:var(--ink);font:inherit}
.auth-card input:focus,.creator-form input:focus,.creator-form select:focus{outline:2px solid #cbe982;outline-offset:1px}
.creator-primary{display:inline-block;padding:11px 16px;border:1px solid #99be24;border-radius:7px;background:var(--accent);color:#182100;font:700 11px inherit;text-decoration:none;cursor:pointer}
.creator-primary:hover{background:#c8ee51}
.creator-primary.small{padding:10px 13px}
.form-error{margin-top:16px;padding:10px;border:1px solid #f3b6b8;border-radius:7px;background:#fff1f1;color:#a6252b;font-size:11px}
.back-link{display:inline-block;margin-top:22px;color:#6b7280;font-size:11px;text-decoration:none}
.creator-top{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);background:#fff}
.creator-top-right{display:flex;align-items:center;gap:15px;color:#5f6368;font-size:11px}
.creator-top-right button{border:0;background:transparent;color:#8a9096;cursor:pointer;font:inherit}
.creator-layout{display:flex;min-height:calc(100vh - 68px)}
.creator-nav{width:210px;padding:22px 12px;border-right:1px solid var(--line)}
.creator-nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:8px;color:#6b7280;text-decoration:none;font-size:12px}
.creator-nav a:hover,.creator-nav a.active{background:#f4f5f6;color:#202124}
.creator-nav a.active{font-weight:750}
.creator-nav a:first-letter{color:#7fa615}
.creator-main{max-width:1400px;flex:1;margin:0 auto;padding:36px 45px 60px}
.creator-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}
.creator-kicker,.on-air-label{color:#779f10;font-size:9px;letter-spacing:.15em;text-transform:uppercase;font-weight:850}
.creator-heading h1{margin:7px 0 5px;font-size:31px;letter-spacing:-.06em}
.creator-heading p{margin:0;color:var(--muted);font-size:12px}
.creator-hero{display:flex;align-items:center;justify-content:space-between;overflow:hidden;margin:30px 0 34px;padding:30px 40px;border-radius:14px;background:linear-gradient(105deg,#f0f7dc,#f7faf3);border:1px solid #deebc5}
.creator-hero h2{margin:8px 0;font-size:29px;line-height:1.05;letter-spacing:-.06em}
.creator-hero em{color:#8bb51d;font-style:normal}
.creator-hero p{max-width:490px;color:#717a67;font-size:12px}
.creator-outline{display:inline-block;margin-top:12px;padding:9px 12px;border:1px solid #bdc8b0;border-radius:7px;color:#52614a;font-size:10px;font-weight:700;text-decoration:none}
.hero-eight{display:grid;place-items:center;width:132px;height:132px;margin-right:6%;border-radius:50%;background:#070707;color:#fff;font:800 55px Georgia,serif;box-shadow:inset -15px -16px 20px #000b,0 12px 25px #2e462033}
.creator-section-title{margin-bottom:13px}
.creator-section-title h2{margin:0;font-size:19px;letter-spacing:-.04em}
.creator-section-title p{margin:3px 0;color:var(--muted);font-size:11px}
.creator-match-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.creator-match-card{display:block;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 4px 15px #20212408}
.creator-poster{position:relative;display:grid;place-items:center;height:132px;background:linear-gradient(135deg,#17483d,#65a46e)}
.creator-poster img{width:100%;height:100%;object-fit:cover}
.creator-poster>span:first-child{font:800 52px Georgia,serif;color:#fff}
.creator-status{position:absolute;top:10px;right:10px;padding:4px 7px;border-radius:4px;background:#eef0f2;color:#687078;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.creator-status.live{background:#ffe8e9;color:#c42d37}
.creator-match-body{padding:13px}
.creator-match-body>small{color:#8b9298;font-size:9px}
.creator-match-body h3{margin:7px 0 3px;font-size:13px;letter-spacing:-.02em}
.creator-match-body h3 b{color:#82a818;font-size:12px}
.creator-match-body p{margin:0;color:var(--muted);font-size:10px}
.creator-viewer-count{display:block;margin-top:7px;color:#177245;font-size:11px;font-weight:750}
.creator-control{display:inline-block;margin-top:12px;color:#5e8911;font-size:10px;font-weight:750;text-decoration:none}
.flash-success{margin-bottom:18px;padding:10px 13px;border:1px solid #cce39c;border-radius:7px;background:#f4fadc;color:#5d7c18;font-size:11px}
.form-heading{max-width:620px;margin-bottom:25px}
.form-heading h1{margin:7px 0;font-size:32px;letter-spacing:-.06em}
.creator-form-page{max-width:930px;margin:auto;padding:48px 32px}
.creator-form{border:1px solid var(--line);border-radius:14px;background:#fff}
.form-section{padding:25px;border-bottom:1px solid var(--line)}
.form-section h2{margin:0 0 19px;font-size:15px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 25px}
.studio-main{max-width:1300px}
.studio-grid-light{display:grid;grid-template-columns:1.45fr .75fr;gap:18px;margin-top:28px}
.creator-video,.score-panel{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 4px 15px #20212408}
.fake-pool-feed{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;border-radius:12px 12px 0 0;background:linear-gradient(135deg,#10493d,#5da66c)}
.fake-pool-feed:before{content:"";position:absolute;inset:10%;border:9px solid #5b4237;box-shadow:inset 0 0 0 2px #164539}
.fake-pool-feed:after{content:"";position:absolute;width:33px;height:33px;border-radius:50%;background:#050505;box-shadow:-60px 20px 0 -10px #e9d145,55px 43px 0 -9px #e2e2d2}
.fake-pool-feed span{position:absolute;top:19px;left:22px;color:#fff;font-size:10px;font-weight:800;z-index:1}
.fake-pool-feed strong{position:relative;z-index:1;color:#fff;font:800 50px Georgia,serif}
.fake-pool-feed small{position:absolute;bottom:17px;left:22px;color:#e9f6e6;font-size:10px}
.studio-tools{display:flex;justify-content:space-between;gap:10px;padding:13px 15px;font-size:10px}
.studio-tools a{color:#5c8610;font-weight:750;text-decoration:none}
.studio-tools span{color:var(--muted)}
.score-panel{padding:22px}
.score-panel h2{margin:0;font-size:18px}
.score-panel>p{color:var(--muted);font-size:11px}
.score-panel form{display:grid;gap:18px;margin-top:25px}
.score-row{display:grid;grid-template-columns:1fr 25px 1fr;align-items:end;gap:10px}
.score-row>b{padding-bottom:10px;text-align:center;color:#9aa0a6}
.score-row input{font-size:25px;font-weight:800}
.score-panel button{width:100%}
.empty-card{padding:32px;border:1px dashed #d8dde2;color:#8b9298;font-size:12px}
@media(max-width:900px){.creator-match-grid{grid-template-columns:1fr 1fr}
.studio-grid-light{grid-template-columns:1fr}
.hero-eight{margin-right:0}
}
@media(max-width:650px){.creator-top{padding:0 15px}
.creator-top-right>span{display:none}
.creator-nav{width:62px;padding:16px 7px}
.creator-nav a{justify-content:center;padding:12px 7px;font-size:0}
.creator-nav a:first-letter{font-size:16px}
.creator-main{padding:25px 16px 45px}
.creator-heading{display:block}
.creator-heading .creator-primary{margin-top:15px}
.creator-hero{padding:25px}
.hero-eight{width:82px;height:82px;font-size:35px}
.creator-match-grid,.form-grid{grid-template-columns:1fr}
.studio-tools{display:block}
.studio-tools span{display:block;margin-top:8px}
}

.sports-blitz-placeholder{display:none}

:root{--ink:#202124;--muted:#70757a;--line:#e6e8eb;--accent:#b6df35;--red:#d9303a;--blitz-blue:#1769aa;--blitz-cyan:#0aa8d4;--navy:#fff;--panel:#fff;--panel-2:#f7f9fb}

html,body{background:#fff;color:var(--ink)}

.creator-top{height:72px;border-bottom:1px solid var(--line);background:#fff;box-shadow:0 8px 24px #20212408}
.creator-brand{color:#202124}
.creator-brand b{color:var(--blitz-cyan)}
.creator-brand small,.back-link{color:#7d858c}
.creator-main{max-width:1440px;padding:34px 42px 70px}
.creator-heading h1{color:#202124;font-size:36px}
.creator-heading p{color:var(--muted)}
.creator-kicker,.on-air-label{color:#079bc5}
.creator-status{border:1px solid #dfe3e7;background:#f4f5f6;color:#687078}
.creator-status.live{border-color:#f0bfc2;background:#fff0f1;color:#c42d37}

.studio-grid-light{gap:20px;margin-top:30px}
.creator-video,.score-panel{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 45px #2021240d}
.camera-toolbar{border-bottom-color:var(--line);background:#f7f9fb}
.camera-toolbar strong{color:#202124}
.camera-toolbar small,.camera-note{color:#7d858c}
.camera-toolbar select,.score-panel input,.score-panel select{border-color:#d9dde2;background:#fff;color:#202124}
.camera-toolbar select option,.score-panel select option{background:#fff;color:#202124}
.camera-feed{background:radial-gradient(circle at 50% 50%,#e9f5f7,#f7f9fb 70%);border-bottom:1px solid var(--line)}
.camera-empty{color:#7d858c}
.camera-empty span{border-color:#b9dce5;color:var(--blitz-cyan)}
.camera-empty strong{color:#3b454d}
.camera-live-badge{background:#ffffffe8;color:#087c9a;border:1px solid #b9dce5}
.camera-live-badge.live{background:#fff0f1;color:#c42d37;border-color:#e4a6aa}

.studio-tools{background:#fff;border-top:1px solid var(--line)}
.studio-tools a{color:#5e8911}
.studio-tools span{color:var(--muted)}
.creator-outline{border-color:#c8d1d7;background:#fff;color:#52616a}
.creator-outline:hover{border-color:var(--blitz-cyan);color:#087c9a;background:#f4fbfd}
.creator-primary{border-color:#a6d22b;background:var(--accent);color:#182100;box-shadow:0 5px 16px #8bc72426}
.creator-primary:hover{background:#c9fa4c}
.score-panel{padding:24px}
.score-panel h2{color:#202124}
.score-panel>p{color:var(--muted)}
.score-row>b{color:#9aa0a6}
.score-panel label{color:#5f6368}
.score-row input{color:#202124;background:#fff}
.status-select{color:#5f6368!important}
.score-panel form{gap:19px}

.studio-lower{border-color:var(--line);background:#fff;box-shadow:0 14px 35px #2021240d}
.studio-section-head h2{color:#202124}
.studio-section-head p{color:var(--muted)}
.replay-strip{border-left-color:var(--blitz-cyan);background:linear-gradient(90deg,#f0fafc,#f8fafb);color:#202124}
.replay-strip>span{color:var(--blitz-cyan)}
.replay-strip small{color:#7d858c}
.replay-strip>b{color:#6e9410}
.studio-checks{border-left-color:var(--line);color:#7d858c}
.studio-checks span:first-child,.studio-checks span:nth-child(2){color:#6e9410}

@media(max-width:900px){.studio-grid-light{grid-template-columns:1fr}
}
@media(max-width:650px){.creator-main{padding:25px 16px 45px}
.creator-heading h1{font-size:29px}
}


/* Shared creator typography and light surface system */
.replay-layout-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 18px;border-bottom:1px solid #e2e8f0;background:#f8fafc}
.replay-layout-tools strong{margin-right:auto;color:#475467;font-size:10px}
.replay-layout-tools button{padding:6px 9px;border:1px solid #bfd4f5;border-radius:6px;background:#fff;color:#2878e8;cursor:pointer;font:700 10px inherit}
.replay-layout-tools button.active,.replay-layout-tools button:hover{border-color:#2878e8;background:#2878e8;color:#fff}

body,.creator-top,.creator-main,.creator-nav,.creator-match-card,.creator-video,.score-panel,.studio-lower{font-family:Inter,ui-sans-serif,system-ui,sans-serif}

body{font-weight:600}
.creator-heading h1,.creator-section-title h2,.creator-match-body h3,.score-panel h2,.studio-section-head h2{font-weight:850}
.creator-nav a,.creator-primary,.creator-outline,.creator-control,.creator-status,.creator-kicker,.on-air-label{font-weight:800}
.creator-main,.creator-nav,.creator-top{background:#fff}
.creator-nav{border-right-color:#e2e8f0}
.creator-nav a{color:#667085}
.creator-nav a:hover,.creator-nav a.active{background:#eff6ff;color:#111827}
.creator-nav a:first-letter{color:#2878e8}
.creator-match-card,.creator-video,.score-panel,.studio-lower{border-color:#e2e8f0;box-shadow:0 8px 22px #1118270a}
.creator-match-body h3{color:#111827}
.creator-match-body p,.creator-heading p,.creator-section-title p{color:#667085}
.creator-status{background:#eff6ff;color:#2878e8;border-color:#b9d2fa}
.creator-status.live{background:#fff0f3;color:#d92d5d;border-color:#f2b2c2}
.creator-outline{border-color:#9bc2f5;color:#2878e8;background:#fff}
.creator-outline:hover{background:#eff6ff;color:#1557b0}
.creator-primary{background:#b8ed45;color:#132000;border-color:#8ac926}
.creator-kicker,.on-air-label{color:#2878e8}
@media (max-width:700px){.creator-top{height:auto;min-height:68px;flex-wrap:wrap;gap:10px;padding-block:12px}.creator-top-right{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.creator-layout{display:block}.creator-nav{display:flex;width:100%;padding:8px 12px;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto;gap:4px}.creator-nav a{flex:0 0 auto;gap:8px;padding:10px 12px;white-space:nowrap;font-size:11px}.creator-main{min-width:0;padding:25px 16px 45px}.creator-heading{align-items:flex-start;flex-wrap:wrap}.creator-hero{align-items:flex-start;padding:22px}.hero-eight{flex:0 0 auto;width:72px;height:72px;margin-left:12px;font-size:30px}.creator-match-body h3{overflow-wrap:anywhere}.form-actions{flex-wrap:wrap;padding-inline:16px}.form-actions>*{flex:1 1 140px;text-align:center}.studio-tools,.studio-section-head{align-items:flex-start;flex-wrap:wrap}}
@media (max-width:380px){.creator-hero{display:block}.hero-eight{margin:18px 0 0}}

.password-field{position:relative;display:flex;align-items:center}
.password-field input{padding-right:74px}
.password-toggle{position:absolute;right:7px;display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:40px;padding:6px 8px;border:0;border-radius:5px;background:transparent;color:#1458a6;font:inherit;font-size:11px;font-weight:750;cursor:pointer}
.password-toggle:hover{background:#eff6ff;color:#104781}
.password-toggle:focus-visible{outline:2px solid #2878e8;outline-offset:1px}