:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--surface-1:var(--lightningcss-light,#fcfcfb)var(--lightningcss-dark,#1a1a19);--surface-2:var(--lightningcss-light,#f2f2ef)var(--lightningcss-dark,#232322);--page-plane:var(--lightningcss-light,#f9f9f7)var(--lightningcss-dark,#0d0d0d);--text-primary:var(--lightningcss-light,#0b0b0b)var(--lightningcss-dark,#fff);--text-secondary:var(--lightningcss-light,#52514e)var(--lightningcss-dark,#c3c2b7);--text-muted:#898781;--border:var(--lightningcss-light,#0b0b0b1a)var(--lightningcss-dark,#ffffff1a);--gridline:var(--lightningcss-light,#e1e0d9)var(--lightningcss-dark,#2c2c2a);--baseline:var(--lightningcss-light,#c3c2b7)var(--lightningcss-dark,#383835);--series-1:var(--lightningcss-light,#2a78d6)var(--lightningcss-dark,#3987e5);--series-2:var(--lightningcss-light,#eb6834)var(--lightningcss-dark,#d95926);--series-3:var(--lightningcss-light,#1baf7a)var(--lightningcss-dark,#199e70);--series-4:var(--lightningcss-light,#eda100)var(--lightningcss-dark,#c98500);--status-good:#0ca30c;--status-critical:var(--lightningcss-light,#d03b3b)var(--lightningcss-dark,#e66767);--tooltip-surface:var(--lightningcss-light,#1a1a19)var(--lightningcss-dark,#f2f2ef);--tooltip-text:var(--lightningcss-light,#f9f9f7)var(--lightningcss-dark,#0b0b0b);--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font:16px/1.5 var(--sans);color:var(--text-primary);background:var(--page-plane);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark only}*{box-sizing:border-box}body{margin:0}h1,h2,h3{font-family:var(--sans);color:var(--text-primary);margin:0;font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}main{max-width:720px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.page-header{margin-bottom:1.75rem}.page-header h1{letter-spacing:-.02em;font-size:1.75rem}.page-header p{color:var(--text-secondary);margin:.375rem 0 0;font-size:.95rem}.tabs{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;gap:.125rem;max-width:fit-content;margin-bottom:1.75rem;padding:.25rem;display:flex}.tabs button{font:inherit;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s}@media (width<=400px){.tabs{max-width:100%}.tabs button{flex:1;padding:.5rem;font-size:.8rem}}.tabs button:hover{color:var(--text-primary)}.tabs button.active{background:var(--text-primary);color:var(--page-plane)}.section-intro{color:var(--text-secondary);margin:0 0 1rem;font-size:.9rem}.outcome-legend{color:var(--text-secondary);gap:1.25rem;margin-bottom:1.25rem;font-size:.8rem;display:flex}.outcome-legend .swatch{vertical-align:-1px;border-radius:2px;width:.6rem;height:.6rem;margin-right:.375rem;display:inline-block}.swatch.home{background:var(--series-1)}.swatch.draw{background:var(--baseline)}.swatch.away{background:var(--series-2)}.match-list{flex-direction:column;gap:.875rem;margin:0;padding:0;list-style:none;display:flex}.match-card{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:1rem 1.125rem}.match-header{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.75rem;display:flex}.match-teams{align-items:center;gap:.5rem;min-width:0;font-size:.95rem;font-weight:600;display:flex}.match-teams .vs{color:var(--text-muted);font-size:.8rem;font-weight:400}.match-date{color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.8rem}.scorers{border-top:1px solid var(--border);margin-top:.875rem;padding-top:.75rem}.scorers-head{letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary);justify-content:space-between;align-items:baseline;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:flex}.scorers-head .muted{text-transform:none;letter-spacing:0;font-weight:400}.scorers-empty{border-top:1px solid var(--border);margin:.875rem 0 0;padding-top:.75rem;font-size:.8rem}.scorers-list{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.scorer-row{grid-template-columns:3px minmax(0,11rem) 1fr 2.5rem;align-items:center;gap:.5rem;font-size:.85rem;display:grid}.scorer-side{border-radius:2px;height:1.1rem}.scorer-side.home{background:var(--series-1)}.scorer-side.away{background:var(--series-2)}.scorer-name{flex-direction:column;min-width:0;line-height:1.25;display:flex}.scorer-name>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scorer-team{color:var(--text-muted);font-size:.7rem}.scorer-bar{background:var(--page-plane);border-radius:999px;height:.5rem;display:block;overflow:hidden}.scorer-bar-fill{border-radius:999px;height:100%;display:block}.scorer-bar-fill.home{background:var(--series-1)}.scorer-bar-fill.away{background:var(--series-2)}.scorer-value{text-align:right;font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600}@media (width<=420px){.scorer-row{grid-template-columns:3px minmax(0,8rem) 1fr 2.5rem}}.section-title{margin:2rem 0 .5rem;font-size:1.1rem}.section-title:first-child{margin-top:0}.muted{color:var(--text-muted)}.result-row{color:var(--text-secondary);align-items:center;gap:.5rem;margin-top:.75rem;font-size:.85rem;display:flex}.result-badge{border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.result-badge.correct{color:var(--status-good);background:color-mix(in srgb, var(--status-good) 14%, transparent)}.result-badge.incorrect{color:var(--status-critical);background:color-mix(in srgb, var(--status-critical) 14%, transparent)}.stacked-bar{font-variant-numeric:tabular-nums;color:#fff;background:var(--page-plane);border-radius:6px;gap:2px;height:1.75rem;font-size:.75rem;font-weight:600;display:flex;overflow:hidden}.stacked-bar-segment{white-space:nowrap;justify-content:center;align-items:center;min-width:0;display:flex}.stacked-bar-segment.home{background:var(--series-1)}.stacked-bar-segment.draw{background:var(--baseline);color:var(--text-primary)}.stacked-bar-segment.away{background:var(--series-2)}.calibration-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.calibration-card{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:1.125rem}.calibration-card h3{text-transform:capitalize;font-size:1rem}.calibration-card .muted{margin:.25rem 0 .75rem;font-size:.8rem;display:block}.metrics-table{border-collapse:collapse;width:100%;margin-top:.75rem;font-size:.85rem}.metrics-table td{border-top:1px solid var(--border);padding:.3rem 0}.metrics-table td:first-child{color:var(--text-secondary)}.metrics-table td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.state-message{color:var(--text-secondary);font-size:.9rem}.state-message[role=alert]{color:var(--status-critical)}.chart-tick{fill:var(--text-muted);font-variant-numeric:tabular-nums;font-size:9px}.chart-axis-label{fill:var(--text-secondary);font-size:10px}.model-legend{color:var(--text-secondary);align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.model-legend .swatch{border-radius:50%;width:.6rem;height:.6rem;display:inline-block}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(button,a):focus-visible{outline:2px solid var(--series-1);outline-offset:2px}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);z-index:20;background:var(--tooltip-surface);width:max-content;max-width:min(16rem,60vw);color:var(--tooltip-text);font:400 .75rem/1.35 var(--sans);letter-spacing:0;text-align:left;text-transform:none;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;border-radius:6px;padding:.375rem .5rem;transition:opacity .12s,visibility 0s linear .12s;position:absolute;top:calc(100% + .5rem);left:50%;translate:-50%}[data-tooltip][data-tooltip-align=end]:after{left:auto;right:0;translate:none}[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transition:opacity .12s .35s,visibility 0s linear .35s}@media (hover:hover){[data-tooltip]:hover:after{opacity:1;visibility:visible;transition:opacity .12s .35s,visibility 0s linear .35s}}.page-header-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.theme-toggle{background:var(--surface-1);border:1px solid var(--border);border-radius:999px;gap:.125rem;padding:.1875rem;display:flex}.theme-toggle button{font:inherit;width:1.85rem;height:1.85rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;font-size:.8rem;line-height:1;transition:background-color .15s,color .15s;display:grid}.theme-toggle button:hover{color:var(--text-primary)}.theme-toggle button.active{background:var(--text-primary);color:var(--page-plane)}.day-group+.day-group{margin-top:1.5rem}.day-heading{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.match-row{list-style:none}.match-row-button{text-align:left;width:100%;font:inherit;color:inherit;background:var(--surface-1);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:.875rem 1rem;transition:border-color .15s,background-color .15s;display:block}.match-row-button:hover{border-color:color-mix(in srgb, var(--text-primary) 22%, transparent);background:var(--surface-2)}.match-row-teams{justify-content:space-between;gap:.75rem;margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:flex}.match-row-team{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.match-row-team.away{text-align:right}.match-row-footer{justify-content:space-between;align-items:baseline;gap:.75rem;margin-top:.5rem;font-size:.78rem;display:flex}.match-row-open{color:var(--text-muted);white-space:nowrap}.back-link{font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-bottom:.75rem;padding:0;font-size:.85rem}.back-link:hover{color:var(--text-primary)}.detail-header{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;margin-bottom:1rem;padding:1rem 1.125rem}.detail-date{color:var(--text-muted);margin:0 0 .25rem;font-size:.78rem}.detail-teams{margin-bottom:.75rem;font-size:1.15rem}.detail-teams .vs{color:var(--text-muted);font-size:.85rem;font-weight:400}.detail-header .outcome-legend{margin:.625rem 0 0}.detail-tabs{margin-bottom:1rem}.panel-title{letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary);margin:1.5rem 0 .5rem;font-size:.85rem;font-weight:600}.reliability-chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0 0 1rem;padding:.625rem .875rem;font-size:.82rem;display:flex}.reliability-dot{background:var(--series-1);border-radius:50%;flex:none;width:.5rem;height:.5rem}.outcome-switch{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;gap:.125rem;margin-bottom:1rem;padding:.25rem;display:flex}.outcome-switch button{min-width:0;font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:.4rem .5rem;font-size:.8rem}.outcome-switch button>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.outcome-switch button.active{background:var(--text-primary);color:var(--page-plane)}.waterfall-anchor{color:var(--text-secondary);border-bottom:1px solid var(--border);justify-content:space-between;gap:.75rem;padding:.5rem 0;font-size:.85rem;display:flex}.waterfall-anchor.total{border-bottom:none;border-top:2px solid var(--text-primary);color:var(--text-primary);font-weight:600}.waterfall-anchor-value{font-variant-numeric:tabular-nums;font-weight:600}.waterfall-list{flex-direction:column;gap:.375rem;margin:.375rem 0;padding:0;list-style:none;display:flex}.waterfall-row{grid-template-columns:minmax(0,9.5rem) 1fr 3rem;align-items:center;gap:.5rem;font-size:.82rem;display:grid}.waterfall-label{text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);overflow:hidden}.waterfall-track{height:.75rem;display:block;position:relative}.waterfall-axis{background:var(--gridline);width:1px;position:absolute;top:0;bottom:0;left:50%}.waterfall-fill{border-radius:2px;min-width:2px;position:absolute;top:.125rem;bottom:.125rem}.waterfall-fill.positive{background:var(--series-1)}.waterfall-fill.negative{background:var(--series-2)}.waterfall-value{text-align:right;font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:600}.waterfall-value.positive{color:var(--series-1)}.waterfall-value.negative{color:var(--series-2)}.waterfall-note{margin:.625rem 0 0;font-size:.72rem;line-height:1.45}@media (width<=420px){.waterfall-row{grid-template-columns:minmax(0,7rem) 1fr 2.75rem}}.expected-goals{color:var(--text-secondary);gap:1.5rem;font-size:.85rem;display:flex}.expected-goals-item{align-items:center;gap:.375rem;display:flex}.expected-goals-item strong{color:var(--text-primary);font-variant-numeric:tabular-nums}.scoreline-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.scoreline-list li{background:var(--surface-1);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:10px;flex-direction:column;align-items:center;gap:.125rem;padding:.5rem .75rem;display:flex}.scoreline-score{font-size:.9rem;font-weight:600}.scoreline-value{color:var(--text-muted);font-size:.72rem}.context-warning{color:var(--text-secondary);background:var(--surface-2);border-left:3px solid var(--baseline);border-radius:0 8px 8px 0;margin:0 0 .75rem;padding:.625rem .75rem;font-size:.78rem;line-height:1.45}.context-table{border-collapse:collapse;width:100%;font-size:.82rem}.context-table th,.context-table td{border-top:1px solid var(--border);text-align:right;font-variant-numeric:tabular-nums;padding:.4rem .5rem}.context-table thead th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;border-top:none;font-size:.72rem;font-weight:500}.context-table th:first-child,.context-table tbody th{text-align:left;color:var(--text-secondary);font-weight:400}
