.confidence-filter{flex-wrap:wrap;align-items:center;gap:1rem;width:100%;display:flex}.cf-label{color:var(--color-soft);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:700}.cf-range{appearance:none;border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--color-home), var(--color-draw), var(--color-away));outline:none;flex:auto;min-width:12rem;height:4px}.cf-range::-webkit-slider-thumb{appearance:none;background:var(--color-ink);border:2px solid var(--color-draw);cursor:pointer;border-radius:50%;width:1rem;height:1rem}.cf-range::-moz-range-thumb{background:var(--color-ink);border:2px solid var(--color-draw);cursor:pointer;border-radius:50%;width:1rem;height:1rem}.cf-value{min-width:3.2rem;color:var(--color-ink);font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:1rem;font-weight:400}
.date-navigator{justify-content:center;align-items:center;gap:.5rem;display:flex}.current-date{justify-items:center;min-width:11rem;display:grid}.current-date-label{font-family:var(--font-display);letter-spacing:.02em;color:var(--color-ink);font-size:1.05rem;font-weight:400}.current-date-sub{letter-spacing:.14em;text-transform:uppercase;color:var(--color-soft);font-size:.68rem}.nav-button{border:var(--rule-hair) solid color-mix(in oklch, var(--color-ink) 13%, transparent);border-radius:var(--radius-card);background:color-mix(in oklch, var(--color-ink) 5%, transparent);width:2.6rem;height:2.6rem;color:var(--color-ink);cursor:pointer;transition:background var(--dur-short) var(--ease-out);place-items:center;font-size:1.1rem;display:grid}@media (hover:hover) and (pointer:fine){.nav-button:hover{background:color-mix(in oklch, var(--color-ink) 11%, transparent)}}@media screen and (max-width:480px){.current-date{min-width:9rem}}
.predictions-list{gap:.7rem;display:grid}.match-card{border-radius:var(--radius-card);background:var(--color-paper);border:var(--rule-hair) solid color-mix(in oklch, var(--color-rule) 60%, transparent);box-shadow:0 30px 60px var(--color-shadow);transition:border-color var(--dur-medium) var(--ease-out);position:relative;overflow:hidden}.match-card.expanded.home{border-color:var(--color-home)}.match-card.expanded.draw{border-color:var(--color-draw)}.match-card.expanded.away{border-color:var(--color-away)}.match-card-head{cursor:pointer;grid-template-columns:3.2rem minmax(0,1fr) 17rem;align-items:center;gap:clamp(.8rem,2vw,1.4rem);padding:1rem 1.2rem 1.35rem;display:grid}.match-card-time{justify-items:center;gap:.2rem;display:grid}.match-card-time-value{font-family:var(--font-display);color:var(--color-ink);font-size:.9rem;font-weight:400}.match-card-league{letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--color-soft);font-size:.5rem;line-height:1.1}.match-card-teams{gap:.5rem;min-width:0;margin-inline-start:1rem;display:grid}.match-card-teams-line{color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;overflow:hidden}.match-card-vs{color:var(--color-soft);font-size:.8rem}.model-dots{gap:.7rem;display:flex}.model-dot{letter-spacing:.08em;text-transform:uppercase;color:var(--color-soft);align-items:center;gap:.3rem;font-size:.56rem;font-weight:700;display:inline-flex}.model-dot-mark{width:.5rem;height:.5rem;box-shadow:inset 0 0 0 1.5px var(--color-soft);border-radius:50%}.model-dot.on{color:var(--color-ink)}.model-dot.on.home{color:var(--color-home)}.model-dot.on.home .model-dot-mark{background:var(--color-home);box-shadow:inset 0 0 0 1.5px var(--color-home)}.model-dot.on.draw{color:var(--color-draw)}.model-dot.on.draw .model-dot-mark{background:var(--color-draw);box-shadow:inset 0 0 0 1.5px var(--color-draw)}.model-dot.on.away{color:var(--color-away)}.model-dot.on.away .model-dot-mark{background:var(--color-away);box-shadow:inset 0 0 0 1.5px var(--color-away)}.match-card-metrics{grid-template-columns:3.8rem 4rem minmax(5.5rem,1fr);justify-self:end;align-items:center;column-gap:1rem;width:100%;display:grid}.match-card-metric{justify-items:end;gap:.2rem;display:grid}.match-card-metric span{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--color-soft);font-size:.5rem}.match-card-metric strong{font-family:var(--font-display);color:var(--color-ink);font-size:1.05rem;font-weight:400;line-height:1}.match-card-metric strong.home{color:var(--color-home)}.match-card-metric strong.draw{color:var(--color-draw)}.match-card-metric strong.away{color:var(--color-away)}.match-card-pick{text-overflow:ellipsis;max-width:100%;color:var(--color-page);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:7px;justify-self:end;padding:.42rem .75rem;font-size:.66rem;font-weight:700;overflow:hidden}.match-card-pick.home{background:var(--color-home)}.match-card-pick.draw{background:var(--color-draw)}.match-card-pick.away{background:var(--color-away)}.match-card-bar{background:color-mix(in oklch, var(--color-ink) 8%, transparent);width:100%;height:.55rem;display:flex;overflow:visible}.match-card-bar-segment,.match-card-bar-opposing{cursor:default;height:100%;position:relative}.match-card-bar-opposing{background:color-mix(in oklch, var(--color-rule) 80%, transparent)}.match-card-bar-segment:before,.match-card-bar-opposing:before{content:"";position:absolute;inset:-.4rem 0}.match-card-bar-segment[data-tip]:after,.match-card-bar-opposing[data-tip]:after{content:attr(data-tip);border:var(--rule-hair) solid transparent;color:var(--color-page);font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-short) var(--ease-out);z-index:2;border-radius:6px;padding:.28rem .55rem;font-size:.62rem;font-weight:400;position:absolute;bottom:calc(100% + .45rem);left:50%;transform:translate(-50%)}.match-card-bar-segment.home[data-tip]:after{background:var(--color-home)}.match-card-bar-segment.draw[data-tip]:after{background:var(--color-draw)}.match-card-bar-segment.away[data-tip]:after{background:var(--color-away)}.match-card-bar-opposing[data-tip]:after{background:color-mix(in oklch, var(--color-rule) 80%, transparent);color:var(--color-ink)}.match-card-bar-segment[data-tip]:hover:after,.match-card-bar-opposing[data-tip]:hover:after{opacity:1}.match-card-bar-segment.home{background:var(--color-home)}.match-card-bar-segment.draw{background:var(--color-draw)}.match-card-bar-segment.away{background:var(--color-away)}.match-card-details{border-block-start:var(--rule-hair) solid color-mix(in oklch, var(--color-rule) 60%, transparent);padding:0 1.2rem 1.2rem;padding-block-start:1.1rem}.details-grid{grid-template-columns:1fr 1fr;gap:1.4rem;display:grid}.details-item.details-mini{grid-column:1/-1}.details-item{align-content:start;gap:.6rem;display:grid}.details-item .label{letter-spacing:.14em;text-transform:uppercase;color:var(--color-soft);font-size:.6rem;font-weight:700}@media screen and (max-width:900px){.details-grid{grid-template-columns:1fr}}.form-row{gap:.6rem;display:grid}.form-team{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.form-team .team-name{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.form-seq,.h2h-seq{gap:.25rem;display:flex}.form-box,.h2h-box{width:1.35rem;height:1.35rem;color:var(--color-page);border-radius:5px;place-items:center;font-size:.66rem;font-weight:700;display:grid}.form-box.win{background:var(--color-success)}.form-box.draw{background:var(--color-warning)}.form-box.loss{background:var(--color-danger)}.form-box.unknown{background:var(--color-soft)}.h2h-box.home{background:var(--color-home)}.h2h-box.draw{background:var(--color-draw)}.h2h-box.away{background:var(--color-away)}.h2h-box.unknown{background:var(--color-soft)}.form-empty{color:var(--color-soft);font-size:.7rem}.value-odds-boxes{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.odds-box{background:color-mix(in oklch, var(--color-ink) 8%, transparent);border-radius:10px;justify-items:center;gap:.2rem;padding:.6rem;display:grid}.odds-box.home{border-top:2px solid var(--color-home)}.odds-box.draw{border-top:2px solid var(--color-draw)}.odds-box.away{border-top:2px solid var(--color-away)}.odds-value{font-family:var(--font-display);color:var(--color-ink);font-size:1.1rem;font-weight:400}.mini-table{display:grid}.mini-row{grid-template-columns:minmax(0,1.6fr) repeat(6,1fr);align-items:center;gap:.4rem;padding:.4rem .1rem;display:grid}.mini-row+.mini-row{border-block-start:var(--rule-hair) solid color-mix(in oklch, var(--color-rule) 60%, transparent)}.mini-header{padding-block-end:.3rem}.mini-header .mini-cell{letter-spacing:.08em;text-transform:uppercase;color:var(--color-soft);font-size:.56rem}.mini-cell{color:var(--color-ink);font-size:.76rem}.mini-cell.team{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-cell.pos,.mini-cell.pts,.mini-cell.ppg,.mini-cell.atk,.mini-cell.def,.mini-cell.elo{text-align:center;font-variant-numeric:tabular-nums}.mini-row.selected{border-radius:6px}.mini-row.selected.home{background:color-mix(in oklch, var(--color-home) 12%, transparent)}.mini-row.selected.draw{background:color-mix(in oklch, var(--color-draw) 12%, transparent)}.mini-row.selected.away{background:color-mix(in oklch, var(--color-away) 12%, transparent)}.mini-cell.value-green{color:var(--color-success)}.mini-cell.value-red{color:var(--color-danger)}.mini-cell.value-neutral{color:var(--color-ink)}@media screen and (max-width:640px){.match-card-head{grid-template-columns:2.6rem minmax(0,1fr);grid-template-areas:"time teams""metrics metrics";row-gap:.7rem}.match-card-time{grid-area:time}.match-card-teams{grid-area:teams}.match-card-metrics{grid-area:metrics;grid-template-columns:3.8rem 4rem minmax(5.5rem,1fr);justify-self:stretch}}
.predictions-board{letter-spacing:.02rem;gap:1rem;width:100%;display:grid}.controls{border-radius:var(--radius-card);background:var(--color-paper);border:var(--rule-hair) solid color-mix(in oklch, var(--color-rule) 60%, transparent);box-shadow:0 30px 60px var(--color-shadow);gap:1rem;padding:1.1rem 1.2rem;display:grid}.top-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.sort-controls{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.sort-toggle{background:color-mix(in oklch, var(--color-ink) 5%, transparent);border:var(--rule-hair) solid color-mix(in oklch, var(--color-ink) 13%, transparent);border-radius:9px;padding:.25rem;display:inline-flex}.sort-toggle button{min-height:2.05rem;color:var(--color-muted);font-family:var(--font-outlier);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);background:0 0;border:0;border-radius:6px;padding-inline:1.1rem;font-size:.72rem;font-weight:700}.sort-toggle button[aria-pressed=true]{background:var(--color-home);color:var(--color-page)}.time-sort-toggle,.filter-toggle{border-radius:9px;min-height:2.6rem}.time-sort-toggle[data-state=on]{border-color:var(--color-home);background:var(--color-home);color:var(--color-page)}.league-panel{border-block-start:var(--rule-hair) solid color-mix(in oklch, var(--color-rule) 50%, transparent);flex-wrap:wrap;gap:.5rem;padding-block-start:.9rem;display:flex}.confidence-row{display:flex}.predictions-results-bar{justify-content:space-between;align-items:baseline;margin:0 .2rem;display:flex}.predictions-results-count{letter-spacing:.16em;text-transform:uppercase;color:var(--color-soft);font-size:.75rem}.predictions-results-legend{letter-spacing:.14em;text-transform:uppercase;gap:.9rem;font-size:.62rem;display:flex}.predictions-container .no-predictions-message{border:1px dashed color-mix(in oklch, var(--color-rule) 80%, transparent);border-radius:var(--radius-card);justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.no-predictions-message p{color:var(--color-soft);letter-spacing:.16em;text-transform:uppercase;text-align:center;margin:0;font-size:.85rem}.predictions-message{border-radius:var(--radius-card);background:var(--color-paper);color:var(--color-ink);text-align:center;width:100%;margin:0;padding:2rem}.predictions-message--error{color:var(--color-danger)}@media screen and (max-width:500px){.controls{padding:1rem}.top-controls-row{flex-direction:column;align-items:stretch}.sort-controls{justify-content:center}.predictions-container .no-predictions-message{padding:2rem 1rem}}