/* Compact match columns and the shared native match preview. */
.csl-event-page-v3 .csl-bracket-round>h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.csl-event-page-v3 :is(.csl-bracket-team,.csl-gsl-team,.csl-swiss-side,.csl-fixture-team):is(:hover,:focus-visible){background-color:#25343f;box-shadow:none;color:#d3e6f2;outline:0}
.csl-event-page-v3 :is(.csl-bracket-team,.csl-gsl-team,.csl-swiss-side,.csl-fixture-team):focus-visible{outline:1px solid #9bbfd5;outline-offset:-1px}
.csl-event-page-v3 .csl-bracket-team>strong:not(:has(>img:not([hidden]),>.csl-bracket-unknown))::before,.csl-event-page-v3 .csl-gsl-team:not(:has(>img:not([hidden])))::before{background:url(/assets/components/cslegend/img/team-placeholder-v4.svg) center/contain no-repeat;content:"";display:block;flex:0 0 16px;height:16px;position:static;width:16px}
.csl-event-page-v3 .is-compact :is(.csl-bracket-team,.csl-gsl-team){gap:2px;grid-template-columns:minmax(0,1fr) 15px;padding-left:3px}
.csl-event-page-v3 .is-compact .csl-bracket-team{padding-right:3px}
.csl-event-page-v3 .is-compact .csl-bracket-team>b{margin-right:0}
.csl-event-page-v3 .is-compact .csl-bracket-team>strong{justify-content:center}
.csl-event-page-v3 .is-compact .csl-bracket-team>strong>span:not(.csl-bracket-unknown),.csl-event-page-v3 .is-compact .csl-gsl-team>strong{display:none}
.csl-event-page-v3 .is-compact .csl-bracket-team>strong>img,.csl-event-page-v3 .is-compact .csl-gsl-team>img{flex-basis:16px;height:16px;width:16px}
.csl-event-page-v3 .is-compact .csl-bracket-team>strong::before{flex-basis:16px;height:16px;width:16px}
/* DAG cards keep a readable team label beside the mark at compact widths. */
.csl-event-page-v3 .csl-dag-board{min-width:calc(var(--csl-dag-columns)*110px + (var(--csl-dag-columns) - 1)*20px)}
.csl-event-page-v3 .csl-dag-match.is-compact .csl-bracket-team:not(:has(>b)){grid-template-columns:minmax(0,1fr)}
.csl-event-page-v3 .csl-dag-match.is-compact .csl-bracket-team>strong{gap:3px;justify-content:flex-start;min-width:0}
.csl-event-page-v3 .csl-dag-match.is-compact .csl-bracket-team>strong>span:not(.csl-bracket-unknown){display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.csl-event-page-v3 .csl-dag-match.is-compact .csl-bracket-team>strong>img,.csl-event-page-v3 .csl-dag-match.is-compact .csl-bracket-team>strong::before{flex-basis:14px;height:14px;width:14px}
.csl-event-page-v3 .is-compact :is(.csl-bracket-match-meta,.csl-gsl-meta){gap:2px;padding:0 3px}
.csl-event-page-v3 .is-compact :is(.csl-bracket-match-meta,.csl-gsl-meta)>time{font-size:8px;overflow:hidden;text-overflow:clip;white-space:nowrap}
.csl-event-page-v3 .is-tiny :is(.csl-bracket-match-format,.csl-gsl-meta>small){display:none}
.csl-event-page-v3 .is-tiny .csl-dag-state{font-size:8px;padding:1px 2px}
.csl-event-page-v3 .csl-fixture-row.is-compact .csl-fixture-team>span{display:none}
.csl-event-page-v3 .csl-fixture-row.is-compact .csl-fixture-team{justify-content:center;min-height:26px}
.csl-event-page-v3 .csl-fixture-row.is-compact .csl-fixture-team img{display:block;height:22px;width:22px}
.csl-event-page-v3 .csl-fixture-team:not(:has(>img:not([hidden])))::before{background:url(/assets/components/cslegend/img/team-placeholder-v4.svg) center/contain no-repeat;content:"";flex:0 0 20px;height:20px;width:20px}
.csl-event-page-v3 .csl-swiss-match.is-compact:not(.is-pending){display:flex;flex-direction:column;gap:0;padding:0 2px}
.csl-event-page-v3 .csl-swiss-match.is-compact:not(.is-pending)::before{display:none}
.csl-event-page-v3 .csl-swiss-match.is-compact:not(.is-pending)>.csl-swiss-side{align-items:center;display:flex;flex:0 0 16px;flex-direction:row;gap:1px;height:16px;justify-content:space-between;min-width:0;width:100%}
.csl-event-page-v3 .csl-swiss-match.is-compact:not(.is-pending) .csl-swiss-team-mark,.csl-event-page-v3 .csl-swiss-match.is-compact:not(.is-pending) .csl-swiss-slot{flex-basis:16px;height:16px;width:16px}
.csl-event-page-v3 .csl-swiss-match.is-compact:not(.is-pending) .csl-swiss-team-mark>img{height:16px;width:16px}
.csl-event-page-v3 .csl-swiss-match.is-compact:not(.is-pending) .csl-swiss-slot{font-size:8px;line-height:16px;min-width:0}
.csl-event-page-v3 .csl-swiss-match.is-compact:not(.is-pending) .csl-swiss-team-mark{background-size:16px 16px}
.csl-event-page-v3 .csl-swiss-match.is-compact:not(.is-pending) .csl-swiss-score{font-size:9px;height:16px;line-height:16px;min-width:10px}
.csl-event-page-v3 .csl-swiss-match.is-compact.is-live{padding-top:12px}
.csl-event-page-v3 .csl-swiss-match.is-tiny.is-pending .csl-swiss-pending-pair{font-size:9px;grid-template-columns:1fr}
.csl-event-page-v3 .csl-swiss-match.is-tiny.is-pending .csl-swiss-pending-pair>i,.csl-event-page-v3 .csl-swiss-match.is-tiny.is-pending .csl-swiss-pending-pair>span:last-child{display:none}
.csl-event-page-v3 .csl-swiss-node.is-compact>h3{font-size:9px;gap:0;white-space:nowrap}
.csl-event-page-v3 .csl-swiss-node.is-compact>h3>small,.csl-event-page-v3 .csl-swiss-node.is-compact :is(.csl-swiss-terminal-teams,.csl-swiss-waiting-teams) .csl-swiss-team-name{display:none}
.csl-event-page-v3 .csl-swiss-node.is-compact .csl-swiss-waiting-label{font-size:8px;overflow:hidden;white-space:nowrap}
.csl-event-page-v3 .csl-swiss-node.is-compact .csl-swiss-terminal-teams,.csl-event-page-v3 .csl-swiss-node.is-compact .csl-swiss-waiting{padding-left:2px;padding-right:2px}
.csl-event-page-v3 .csl-swiss-node.is-compact :is(.csl-swiss-terminal-teams,.csl-swiss-waiting-teams) .csl-swiss-team{justify-content:center}
.csl-event-team-tooltip{background:#000;border:1px solid #242424;border-radius:5px;box-sizing:border-box;color:#fff;font:11px/16px Tahoma,Arial,sans-serif;inset:auto;margin:0;max-width:calc(100vw - 16px);overflow-wrap:anywhere;padding:5px 10px;pointer-events:none;position:fixed;z-index:1000000}
.csl-event-team-tooltip[hidden],.csl-event-match-preview[hidden],.csl-event-match-preview [hidden]{display:none!important}
.csl-event-match-preview{background:#15191c;border:1px solid #60829a;border-radius:5px;box-shadow:0 5px 18px #000a;box-sizing:border-box;color:#9ab1c2;font:11px/16px Tahoma,Arial,sans-serif;inset:auto;margin:0;max-height:calc(100dvh - 20px);max-width:calc(100vw - 16px);overflow-y:auto;overscroll-behavior:contain;padding:0;position:fixed;text-shadow:none;width:330px;z-index:10010}
.csl-event-match-preview *{box-sizing:border-box}
.csl-event-match-preview>.csl-preview-heading{position:sticky;top:0;z-index:2;align-items:center;background:url(/assets/ds/img/topping-2.png) no-repeat left top,url(/assets/ds/img/topper.png) repeat-x left top;border-bottom:1px solid #303c45;display:flex;gap:8px;justify-content:space-between;min-height:40px;padding:4px 6px 4px 12px}
.csl-event-match-preview>.csl-preview-heading>h2{color:#c5d8e6;flex:1 1 auto;float:none;font:700 11px/18px Tahoma,Arial,sans-serif;height:auto;margin:0;min-width:0;overflow-wrap:anywhere;padding:0;position:static;text-align:left;text-transform:none;width:auto}
.csl-event-match-preview>.csl-preview-heading>button{appearance:none;background:transparent;border:1px solid transparent;border-radius:3px;color:#aac3d5;cursor:pointer;display:grid;flex:0 0 28px;float:none;font:20px/1 Arial,sans-serif;height:28px;margin:0;min-height:28px;min-width:28px;padding:0;place-items:center;position:static;width:28px}
.csl-preview-heading button:is(:hover,:focus-visible){background:#253846;border-color:#6a8ca5;outline:0}
.csl-preview-status{color:#b1c4d1;margin:10px}
.csl-preview-duel{align-items:center;display:grid;gap:4px;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);padding:10px 8px 3px}
.csl-preview-team{align-items:center;display:flex;flex-direction:column;gap:2px;min-width:0;text-align:center}
.csl-preview-team.is-team1{grid-column:1;grid-row:1}
.csl-preview-team.is-team2{grid-column:3;grid-row:1}
.csl-preview-team>img{background:none;border:0;object-fit:contain}
.csl-preview-team>strong{color:#bad0df;font-size:11px;line-height:15px;overflow-wrap:anywhere}
.csl-preview-team>small{color:#7f94a2;font-size:9px}
.csl-preview-series{color:#cbdbe5;font-size:17px;grid-column:2;grid-row:1;text-align:center;white-space:nowrap}
.csl-preview-series>i{color:#6f8493;font-style:normal;margin:0 3px}
.csl-preview-state{color:#8398a7;display:flex;font-size:9px;gap:6px;justify-content:center;margin:0 8px 5px}
.csl-preview-maps,.csl-preview-rosters{border-top:1px solid #30373b;padding:7px 8px}
.csl-event-match-preview h3{color:#9bb4c5;font:700 11px/17px Tahoma,Arial,sans-serif;margin:0;text-align:center}
.csl-preview-maps table{border:0;border-collapse:collapse;font-size:11px;margin:3px 0 0;table-layout:fixed;width:100%}
.csl-preview-maps td{color:#81929d;padding:2px;text-align:center;width:24%}
.csl-preview-maps td.is-winner{color:#a5cd91;font-weight:700}
.csl-preview-maps th{color:#a9bdcb;font-weight:400;padding:2px;text-align:center}
.csl-preview-maps th>small{color:#c68d96;display:block;font-size:8px;line-height:11px}
.csl-preview-roster-heading{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-bottom:5px}
.csl-preview-roster-heading select{background:#1b252e;border:1px solid #344d5f;border-radius:3px;color:#b8cedd;font:9px/18px Tahoma,Arial,sans-serif;max-width:100%;min-height:25px;padding:2px}
.csl-preview-lineups{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
.csl-preview-lineups>section{min-width:0}
.csl-preview-lineups h4{color:#7f9db2;font:700 9px/14px Tahoma,Arial,sans-serif;margin:0 0 3px;overflow-wrap:anywhere;text-align:center}
.csl-preview-player{align-items:center;display:flex;gap:3px;min-height:31px;min-width:0}
.csl-preview-player>a,.csl-preview-player>span{align-items:center;color:#9fb9cc;display:flex;flex:1 1 auto;gap:4px;min-width:0;text-decoration:none}
.csl-preview-player img{background:none;border:0;flex:0 0 24px;object-fit:cover;object-position:center top}
.csl-preview-player strong{font-size:10px;font-weight:400;min-width:0;overflow-wrap:anywhere}
.csl-preview-player>b{color:#bdd0dc;flex:0 0 auto;font-size:10px;font-variant-numeric:tabular-nums}
.csl-preview-note{color:#7f919d;font-size:9px;line-height:13px;margin:5px 0;text-align:center}
.csl-event-match-preview .csl-preview-match-link{background:#1b2933;border:1px solid #314b5e;border-radius:3px;box-shadow:none;color:#accbe0;display:flex;font:700 11px/16px Tahoma,Arial,sans-serif;align-items:center;justify-content:center;min-height:36px;margin:8px;padding:8px 12px;text-align:center;text-decoration:none}
.csl-event-match-preview .csl-preview-match-link:is(:hover,:focus-visible){background:#253c4b;border-color:#7a9db7;color:#e0edf5;outline:0}
.csl-preview-sr{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
@media(max-width:540px){.csl-event-match-preview{max-height:calc(100dvh - 24px);width:calc(100vw - 16px)}.csl-event-match-preview>.csl-preview-heading{min-height:48px}.csl-event-match-preview>.csl-preview-heading>button{flex-basis:40px;height:40px;min-height:40px;width:40px}.csl-event-match-preview .csl-preview-match-link{line-height:16px;min-height:44px}.csl-preview-roster-heading select{min-height:32px}}

.csl-event-page-v3 .csl-bracket-match.is-result .csl-bracket-team:is(:hover,:focus-visible),.csl-event-page-v3 .csl-gsl-match .csl-gsl-team:is(:hover,:focus-visible){background-color:#25343f;color:#d3e6f2;box-shadow:none}
.csl-event-page-v3 .csl-bracket-match.is-result .csl-bracket-team>strong{color:inherit}

@media(pointer:coarse){.csl-event-match-preview>.csl-preview-heading>button{flex-basis:44px;height:44px;min-height:44px;width:44px}}