.real-match-card.match-summary{display:grid;grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;gap:16px;padding:17px 20px;margin:0 0 10px;background:#fffdf6;border:1px solid #dce3d2;border-radius:12px;transition:background .15s,border-color .15s,box-shadow .15s}
.real-match-card.match-summary:hover{background:#f3f6ea;border-color:#a7b995;box-shadow:0 2px 7px #30472a08}
.real-match-card.match-summary:focus-visible{outline:2px solid #7c965f;outline-offset:3px}
.match-summary-number{font-size:13px;color:#79856d;white-space:nowrap}
.match-summary-number strong{font-size:17px;color:#304b31;margin-left:4px}
.match-summary-result{font-size:13px;line-height:1.4;font-weight:600;padding:5px 10px;border-radius:7px;white-space:nowrap}
.match-summary-result.decided{color:#426736;background:#edf3e5}
.match-summary-result.draw{color:#71684c;background:#f3eedf}
.match-summary-result.pending{color:#89917e;background:#f1f3eb}
.match-summary-arrow{font-size:22px;line-height:1;color:#a0ad90;text-align:right}
.grid3 .real-match-card.match-summary{gap:9px;padding:13px 12px;margin-bottom:9px}
.grid3 .match-summary-number strong{font-size:15px}
.grid3 .match-summary-result{font-size:11px;padding:4px 7px}
@media(max-width:600px){.real-match-card.match-summary{padding:14px;gap:10px}.match-summary-number strong{font-size:16px}.match-summary-result{font-size:12px}}

.match-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;align-items:start}
.match-summary-grid .real-match-card.match-summary{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;position:relative;aspect-ratio:1;min-height:0;margin:0;padding:18px;border-radius:13px;gap:14px}
.match-summary-grid .match-summary-number{font-size:12px}
.match-summary-grid .match-summary-number strong{display:block;margin:4px 0 0;font-size:27px;line-height:1.2;font-weight:700}
.match-summary-grid .match-summary-result{font-size:13px;padding:6px 10px;max-width:calc(100% - 14px)}
.match-summary-grid .match-summary-arrow{position:absolute;right:16px;bottom:19px;font-size:23px}
.match-summary-grid.home{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.grid3 .match-summary-grid.home .match-summary{padding:13px;gap:10px;margin:0}
.grid3 .match-summary-grid.home .match-summary-number strong{font-size:23px}
.grid3 .match-summary-grid.home .match-summary-result{font-size:11px;padding:4px 7px}
.grid3 .match-summary-grid.home .match-summary-arrow{right:11px;bottom:15px;font-size:19px}
@media(max-width:600px){.match-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.match-summary-grid .real-match-card.match-summary{padding:15px}.match-summary-grid .match-summary-number strong{font-size:25px}}

.match-summary-grid .real-match-card.match-summary{aspect-ratio:auto;gap:12px;min-height:210px}
.match-summary-maps{display:grid;width:100%;gap:6px;margin:auto 0}
.match-summary-map{display:flex;align-items:baseline;gap:8px;min-width:0;padding:5px 0;border-bottom:1px solid #eeeee2}
.match-summary-map:last-child{border-bottom:0}
.match-map-set{flex-shrink:0;font-size:10px;color:#8c957f}
.match-map-name{min-width:0;font-size:12px;font-weight:600;color:#516444;line-height:1.4;overflow-wrap:anywhere}
.match-map-name.missing{font-weight:400;color:#a2a895}
.grid3 .match-summary-grid.home .match-summary{gap:9px;min-height:190px}
.grid3 .match-summary-grid.home .match-summary-map{gap:5px;padding:3px 0}
.grid3 .match-summary-grid.home .match-map-name{font-size:11px}
@media(max-width:600px){.match-summary-grid .real-match-card.match-summary{padding:13px;min-height:200px}.match-summary-map{gap:6px}}

.match-search{margin:0 0 20px;padding:16px;background:#fffdf6;border:1px solid #dce3d2;border-radius:12px}
.match-search label{display:block;font-size:12px;color:#718064;margin-bottom:7px}
.match-search>div{display:flex;gap:8px}
.match-search input{min-width:0;flex:1;border:1px solid #d9dfcc;border-radius:8px;padding:9px 12px;background:#fffefb;color:#304b31;font-size:13px}
.match-search .btn,.match-search button{font-size:12px;white-space:nowrap}
.match-search .live-error{font-size:12px;margin-top:5px}
@media(max-width:450px){.match-search{padding:12px}.match-search>div{flex-wrap:wrap}.match-search input{flex-basis:100%}}