@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#06131f;--panel:#0e1a2d;--panel2:#12263f;--line:#233b55;--text:#edf5ff;--muted:#90a3b7;--green:#55e7b2;--yellow:#f8d76a;--red:#ff5a6f;--blue:#7ab8ff}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -10%,rgba(58,110,164,.35),transparent 42%),var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;font-size:14px;min-height:100vh}.topbar{height:68px;border-bottom:1px solid #ffffff0d;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1180px)/2),24px);background:rgba(6,19,31,.8);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-size:13px;font-weight:800;letter-spacing:1.5px}.brand-mark{display:grid;place-items:center;background:linear-gradient(135deg,#69f0c6,#2bd7a3);color:#082019;width:30px;height:30px;border-radius:9px;font-size:17px;font-weight:800}.brand-muted{color:#82a0b9}.top-status{display:flex;align-items:center;gap:9px;color:#9cb1c3;font-size:12px}.live-dot,.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--green);box-shadow:0 0 12px rgba(85,231,178,.7)}.status-divider{color:#41536a}.page{max-width:1180px;margin:0 auto;padding:52px 24px 32px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:2px;color:var(--green);margin:0 0 11px}.intro h1{font-size:clamp(34px,5vw,52px);letter-spacing:-2.3px;line-height:1.05;margin:0}.intro h1 span{color:var(--green)}.lede{color:var(--muted);margin:12px 0 0;font-size:14px;max-width:620px}.live-count{text-align:right;font:500 30px 'DM Mono',monospace;color:var(--green)}.live-count small{display:block;color:var(--muted);font:500 9px 'DM Mono',monospace;letter-spacing:1.2px;margin-top:3px}.key-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #27435c;background:linear-gradient(100deg,#0f2238,#0d1a2a);border-radius:12px;padding:14px 16px;margin-bottom:14px}.key-copy{display:flex;flex-direction:column;gap:4px}.key-copy strong{font-size:13px}.key-copy span,.notice{font-size:11px;color:var(--muted)}.connection-label{display:inline-flex;align-items:center;gap:8px;font:500 11px 'DM Mono',monospace;color:#c6d7eb}.filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.filters label{display:flex;flex-direction:column;gap:6px;min-width:180px;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.filters select{background:#0a1827;border:1px solid #2b4461;color:var(--text);padding:11px 12px;border-radius:8px;outline:none}.filters select:focus{border-color:var(--green)}.ghost-button{border:1px solid #2b4461;color:var(--text);background:#0b1726;padding:10px 12px;border-radius:8px;font-weight:700;cursor:pointer}.notice{min-height:17px;margin:0 0 22px}.table-card{background:linear-gradient(145deg,#0d1c2e,#0a1624);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.18)}.table-heading{padding:21px 22px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.table-heading h2{font-size:16px;margin:0 0 4px;letter-spacing:-.3px}.table-heading p{font-size:11px;color:var(--muted);margin:0}.auto-refresh{font:10px 'DM Mono',monospace;color:#91a2b7}.refresh-icon{font-size:16px;color:var(--green);vertical-align:-1px;margin-right:5px}table{width:100%;border-collapse:collapse;text-align:left}thead{background:#ffffff03}th{font:500 9px 'DM Mono',monospace;letter-spacing:1px;color:#788ba2;padding:13px 15px;border-bottom:1px solid var(--line)}td{padding:15px;border-bottom:1px solid #ffffff0a;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#ffffff04}.rank-col{width:50px;text-align:center}.rank{color:#74869c;font:11px 'DM Mono',monospace}.center{text-align:center}.right{text-align:right}.match-cell{min-width:215px}.teams{display:flex;flex-direction:column;gap:7px}.team-line{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.team-line b{margin-left:auto;font:500 12px 'DM Mono',monospace;min-width:16px;text-align:right}.team-logo{width:17px;height:17px;object-fit:contain}.fallback{color:#52657b;font-size:9px}.competition{font-size:10px;color:var(--muted);margin:8px 0 0 25px}.competition span{color:#4a5b70}.minute,.score-cell{font:500 12px 'DM Mono',monospace;white-space:nowrap}.minute{color:var(--green)}.score-cell{font-size:14px}.score-cell span{color:#718096;padding:0 3px}.pressure-cell{min-width:220px}.pressure-top{display:flex;align-items:center;gap:9px}.pressure-top strong{font:500 20px 'DM Mono',monospace;min-width:28px}.high-text{color:var(--red)}.medium-text{color:var(--yellow)}.low-text{color:#b5c7d9}.meter{height:5px;background:#223247;border-radius:10px;overflow:hidden;flex:1}.meter i{height:100%;display:block;border-radius:10px}.meter i.high{background:linear-gradient(90deg,#ff5a6f,#ff7c6a)}.meter i.medium{background:linear-gradient(90deg,#edc55e,#f4df7b)}.meter i.low{background:linear-gradient(90deg,#8ca5bd,#b1c3d9)}.level{font:500 8px 'DM Mono',monospace;letter-spacing:.5px}.level.high{color:var(--red)}.level.medium{color:var(--yellow)}.level.low{color:#b5c7d9}.pressure-team{font-size:10px;color:#aab8c8;margin:5px 0 0 37px}.pressure-team span{color:#73849a;margin-left:8px}.coverage-note{display:block;color:var(--yellow);font-size:9px;margin:5px 0 0 37px}.signals{font:10px 'DM Mono',monospace;color:#a0aec0;white-space:nowrap}.signals small{display:block;color:#9caec4;margin-top:6px}.risk-badge{display:inline-block;padding:4px 7px;border-radius:999px;font:700 8px 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase}.risk-badge.high{background:rgba(255,90,111,.12);color:var(--red)}.risk-badge.medium{background:rgba(248,215,106,.12);color:var(--yellow)}.risk-badge.low{background:rgba(129,160,187,.12);color:#c1d6ea}.empty-state{height:190px;text-align:center;color:var(--muted)}.empty-state>*{display:block;margin:7px auto}.empty-state strong{color:#c8d3df;font-size:13px}.empty-state span:last-child{font-size:11px}.empty-icon{font-size:28px;color:var(--green)}.table-footer{display:flex;justify-content:space-between;gap:12px;padding:13px 18px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.legend-dot{width:6px;height:6px;margin:0 5px 0 11px}.legend-dot:first-child{margin-left:0}.legend-dot.high{background:var(--red)}.legend-dot.medium{background:var(--yellow)}.legend-dot.low{background:#8da0b5}.method-note{border-left:2px solid #2c3d52;padding:2px 0 2px 14px;margin:20px 0 32px}.method-note strong{font-size:11px}.method-note p{font-size:10px;color:var(--muted);line-height:1.7;margin:5px 0 0;max-width:840px}footer{border-top:1px solid #ffffff0d;padding-top:18px;color:#6e8095;font:10px 'DM Mono',monospace}footer span{padding:0 7px;color:var(--green)}[hidden]{display:none!important}@media(max-width:760px){.topbar{padding:0 16px}.page{padding:35px 14px 24px}.intro{align-items:flex-start}.intro h1{font-size:38px}.lede{max-width:380px;line-height:1.5}.key-panel{align-items:flex-start;flex-wrap:wrap}.key-copy{flex-basis:100%}.filters label{min-width:100%}.table-wrap{overflow-x:auto}table{min-width:820px}.table-footer{flex-direction:column}.top-status{font-size:10px}}@media(max-width:420px){.top-status{gap:5px}.status-divider,#updatedAt{display:none}.intro h1{font-size:33px}.live-count{font-size:24px}.auto-refresh{font-size:9px}.filters{flex-direction:column}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}