:root{color:#e8eef7;font-synthesis:none;background:#0a1726;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #b7f079}.brand{letter-spacing:-.8px;white-space:nowrap;align-items:center;gap:10px;font-family:Manrope,system-ui,sans-serif;font-size:21px;font-weight:800;display:inline-flex}.brand>span{letter-spacing:2px;color:#b7f079;border:1px solid #3f695a;border-radius:5px;padding:5px 7px;font-family:DM Sans,sans-serif;font-size:11px}.landing{max-width:1240px;margin:auto;padding:44px 44px 24px}.hero-grid{grid-template-columns:1.07fr 1fr;align-items:center;gap:90px;margin:112px 0 100px;display:grid}.eyebrow{letter-spacing:2.2px;color:#acbac9;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.dot{background:#b7f079;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block;box-shadow:0 0 14px #b7f04444}h1,h2,h3,p{margin:0}h1{letter-spacing:-3px;margin:20px 0 25px;font-family:Manrope,system-ui,sans-serif;font-size:67px;font-weight:700;line-height:1.09}h1 em{color:#b7f079;font-style:normal}.lead{color:#aebccc;max-width:450px;font-size:18px;line-height:1.7}.primary{color:#13221e;background:#b7f079;border:1px solid #b7f079;border-radius:7px;justify-content:center;align-items:center;gap:28px;min-height:52px;margin:30px 0 16px;padding:17px 23px;font-size:14px;font-weight:700;display:inline-flex}.primary:hover{background:#cbf6a0}.small{color:#8495a8;font-size:11px}.how-card{background:linear-gradient(130deg,#16283b,#101e2f);border:1px solid #2b3c4e;border-radius:15px;overflow:hidden;box-shadow:0 25px 60px #0002}.how-top{letter-spacing:1.7px;color:#acbac9;border-bottom:1px solid #2a3b4c;justify-content:space-between;align-items:center;padding:25px 27px;font-size:11px;display:flex}.live-label{color:#b7f079;letter-spacing:1.4px;align-items:center;gap:7px;font-size:10px;font-weight:700;display:inline-flex}.how-card ol{margin:0;padding:12px 28px;list-style:none}.how-card li{gap:24px;padding:22px 0;display:flex}.how-card li>b{color:#6c859c;padding-top:2px;font-size:12px;font-weight:500}.how-card strong{font-family:Manrope,sans-serif;font-size:16px;font-weight:700}.how-card p{color:#98aabd;margin-top:9px;font-size:13px;line-height:1.6}.how-footer{color:#8099ae;letter-spacing:1.3px;border-top:1px solid #2a3b4c;justify-content:space-between;padding:22px 27px;font-size:9px;font-weight:700;display:flex}.landing-bottom{color:#869aaf;border-top:1px solid #27384a;justify-content:space-between;gap:25px;padding:25px 0 10px;font-size:12px;line-height:1.9;display:flex}.landing-bottom strong{color:#d4deea;font-size:13px;font-weight:500}.connect-card{background:#142438;border:1px solid #2c4055;border-radius:14px;max-width:640px;margin:90px auto;padding:40px}.connect-card h1{letter-spacing:-1.8px;font-size:44px}.connect-card p{color:#a8b9ca;font-size:14px;line-height:1.8}.connect-card p strong{color:#e6eef7}.code-result{border-top:1px solid #324254;margin-top:20px;padding-top:24px}.code-result label{letter-spacing:1.4px;color:#a7bbcf;font-size:10px;display:block}.code-result input{color:#b7f079;letter-spacing:1px;background:#0a1726;border:1px solid #3b5468;border-radius:6px;width:100%;margin:10px 0;padding:18px 12px;font-family:monospace;font-size:21px;font-weight:700}.code-result button{color:#fff;background:0 0;border:1px solid #3d5369;border-radius:5px;margin-bottom:16px;padding:10px 20px}.footnote{text-align:center;color:#7c91a7;font-size:12px}.error{color:#ffb7a6!important;margin-top:20px!important}.viewer{max-width:1500px;margin:auto;padding:24px 32px 0}.viewer-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.share-button{color:#b8c9db;background:0 0;border:1px solid #35495e;border-radius:6px;min-height:40px;padding:10px 15px;font-size:11px;font-weight:600}.share-button:hover{border-color:#b7f079}.scoreboard{background:#14253a;border:1px solid #2a4054;border-radius:12px;padding:25px 30px 15px}.match-meta{align-items:center;gap:16px;display:flex}.match-meta h1{letter-spacing:.2px;color:#9aafc4;overflow-wrap:anywhere;margin:0;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500}.status-label{color:#c0cbda;letter-spacing:1px;white-space:nowrap;font-size:10px}.timer{font-variant-numeric:tabular-nums;white-space:nowrap;color:#c6d6e5;margin-left:auto;font-size:14px}.timer small{color:#758ba3;letter-spacing:1px;margin-left:8px;font-size:8px}.score-line{grid-template-columns:1fr auto 1fr;align-items:center;gap:34px;padding:26px 0 24px;display:grid}.score-line>div{overflow-wrap:anywhere;align-items:center;gap:13px;font-family:Manrope,sans-serif;font-size:22px;font-weight:600;display:flex}.score-line>div:last-child{text-align:right;justify-content:flex-end}.score-line>strong{letter-spacing:0;font-variant-numeric:tabular-nums;align-items:center;gap:30px;font-family:Manrope,sans-serif;font-size:47px;font-weight:800;display:flex}.score-line>strong>span{color:#496078;font-size:23px;font-weight:400}.team-cap{background:#f4f7fa;border:3px solid #d4e2ed;border-radius:50%;flex-shrink:0;width:12px;height:12px}.team-cap.blue{background:#388bea;border-color:#388bea}.match-bottom{color:#7790a9;border-top:1px solid #294157;justify-content:space-between;gap:15px;padding-top:13px;font-size:10px;display:flex}.connection-note{color:#e9cd8a;background:#2c281c;border:1px solid #7f693a;border-radius:7px;margin:14px 0 0;padding:12px 16px;font-size:12px;line-height:1.6}.viewer-tabs{scrollbar-width:thin;white-space:nowrap;gap:6px;margin:25px 0 14px;display:flex;overflow-x:auto}.viewer-tabs button{color:#8da6bf;background:0 0;border:0;border-radius:6px;padding:13px 18px;font-size:12px;font-weight:600}.viewer-tabs button:hover{color:#e8eef7;background:#152b40}.viewer-tabs button.active{color:#193120;background:#b7f079}.view-panel{color:#152c40;background:#fff;border:1px solid #2d4358;border-radius:10px;min-height:430px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:15px;padding:24px 25px 20px;display:flex}.panel-heading h2{letter-spacing:-.5px;font-family:Manrope,sans-serif;font-size:19px}.panel-heading>span{color:#8996a2;font-size:10px}.table-scroll{max-height:65vh;overflow:auto}.game-log{border-collapse:collapse;width:100%;min-width:850px;font-size:12px}.game-log th{text-align:left;color:#748698;letter-spacing:.8px;text-transform:uppercase;z-index:1;white-space:nowrap;background:#f0f4f7;padding:13px 12px;font-size:9px;font-weight:600;position:sticky;top:0}.game-log th:first-child,.game-log td:first-child{padding-left:25px}.game-log td{color:#4c6275;font-variant-numeric:tabular-nums;vertical-align:middle;border-bottom:1px solid #eaf0f4;padding:13px 12px}.game-log td:nth-child(5){color:#132c43}.game-log tbody tr:hover{background:#f6f9fc}.category{white-space:nowrap;color:#3b5267;background:#eef3f7;border:1px solid #d8e1e9;border-radius:4px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-block}.category.blue-tag{color:#226ab1;background:#eaf2ff;border-color:#cfdef3}.descriptor{color:#60778b;border:1px solid #dce6ee;border-radius:3px;margin:2px;padding:4px 6px;font-size:10px;display:inline-block}.stats-frame,.chart-frame{background:#fff;border:0;width:100%;height:70vh;min-height:480px}.empty{color:#6f8699;text-align:center;padding:70px 20px;font-size:14px}.viewer-footer{color:#6d859d;justify-content:space-between;gap:15px;padding:23px 2px 25px;font-size:10px;display:flex}.viewer-footer>span{color:#536c84}@media (width<=900px){.landing{padding:28px}.hero-grid{gap:38px;margin:80px 0 70px}h1{font-size:54px}.score-line{gap:18px}.score-line>div{font-size:18px}.score-line>strong{gap:16px;font-size:38px}.viewer,.scoreboard{padding:20px}.timer small{display:none}}@media (width<=620px){.hero-grid{grid-template-columns:1fr;gap:45px;margin:65px 0 50px}.landing{padding:25px}.landing-bottom{flex-direction:column}.how-card{max-width:500px}.hero-grid h1{font-size:59px}.lead{font-size:16px}.connect-card{margin:45px auto;padding:26px}.connect-card h1{font-size:37px}.code-result input{font-size:16px}.viewer{padding:17px 12px 0}.viewer-top{margin-bottom:20px}.viewer-top .brand{gap:7px;font-size:17px}.brand>span{font-size:9px}.share-button{padding:9px;font-size:9px}.scoreboard{padding:17px 15px 13px}.match-meta{flex-wrap:wrap;gap:10px}.match-meta h1{order:3;width:100%;font-size:10px;line-height:1.5}.timer{font-size:12px}.score-line{gap:9px;padding:22px 0}.score-line>div{gap:7px;font-size:13px}.score-line>strong{gap:10px;font-size:32px}.team-cap{border-width:2px;width:9px;height:9px}.match-bottom{font-size:8px}.viewer-tabs{gap:2px;margin-top:19px}.viewer-tabs button{padding:12px 13px;font-size:11px}.panel-heading{align-items:start;padding:20px 17px}.panel-heading h2{font-size:17px}.panel-heading>span{text-align:right;font-size:9px;line-height:1.5}.view-panel{border-radius:8px}.stats-frame,.chart-frame{height:72vh;min-height:450px}.viewer-footer{gap:10px;font-size:8px}.viewer-footer>span{text-align:right}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.server-address,#publisher-key{color:#e8eef7;background:#0a1726;border:1px solid #3b5468;border-radius:6px;width:100%;margin:14px 0 22px;padding:13px;font:14px monospace;display:block}.server-address{font-size:12px}.key-label{margin-top:24px;font-size:13px;display:block}.key-help{font-size:12px!important}.text-button{color:#c0d2e6;background:0 0;border:0;min-height:44px;margin-left:12px;padding:12px}.score-line>div>span>small{color:#aebccc;margin-top:8px;font:11px system-ui;display:block}