:root{--bg:#07101d;--surface:#0c192a;--cream:#f4f0e6;--muted:#9aa9bd;--acid:#42a5ff;--orange:#f09a48;--line:#aacaeb2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--cream);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.homePage{background:radial-gradient(circle at 78% 17%, #42a5ff21, transparent 28%), var(--bg);min-height:100vh}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;padding:0 5vw;display:flex}.brand{letter-spacing:-.06em;font-size:1.35rem;font-weight:900}.brand span{color:var(--orange)}nav{gap:34px;display:flex}nav a{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700}nav a:hover{color:var(--cream)}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:7vw;min-height:calc(100vh - 82px);padding:9vh 5vw;display:grid}.status{letter-spacing:.14em;color:var(--muted);align-items:center;gap:11px;font:700 .69rem/1 monospace;display:flex}.status span{background:var(--acid);border-radius:50%;width:8px;height:8px;box-shadow:0 0 15px #b8d84899}h1{letter-spacing:-.105em;margin:28px 0 26px;font-size:clamp(5rem,12vw,11rem);font-weight:950;line-height:.69}h1 em{color:var(--acid);font-style:normal}.tagline{color:var(--cream);text-transform:uppercase;letter-spacing:.03em;margin:0 0 14px;font-size:clamp(1.05rem,1.8vw,1.45rem);font-weight:900;line-height:1.2}.tagline strong{color:var(--orange)}.intro{max-width:510px;color:var(--muted);margin:0;font-size:1rem;line-height:1.6}.heroActions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.watchButton{background:var(--acid);min-height:50px;color:var(--bg);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:30px;padding:0 22px;font-size:.78rem;font-weight:900;display:inline-flex}.watchButton span{font-size:1.1rem}.watchButton:hover{background:var(--cream)}.gamesButton{border:1px solid var(--line);min-height:50px;color:var(--cream);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:0 22px;font-size:.78rem;font-weight:900;display:inline-flex}.gamesButton:hover{border-color:var(--acid)}.portraitCard{border:1px solid var(--line);background:linear-gradient(145deg, transparent 56%, #f09a481f 56%), repeating-linear-gradient(90deg, transparent 0 34px, #ffffff06 35px), var(--surface);flex-direction:column;justify-content:space-between;min-height:560px;padding:26px;display:flex;box-shadow:22px 22px #0003}.cardTop{color:var(--muted);letter-spacing:.14em;justify-content:space-between;font:700 .65rem/1 monospace;display:flex}.playerMark{aspect-ratio:1;background:var(--acid);width:min(72%,320px);color:var(--bg);border-radius:50%;place-items:center;margin:auto;display:grid;overflow:hidden;box-shadow:0 0 0 18px #b8d8480f,0 0 0 36px #b8d84808}.playerMark img{object-fit:cover;width:100%;height:100%;display:block}.cardBottom{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:30px;padding-top:22px;display:grid}.cardBottom div{gap:7px;display:grid}.cardBottom small{color:var(--muted);letter-spacing:.14em;font:700 .62rem/1 monospace}.cardBottom strong{font-size:.96rem}.cardBottom .liveText{color:#ff5b45}.games{border-top:1px solid var(--line);background:#091422;padding:13vh 5vw}.sectionTitle{grid-template-columns:.4fr 1fr .55fr;align-items:start;gap:3vw;margin-bottom:8vh;display:grid}.sectionTitle>span{color:var(--acid);text-transform:uppercase;letter-spacing:.15em;font:700 .68rem/1 monospace}.sectionTitle h2{letter-spacing:-.07em;margin:0;font-size:clamp(2.8rem,6vw,6rem);line-height:.9}.sectionTitle p{color:var(--muted);margin:4px 0 0;font-size:.82rem;line-height:1.55}.gameList{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.gameList article{border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:280px;padding:28px;display:flex}.gameList article:last-child{border-right:0}.gameList article>span{color:var(--orange);font:700 .66rem/1 monospace}.gameList small{color:var(--acid);letter-spacing:.12em;font:700 .58rem/1 monospace}.gameList h3{letter-spacing:-.04em;margin:0 0 14px;font-size:1.45rem}.gameList small+h3{margin-top:10px}.gameList p{max-width:300px;color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}footer{min-height:110px;color:var(--muted);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 5vw;font:700 .62rem/1 monospace;display:flex}footer a:hover{color:var(--acid)}@media (max-width:850px){.hero{grid-template-columns:1fr}.portraitCard{min-height:500px}.sectionTitle{grid-template-columns:1fr;gap:28px}.gameList{grid-template-columns:1fr}.gameList article{border-right:0;border-bottom:1px solid var(--line)}.gameList article:last-child{border-bottom:0}}@media (max-width:520px){.topbar{height:70px;padding:0 18px}nav{gap:18px}nav a:first-child{display:none}.hero{min-height:auto;padding-top:8vh}h1{font-size:27vw}.portraitCard{min-height:410px;padding:20px}.cardBottom{grid-template-columns:1fr;gap:14px}footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:14px}}.clipPage{background:radial-gradient(circle at 72% 14%, #b8d8481c, transparent 25%), var(--bg);min-height:100vh}.clipTopbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:0 5vw;display:flex}.draftBadge{border:1px solid var(--line);color:var(--muted);letter-spacing:.13em;padding:8px 10px;font:700 .6rem/1 monospace}.clipShell{grid-template-columns:1fr minmax(360px,520px);align-items:center;gap:8vw;min-height:calc(100vh - 76px);padding:7vh 5vw;display:grid}.clipEyebrow{color:var(--muted);letter-spacing:.14em;align-items:center;gap:10px;font:700 .67rem/1 monospace;display:flex}.clipEyebrow span,.clipPulse{background:#ff5b45;border-radius:50%;width:9px;height:9px;box-shadow:0 0 18px #ff5b45a6}.clipIntro h1{letter-spacing:-.095em;margin:30px 0;font-size:clamp(4.3rem,8.5vw,9rem);line-height:.75}.clipIntro h1 em{color:var(--acid);font-style:normal}.clipIntro>p{max-width:490px;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.6}.clipControlCard{border:1px solid var(--line);background:var(--surface);padding:26px;box-shadow:18px 18px #0000003b}.clipUser{border-bottom:1px solid var(--line);grid-template-columns:52px 1fr auto;align-items:center;gap:14px;padding-bottom:22px;display:grid}.clipUser img{object-fit:cover;border-radius:50%;width:52px;height:52px}.clipUser div{gap:5px;display:grid}.clipUser small,.clipSignal small{color:var(--muted);letter-spacing:.13em;font:700 .58rem/1 monospace}.clipUser strong,.clipSignal strong{font-size:.95rem}.clipUser>span{color:var(--acid);letter-spacing:.1em;font:700 .58rem/1 monospace}.clipSignal{align-items:center;gap:14px;margin:28px 0 20px;display:flex}.clipSignal div{gap:6px;display:grid}.clipButton{background:var(--acid);width:100%;min-height:180px;color:var(--bg);cursor:default;text-align:left;border:0;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:28px;display:flex}.clipButton:not(:disabled){cursor:pointer}.clipButton:not(:disabled):hover{background:var(--cream)}.clipButton:disabled{opacity:.7}.clipButton span{letter-spacing:-.07em;font-size:clamp(2.15rem,4vw,3.5rem);font-weight:950;line-height:.9}.clipButton small{letter-spacing:.1em;font:700 .65rem/1 monospace}.clipResult{border:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:16px;margin-top:16px;padding:18px;display:grid}.clipResult span{color:var(--orange);letter-spacing:.12em;font:700 .62rem/1 monospace}.clipResult p{color:var(--muted);margin:0;font-size:.78rem;line-height:1.45}.clipResult div{gap:7px;display:grid}.clipResult a{color:var(--acid);text-underline-offset:3px;font:700 .64rem/1.2 monospace;text-decoration:underline}.clipSafety{text-align:center;color:var(--muted);letter-spacing:.05em;margin:18px 0 0;font:700 .55rem/1.4 monospace}.clipLoginState,.clipLoginPanel{border:1px solid var(--line);background:var(--surface);padding:34px;box-shadow:18px 18px #0000003b}.clipLoginState{color:var(--muted);font:700 .7rem/1.4 monospace}.clipLoginPanel{justify-items:start;display:grid}.clipLoginPanel img{object-fit:cover;border-radius:50%;width:70px;height:70px;margin-bottom:24px}.clipLoginPanel small{color:var(--acid);letter-spacing:.14em;font:700 .6rem/1 monospace}.clipLoginPanel h2{letter-spacing:-.065em;margin:14px 0 10px;font-size:clamp(2rem,4vw,3.3rem);line-height:.95}.clipLoginPanel>p:not(.clipSafety){max-width:390px;color:var(--muted);margin:0 0 26px;font-size:.88rem;line-height:1.5}.clipLoginButton{color:#fff;text-align:center;letter-spacing:.08em;background:#9146ff;width:100%;padding:20px;font-size:.75rem;font-weight:900}.clipLoginButton:hover{background:#a970ff}@media (max-width:850px){.clipShell{grid-template-columns:1fr;padding-top:6vh}.clipIntro h1{font-size:clamp(4.5rem,15vw,7rem)}.clipControlCard{width:100%;max-width:620px}}@media (max-width:520px){.clipTopbar{height:66px}.clipShell{gap:42px;min-height:calc(100vh - 66px);padding:42px 18px 70px}.clipIntro h1{margin:24px 0;font-size:18vw}.clipIntro>p{font-size:.94rem}.clipControlCard{padding:18px;box-shadow:10px 10px #0000003b}.clipUser{grid-template-columns:46px 1fr}.clipUser img{width:46px;height:46px}.clipUser>span{grid-column:2}.clipButton{min-height:155px}}.localReviewBanner{color:#171205;text-align:center;letter-spacing:.06em;background:#ffd84a;padding:10px 18px;font:900 11px monospace}.localReviewExit{color:#ffd84a;border:1px solid #ffd84a73;padding:8px 11px;font-size:11px}.clipTopbar nav{align-items:center;gap:18px;display:flex}.clipTopbar nav a{color:var(--muted)}.dashboardLoginPage{background:radial-gradient(circle at 20% 20%, #42a5ff1f, transparent 30%), var(--bg);min-height:100vh}.dashboardPublicTopbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;padding:0 clamp(22px,5vw,78px);display:flex}.dashboardPublicTopbar>a:last-child{color:var(--muted);text-transform:uppercase;font:700 12px monospace}.dashboardLoginShell{grid-template-columns:1.1fr minmax(340px,480px);align-items:center;gap:clamp(50px,8vw,130px);min-height:calc(100vh - 78px);padding:70px clamp(22px,8vw,130px);display:grid}.dashboardLoginCopy h1{margin:28px 0;font-size:clamp(62px,8vw,126px)}.dashboardLoginCopy h1 em{color:var(--acid)}.dashboardLoginCopy>p:last-child{max-width:560px;color:var(--muted);font-size:18px;line-height:1.65}.dashboardEyebrow{color:var(--acid);letter-spacing:.16em;font:700 11px monospace}.dashboardLoginCard{border:1px solid var(--line);background:var(--surface);padding:38px;box-shadow:24px 24px #42a5ff0d}.loginLock{background:var(--acid);width:64px;height:64px;color:var(--bg);place-items:center;margin-bottom:30px;font-size:20px;font-weight:950;display:grid}.dashboardLoginCard h2{margin:15px 0 12px;font-size:clamp(32px,4vw,52px);line-height:.95}.dashboardLoginCard>p:not(.dashboardEyebrow){color:var(--muted);line-height:1.55}.twitchLoginButton{color:#fff;text-align:center;background:#9146ff;margin:26px 0 15px;padding:18px;font-weight:900;display:block}.dashboardLoginCard small{color:var(--muted);text-align:center;display:block}.analysisPage{min-height:100vh;color:var(--cream);background:#07101d}.analysisTopbar{border-bottom:1px solid var(--line);background:#0a1524;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:14px 24px;display:flex}.analysisBrand{letter-spacing:-.06em;font-size:18px;font-weight:950}.analysisBrand span{color:var(--orange)}.analysisBrand small{color:var(--muted);letter-spacing:0;margin-top:3px;font:10px monospace;display:block}.analysisAccount{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.analysisAccount>div{width:34px;height:34px;color:var(--cream);background:#15253a;border-radius:50%;place-items:center;font-weight:800;display:grid}.analysisLayout{grid-template-columns:180px 1fr;display:grid}.analysisSidebar{border-right:1px solid var(--line);background:#091523;align-content:start;gap:6px;min-height:calc(100vh - 72px);padding:24px 14px;display:grid}.analysisSidebar a,.analysisSidebar span{color:var(--muted);padding:11px 14px;font-size:14px}.analysisSidebar .active{border-left:4px solid var(--acid);color:var(--cream);background:#12243a}.analysisMain{min-width:0;padding:28px}.analysisHeading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.analysisHeading h1{letter-spacing:-.03em;margin:0 0 5px;font-size:25px;line-height:1}.analysisHeading p,.analysisChart p,.analysisHistory p{color:var(--muted);margin:0;font-size:13px}.analysisPeriod{background:#0f1d2e;gap:4px;padding:4px;display:flex}.analysisPeriod a{padding:8px 11px;font-size:12px;font-weight:500}.analysisPeriod a.active{background:var(--acid);color:#06111e}.analysisLive{background:var(--surface);justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:16px 18px;display:flex}.analysisLive>div{align-items:center;gap:12px;display:flex}.analysisLive i{background:#ff6b6b;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #ff6b6b1f}.analysisLive p{margin:0}.analysisLive strong,.analysisLive span{display:block}.analysisLive span{color:var(--muted);margin-top:4px;font-size:12px}.analysisLive>p{text-align:right}.analysisLive>p strong{font-size:23px}.analysisStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.analysisStats article,.analysisChart,.analysisHistory{background:var(--surface);padding:18px}.analysisStats span{color:var(--muted);font-size:12px}.analysisStats strong{margin:7px 0 3px;font-size:25px;display:block}.analysisStats small{color:var(--acid);font-size:11px}.analysisChart{margin-bottom:14px}.analysisChart header,.analysisHistory header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px;display:flex}.analysisChart h2,.analysisHistory h2{margin:0 0 4px;font-size:16px}.analysisChart header>span{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.analysisChart header i{background:var(--acid);width:18px;height:3px}.analysisChart svg{width:100%;height:auto;display:block}.chartGrid line{stroke:var(--line);stroke-width:1px}.analysisChart polygon{fill:#42a5ff1f}.analysisChart polyline{fill:none;stroke:var(--acid);stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.chartLabels text{fill:var(--muted);font:10px monospace}.analysisTableWrap{overflow-x:auto}.analysisHistory table{border-collapse:collapse;width:100%;min-width:620px}.analysisHistory th{text-align:left;color:var(--muted);padding:10px 8px;font-size:11px;font-weight:500}.analysisHistory td{border-top:1px solid var(--line);padding:12px 8px;font-size:12px}.analysisHistory th:nth-child(n+3),.analysisHistory td:nth-child(n+3){text-align:right}.analysisHistory td span{color:var(--muted);margin-top:3px;display:block}.analysisPrivate{color:var(--muted);margin-top:15px;display:block}@media (max-width:900px){.dashboardLoginShell,.analysisLayout{grid-template-columns:1fr}.analysisSidebar{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);min-height:auto;padding:8px 14px}.analysisSidebar a,.analysisSidebar span{text-align:center}.analysisSidebar .active{border-left:0;border-bottom:3px solid var(--acid)}.analysisStats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.analysisTopbar{padding:12px 15px}.analysisAccount>span{display:none}.analysisMain{padding:18px}.analysisHeading{display:block}.analysisPeriod{width:max-content;margin-top:14px}.analysisStats article,.analysisChart,.analysisHistory{padding:14px 10px}.dashboardLoginShell{padding:42px 18px 70px}.dashboardLoginCard{padding:26px 20px}}
