.product-shell:has(.matchday-margin){--p-bg:#f7f8fa;--p-ink:#20252d;--p-muted:#566173;--p-line:#cbd3de;--p-accent:#355bc6}.matchday-margin{--mm-ink:#20252d;--mm-muted:#536073;--mm-line:#cbd3de;--mm-blue:#355bc6;width:min(100%,1180px);color:var(--mm-ink);background:#f7f8fa;margin:0 auto 2.8rem;font-family:DM Sans,system-ui,sans-serif}.matchday-margin *,.matchday-margin :before,.matchday-margin :after{box-sizing:border-box}.matchday-margin input,.matchday-margin button{font:inherit}.matchday-margin :is(input,button):focus-visible{outline-offset:2px;z-index:1;outline:3px solid #ad5b26;position:relative}.mm-head{color:#f7f8fa;background:#20252d;justify-content:space-between;align-items:end;gap:2rem;padding:1.2rem clamp(1rem,2.5vw,2rem);display:flex}.mm-index{letter-spacing:.09em;font:700 .68rem/1.4 IBM Plex Mono,monospace}.mm-head h2{letter-spacing:-.045em;margin:.3rem 0 0;font:600 clamp(1.45rem,3vw,2.5rem)/1.08 Space Grotesk,sans-serif}.mm-head p{color:#d6dce7;max-width:19rem;margin:0;font-size:.84rem;line-height:1.5}.mm-workspace{border:1px solid #dce2ea;border-top:0;grid-template-columns:minmax(0,46%) minmax(0,54%);display:grid}.mm-entry{border-right:1px solid var(--mm-line);min-width:0;padding:clamp(1rem,2.5vw,2rem)}.mm-entry-title{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.15rem;display:flex}.mm-entry-title strong,.mm-grid-head strong{font:600 1.15rem/1.25 Space Grotesk,sans-serif}.mm-entry-title span,.mm-grid-head span{color:var(--mm-muted);font-size:.76rem}.mm-team-grid{gap:1.15rem;display:grid}.mm-team{border:0;border-top:2px solid #8b9bb1;min-width:0;margin:0;padding:.8rem 0 0}.mm-team legend{color:var(--mm-blue);text-transform:uppercase;padding:0 .45rem 0 0;font:700 .75rem/1.3 IBM Plex Mono,monospace}.mm-team label,.mm-rules label,.mm-score label{flex-direction:column;gap:.35rem;min-width:0;font-size:.76rem;font-weight:700;display:flex}.mm-team input,.mm-rules input{width:100%;min-width:0;height:42px;color:var(--mm-ink);font-variant-numeric:tabular-nums;background:#fff;border:1px solid #8794a5;border-radius:2px;padding:.55rem .7rem;font:600 .9rem/1.2 IBM Plex Mono,monospace}.mm-name{margin-bottom:.7rem}.mm-name input{font-family:DM Sans,sans-serif}.mm-numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.mm-rules{border-top:1px solid var(--mm-line);grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1.3rem;padding-top:1rem;display:grid}.mm-rules strong{grid-column:1/-1;font-size:.83rem}.mm-projection{min-width:0;padding:clamp(1rem,2.5vw,2rem)}.mm-score-title{flex-direction:column;gap:.28rem;display:flex}.mm-score-title .mm-index{color:var(--mm-blue)}.mm-score-title strong{overflow-wrap:anywhere;font:600 clamp(1.1rem,2vw,1.5rem)/1.2 Space Grotesk,sans-serif}.mm-score-title strong span{color:#748399;font-size:.7em}.mm-score{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:.6rem;max-width:390px;margin:1rem 0;display:grid}.mm-score label{text-align:center}.mm-score input{border:1px solid #8794a5;border-bottom:4px solid var(--mm-blue);width:100%;min-width:0;height:78px;color:var(--mm-ink);text-align:center;font-variant-numeric:tabular-nums;background:#fff;border-radius:2px;font:600 2.6rem/1 Space Grotesk,sans-serif}.mm-colon{padding-bottom:.7rem;font:600 2.2rem/1 Space Grotesk,sans-serif}.mm-actions{flex-wrap:wrap;gap:.6rem;display:flex}.mm-actions button{cursor:pointer;border-radius:2px;min-height:44px;padding:.65rem 1rem;font-size:.84rem;font-weight:700}.mm-primary{border:1px solid var(--mm-blue);background:var(--mm-blue);color:#fff}.mm-primary:hover{background:#2449ac}.mm-reset{color:var(--mm-ink);background:0 0;border:1px solid #8d9aab}.mm-reset:hover{background:#e9edf3}.mm-error{color:#a52b27;margin:1rem 0 0;font-size:.85rem;font-weight:700;line-height:1.5}.mm-unrevealed{text-align:center;background:#e9eef5;flex-direction:column;justify-content:center;align-items:center;min-height:220px;margin-top:1.3rem;display:flex}.mm-unrevealed span{color:#a1afc1;font:600 clamp(2rem,5vw,4rem)/1 IBM Plex Mono,monospace}.mm-unrevealed p{max-width:18rem;color:var(--mm-muted);margin:.8rem 1rem 0;font-size:.86rem;line-height:1.5}.mm-result{margin-top:1.6rem}.mm-result>.mm-index{color:var(--mm-blue)}.mm-result h3{letter-spacing:-.025em;overflow-wrap:anywhere;margin:.3rem 0 .45rem;font:600 clamp(1.25rem,2.4vw,1.9rem)/1.12 Space Grotesk,sans-serif}.mm-result>p{max-width:34rem;color:var(--mm-muted);margin:.4rem 0 1.2rem;font-size:.84rem;line-height:1.5}.mm-table-wrap{overflow-x:auto}.mm-result table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.mm-result caption{color:var(--mm-muted);text-align:left;padding:0 0 .5rem;font-size:.74rem}.mm-result th,.mm-result td{border-bottom:1px solid var(--mm-line);text-align:right;padding:.65rem .35rem;font:600 .84rem/1.25 IBM Plex Mono,monospace}.mm-result th:first-child{text-align:left;overflow-wrap:anywhere;min-width:8rem;font-family:DM Sans,sans-serif}.mm-result thead th{color:var(--mm-muted);font-size:.7rem}.mm-leading{background:#e4ebfa}.mm-grid-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1rem;margin:1.4rem 0 .5rem;display:flex}.mm-matrix{gap:3px;max-width:510px;display:grid}.mm-matrix-row{grid-template-columns:3.8rem repeat(6,minmax(0,1fr));gap:3px;display:grid}.mm-matrix-row>span,.mm-matrix-row>button{justify-content:center;align-items:center;min-width:0;min-height:35px;font:700 .8rem/1 IBM Plex Mono,monospace;display:flex}.mm-matrix-row>span{color:var(--mm-muted)}.mm-matrix-row>button{cursor:pointer;border:1px solid #0000;border-radius:1px}.mm-matrix-row>button:hover{border-color:var(--mm-blue)}.mm-matrix-row>button[aria-pressed=true]{outline:2px solid var(--mm-ink);outline-offset:-3px}.mm-a{color:#1d438d;background:#dce6f8}.mm-b{color:#333f52;background:#dce2e9}.mm-tie{color:#586475;background:#fff;border-color:#b9c3d1!important}.mm-result .mm-legend{margin:.65rem 0 0;font-size:.72rem}@media (width<=800px){.mm-workspace{grid-template-columns:1fr}.mm-entry{border-right:0;border-bottom:1px solid var(--mm-line)}.mm-head{align-items:start}}@media (width<=520px){.mm-head{display:block}.mm-head p{margin-top:.65rem}.mm-numbers{gap:.4rem}.mm-team label{font-size:.7rem}.mm-team input,.mm-rules input{padding:.45rem}.mm-score input{height:66px;font-size:2rem}.mm-matrix-row{grid-template-columns:2.8rem repeat(6,minmax(0,1fr))}.mm-matrix-row>span,.mm-matrix-row>button{min-height:37px;font-size:.72rem}}@media (prefers-reduced-motion:reduce){.matchday-margin *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
