.match-maps-container{container-type:inline-size}.match-map-list{border:1px solid var(--color-hub-line);background:var(--color-canvas-alt);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:6px 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.match-map-list[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.match-map-list[data-columns="1"]{grid-template-columns:minmax(0,1fr)}.match-map-card{background:var(--color-surface);flex-direction:column;justify-content:space-between;gap:12px;min-width:0;min-height:96px;padding:9px;display:flex}.match-map-card[data-state=live]{box-shadow:inset 0 -2px #ef4444}.match-map-list[data-connected] .match-map-card{clip-path:polygon(18px 0,100% 0,calc(100% - 18px) 100%,0 100%)}.match-map-list[data-connected] .match-map-card:first-child{clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%)}.match-map-list[data-connected] .match-map-card:last-child{clip-path:polygon(18px 0,100% 0,100% 100%,0 100%)}.match-map-list[data-connected] .match-map-card:not(:first-child){margin-left:-18px;padding-left:27px}.match-map-list[data-connected] .match-map-card:not(:last-child){padding-right:27px}.match-map-list[data-connected] .match-map-card:not(:last-child):after{content:"";pointer-events:none;background:var(--color-hub-line);clip-path:polygon(calc(100% - 1px) 0,100% 0,calc(100% - 18px) 100%,calc(100% - 19px) 100%);position:absolute;inset:0}.match-map-card .cs2-map-backdrop>img{opacity:.58}[data-theme=dark] .match-map-card .cs2-map-backdrop>img{opacity:.72}.match-map-card .cs2-map-backdrop:after{background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 65%,transparent),color-mix(in srgb,var(--color-surface) 8%,transparent) 45%,color-mix(in srgb,var(--color-surface) 85%,transparent))}.match-map-name{flex-wrap:wrap;align-items:baseline;gap:5px;min-width:0;display:flex}.match-map-number{color:var(--color-hub-ink);text-shadow:0 1px 2px var(--color-surface),0 0 4px var(--color-surface);flex:none;font:800 9px/1.4 monospace}.match-map-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-hub-ink);font-size:12px;font-weight:700;line-height:1.4;overflow:hidden}.match-map-outcome{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;min-height:20px;display:flex}.match-map-status{color:var(--color-hub-ink);text-shadow:0 1px 2px var(--color-surface),0 0 4px var(--color-surface);font-weight:700}.match-map-score{z-index:1;color:#fff;-webkit-text-stroke:.8px #101016;paint-order:stroke fill;text-shadow:0 1px 2px #000,0 0 4px #000;align-items:center;gap:4px;line-height:1.2;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.match-map-score .match-score-win{color:#56ffc2}.match-map-score .match-score-loss{color:#ff738b}.match-map-score .match-score-divider,.match-map-score>.text-hub-ink{color:#fff}html[data-theme=dark] .match-map-score .match-score-win{color:#56ffc2}html[data-theme=dark] .match-map-score .match-score-loss{color:#ff738b}html[data-theme=dark] .match-map-score .match-score-divider{color:#fff}.match-map-list[data-columns="1"] .match-map-card{flex-direction:row;align-items:center;gap:10px;min-height:62px}.match-map-list[data-columns="1"] .match-map-name{flex:1}.match-map-list[data-columns="1"] .match-map-outcome{justify-content:flex-end}.match-map-list[data-columns="1"] .match-map-card:has(.match-map-score) .match-map-name{max-width:calc(50% - 40px)}@container (width<=280px){.match-map-list[data-columns]{grid-template-columns:minmax(0,1fr)}.match-maps-container .match-map-list[data-columns] .match-map-card{clip-path:none;flex-direction:row;align-items:center;gap:6px;min-height:52px;margin-left:0;padding:7px}.match-map-list[data-columns] .match-map-card:not(:last-child){border-bottom:1px solid var(--color-hub-line)}.match-map-list[data-columns] .match-map-card:after{display:none}.match-map-name{flex-direction:column;flex:1;gap:1px}.match-map-title{max-width:100%;font-size:11px}.match-map-outcome{flex-direction:column;flex:none;align-items:flex-end;gap:4px}.match-maps-container .match-map-list[data-columns]:has(.match-map-score) .match-map-card{flex-direction:column;align-items:stretch;gap:8px;min-height:76px}.match-maps-container .match-map-list[data-columns]:has(.match-map-score) .match-map-name{flex-direction:row;flex:none;gap:5px;max-width:100%}}