.wf-scnc-component{container-type:inline-size}
.wf-scnc-component-title{margin:0 0 14px}
.wf-scnc-component-list{display:grid;gap:10px}
.wf-scnc-component-match{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 14px;border:1px solid rgba(127,127,127,.2);border-radius:10px;background:var(--wf-scnc-card,#fff)}
.wf-scnc-component-meta{display:flex;flex-direction:column;gap:2px;font-size:.8rem}.wf-scnc-component-meta time{font-weight:700}.wf-scnc-component-meta strong{font-size:1rem}
.wf-scnc-status{width:max-content;margin-top:3px;padding:2px 7px;border-radius:999px;background:#edf2f7;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.is-finished .wf-scnc-status{background:#e5f6ec;color:#176b3a}.is-forfeit .wf-scnc-status{background:#fff1d6;color:#805500}.is-postponed .wf-scnc-status{background:#fff1d6;color:#805500}.is-cancelled .wf-scnc-status{background:#fde8e8;color:#a12622}
.wf-scnc-component-teams{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(60px,auto) minmax(0,1fr);align-items:center;gap:12px}.wf-scnc-component-team{display:flex;align-items:center;gap:9px;min-width:0}.wf-scnc-component-team.is-away{justify-content:flex-end;text-align:right}.wf-scnc-component-team img{width:36px;height:36px;object-fit:contain;flex:0 0 auto}.wf-scnc-component-team span{min-width:0}.wf-scnc-component-team b,.wf-scnc-component-team small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-scnc-component-team small{font-size:.7rem;opacity:.65}.wf-scnc-component-team.is-own b{font-weight:800}.wf-scnc-component-score{grid-column:2;grid-row:1;text-align:center;font-weight:800;font-size:1.15rem;white-space:nowrap}.wf-scnc-component-info{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:.72rem;opacity:.7;min-width:100px}
.wf-scnc-component-list.is-compact .wf-scnc-component-match{grid-template-columns:84px minmax(0,1fr);gap:8px;padding:9px 10px}.wf-scnc-component-list.is-compact .wf-scnc-component-info{grid-column:1/-1;flex-direction:row;justify-content:flex-end;min-width:0}.wf-scnc-component-list.is-compact .wf-scnc-component-team img{width:26px;height:26px}.wf-scnc-component-list.is-compact .wf-scnc-component-meta{font-size:.7rem}
.wf-scnc-state{padding:18px;border:1px dashed rgba(127,127,127,.35);border-radius:9px;text-align:center;opacity:.75}.wf-scnc-state.is-error{border-color:#d63638;color:#a12622;background:#fff5f5}
.wf-scnc-opponent{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid rgba(127,127,127,.2);border-radius:12px}.wf-scnc-opponent img{width:82px;height:82px;object-fit:contain;flex:0 0 auto}.wf-scnc-opponent h3{margin:0 0 4px}.wf-scnc-opponent-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.78rem;opacity:.72}.wf-scnc-opponent.is-compact{padding:10px}.wf-scnc-opponent.is-compact img{width:48px;height:48px}
.wf-scnc-opponent-body{flex:1;min-width:0}.wf-scnc-opponent-kicker{margin:0 0 4px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.wf-scnc-opponent-next{margin:8px 0 0;font-size:.85rem;line-height:1.4}.wf-scnc-opponent-next>span{font-weight:700}.wf-scnc-opponent-next time{font-weight:700}
.wf-scnc-opponent-stats{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.wf-scnc-opponent-stats>div{min-width:0;padding:6px 10px;border-radius:8px;background:rgba(127,127,127,.1)}.wf-scnc-opponent-stats dt{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.wf-scnc-opponent-stats dd{margin:2px 0 0;font-size:.9rem;font-weight:700}.wf-scnc-opponent-stats small{font-weight:400;opacity:.75}
.wf-scnc-outcome{display:inline-block;margin-right:2px;padding:1px 6px;border-radius:4px;background:#5f6672;color:#fff;font-size:.7rem;line-height:1.4;vertical-align:1px}.wf-scnc-outcome.is-W{background:#1d7a44}.wf-scnc-outcome.is-L{background:#b3332a}
.wf-scnc-opponent.is-compact .wf-scnc-opponent-next{margin-top:4px;font-size:.78rem}.wf-scnc-opponent.is-compact .wf-scnc-opponent-stats{gap:6px;margin-top:6px}.wf-scnc-opponent.is-compact .wf-scnc-opponent-stats>div{padding:4px 8px}.wf-scnc-opponent.is-compact .wf-scnc-opponent-stats dd{font-size:.8rem}
@container(max-width:560px){.wf-scnc-component-match{grid-template-columns:1fr;padding:11px}.wf-scnc-component-meta{flex-direction:row;align-items:center;gap:8px}.wf-scnc-component-teams{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);width:100%}.wf-scnc-component-team{flex-direction:column;text-align:center}.wf-scnc-component-team.is-away{justify-content:center;text-align:center}.wf-scnc-component-info{min-width:0;align-items:flex-start;flex-direction:row;flex-wrap:wrap}.wf-scnc-component-score{font-size:1rem}.wf-scnc-component-team b{white-space:normal;line-height:1.15}.wf-scnc-component-list.is-compact .wf-scnc-component-match{grid-template-columns:1fr}.wf-scnc-component-list.is-compact .wf-scnc-component-info{grid-column:auto;justify-content:flex-start}.wf-scnc-opponent{align-items:flex-start}.wf-scnc-opponent img{width:58px;height:58px}}