.match-history,.match-detail{padding:21px 24px 15px;color:#255c73}
.match-history-toolbar,.match-detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:21px}
.match-history h2,.match-detail h2{font:800 30px/1.05 'Baloo 2',sans-serif;color:#205873;margin:0;letter-spacing:-.5px}
.match-history-toolbar p{font-size:11px;color:#547d86;margin:5px 0 0}
.match-history-filters{display:flex;gap:7px;flex:none}
.profile-dialog .match-filter{border-radius:11px;padding:9px 14px;font-size:11px;background:#e9fff6;color:#427586;border-color:white}
.profile-dialog .match-filter[aria-pressed=true]{color:#785922;background:linear-gradient(#fff3b1,#ffdc81);box-shadow:0 3px 0 #bb974f;border-color:#fff8d8}
.match-history-columns,.profile-dialog .match-history-row{display:grid;grid-template-columns:minmax(115px,1.12fr) minmax(190px,1.6fr) minmax(90px,1fr) minmax(85px,.85fr) minmax(80px,.8fr) 44px;gap:14px;align-items:center}
.match-history-columns{padding:10px 15px;font-size:10px;font-weight:900;color:#4a818c;background:#bee8df;border:1px solid #c2f5e9;border-radius:12px 12px 5px 5px}
.match-history-list{display:grid;gap:9px;padding-top:10px}
.profile-dialog .match-history-row{width:100%;text-align:left;min-height:91px;padding:10px 13px;border:2px solid #fffaf0;border-radius:14px;background:linear-gradient(100deg,#fff8df,#effef2);box-shadow:0 3px 0 #87bdb86b,0 5px 9px #3269750a;transition:background .12s,transform .12s}
.profile-dialog .match-history-row:hover{background:linear-gradient(100deg,#fff1b9,#d5fbed);border-color:#fff;transform:translateY(-1px)}
.match-history-player{display:flex;align-items:center;gap:11px;min-width:0}
.match-history-player>span{display:flex;min-width:0;flex-direction:column;gap:5px}
.match-character-photo{object-fit:contain}
.match-history-player>.match-character-photo{width:52px;height:66px;flex:none;border-radius:12px;background:linear-gradient(#b5f0e4,#84cacc);border:1px solid #e6fff2}
.match-result{display:inline-block;font:800 20px/1 'Baloo 2',sans-serif;color:#28755e;white-space:nowrap}
[data-result=Loss] .match-result{color:#658190}
[data-result=Draw] .match-result{color:#9c7431}
.match-character-name{font-size:10px;color:#567882;white-space:nowrap}
.match-history-highlights{display:flex;gap:7px;align-items:center}
.match-stat{display:flex;align-items:center;gap:5px}
.match-stat-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;background:#bceee6;border:1px solid #ecfff5;border-radius:9px;color:#3a9ca9}
.match-stat-icon svg{width:23px;height:25px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.match-stat-icon.balloon{color:#369aaf;background:#bcecf0}
.match-stat-icon.crate{color:#bd8935;background:#ffebae}
.match-stat-icon.chain{color:#8870b9;background:#e7dcf9}
.match-history-highlights .match-stat{display:grid;grid-template-columns:29px auto;gap:0 4px}
.match-history-highlights .match-stat-icon{grid-row:1/3;width:29px;height:34px}
.match-history-highlights .match-stat strong{font:800 17px/1 'Baloo 2',sans-serif;color:#397183}
.match-history-highlights .match-stat-label{font-size:8px;font-weight:800;color:#779192}
.match-history-arena{font-size:11px;font-weight:900;line-height:1.4;overflow-wrap:anywhere}
.match-history-mode,.match-history-date{display:flex;flex-direction:column;gap:5px;min-width:0}
.match-history-mode strong,.match-history-date strong{font-size:11px;line-height:1.15}
.match-history-mode small,.match-history-date small{font-size:9px;font-weight:700;color:#6b8b91}
.match-history-more{font:800 30px/1 'Baloo 2',sans-serif;border:2px solid #eafff4;border-radius:10px;color:white;background:linear-gradient(#5dc1d3,#3399b7);box-shadow:0 3px 0 #247d98;text-align:center;width:35px;height:36px}
.match-history-unrecorded{color:#809695;font-size:10px;font-weight:700}
.match-history-footnote{font-size:9px!important;color:#6b9093!important;text-align:right;margin:17px 2px 0!important;line-height:1.4!important}
.match-history-empty{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f7ffef80;border-radius:14px;padding:25px}
.match-empty-symbol{font:800 64px/.7 'Baloo 2',sans-serif;color:#5dc3c5}
.match-history-empty h3,.match-detail-missing h3{font:800 23px/1.2 'Baloo 2',sans-serif;margin:18px 0 7px;color:#3b7987}
.match-history-empty p,.match-detail-missing p{font-size:11px;line-height:1.5;margin:0;color:#6c9095}
.match-detail-toolbar{margin-bottom:16px}
.profile-dialog .match-detail-back{font-size:10px;padding:8px 13px;white-space:nowrap}
.match-detail-summary{display:grid;grid-template-columns:minmax(200px,1fr) 2fr;gap:20px;padding:16px 20px;border:2px solid white;border-radius:17px;background:linear-gradient(105deg,#fff0bd,#f4fff0);box-shadow:0 3px 0 #c1dacf}
.match-detail-result{display:flex;align-items:center;gap:15px}
.match-detail-result img{width:82px;height:94px;flex:none;object-fit:contain;border:2px solid #faffec;border-radius:15px;background:linear-gradient(#a8e9d9,#7ecaca)}
.match-detail-result>div{display:flex;flex-direction:column;gap:4px}
.match-detail-result strong{font:800 40px/.95 'Baloo 2',sans-serif;color:#438f6b}
.match-detail-result span{font-size:11px;font-weight:800;color:#6c8b87}
.match-detail-result .match-detail-eyebrow{font-size:8px;font-weight:900;letter-spacing:1.2px;color:#b88c3e}
.match-detail-summary[data-result=Loss] .match-detail-result strong{color:#638293}
.match-detail-meta{display:grid;grid-template-columns:1.2fr 1fr;gap:14px 20px;align-content:center}
.match-detail-meta>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.match-detail-meta span{font-size:9px;color:#83a094;font-weight:800}
.match-detail-meta strong{font-size:12px;color:#3f7980;font-weight:900;overflow-wrap:anywhere}
.match-detail-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:23px 0 10px}
.match-detail-section-heading h3{font:800 21px/1 'Baloo 2',sans-serif;margin:0;color:#397b87}
.match-detail-section-heading span{font-size:10px;font-weight:800;color:#7d9b98}
.match-detail-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.match-detail-highlights .match-stat{padding:12px 17px;background:#edfff5;border:2px solid white;border-radius:14px;gap:11px;box-shadow:0 3px 0 #93c9c566}
.match-detail-highlights .match-stat-icon{width:40px;height:43px;border-radius:10px}
.match-detail-highlights .match-stat strong{font:800 30px/1 'Baloo 2',sans-serif;color:#397987}
.match-detail-highlights .match-stat-label{font-size:10px;line-height:1.3;font-weight:900;color:#6b918c}
.match-roster{width:100%;border-collapse:separate;border-spacing:0 6px;table-layout:fixed;text-align:left}
.match-roster th{font-size:9px;font-weight:900;color:#6d9696;padding:0 10px 3px}
.match-roster th:first-child{width:33%}
.match-roster th:not(:first-child){width:13.4%}
.match-roster td{font-size:11px;color:#57838a;background:#ddf3e8;padding:8px 10px;overflow-wrap:anywhere}
.match-roster tr.is-you td{background:#fff1c5}
.match-roster td:first-child{border-radius:10px 0 0 10px}
.match-roster td:last-child{border-radius:0 10px 10px 0}
.match-roster-player .match-character-photo{width:38px;height:43px;vertical-align:middle;margin-right:10px;background:#b8e8df;border:1px solid #f5ffeb;border-radius:8px}
.match-roster-player>span{display:inline-flex;vertical-align:middle;flex-direction:column;gap:4px;max-width:calc(100% - 52px)}
.match-roster-player strong{font-weight:900;color:#3d6d79;font-size:11px}
.match-roster-player small{font-size:8px;font-weight:800;color:#80a097}
.match-detail-note{font-size:9px!important;line-height:1.5!important;color:#7b989a!important;margin:13px 2px 0!important}
.match-detail-missing{padding:26px;border:2px dashed #a9d9cd;border-radius:15px;background:#f2fff3;margin-top:20px;text-align:center}
@media(max-width:1000px){.match-history,.match-detail{padding:15px}.match-history-columns,.profile-dialog .match-history-row{grid-template-columns:minmax(105px,1.1fr) minmax(156px,1.65fr) minmax(78px,1fr) minmax(65px,.75fr) minmax(62px,.75fr) 27px;gap:9px}.match-history-highlights{gap:5px}.match-history-highlights .match-stat{grid-template-columns:23px auto;gap:0 3px}.match-history-highlights .match-stat-icon{width:23px;height:30px}.match-history-highlights .match-stat-icon svg{width:19px;height:23px}.match-history-highlights .match-stat strong{font-size:15px}.match-history-highlights .match-stat-label{font-size:7px}.match-history-more{width:27px;height:30px;font-size:26px}.match-history-player{gap:7px}.match-history-player>.match-character-photo{width:42px;height:55px}.match-history-columns{font-size:8px;padding:8px 10px}.profile-dialog .match-history-row{padding:8px;min-height:73px}.match-history-arena,.match-history-mode strong,.match-history-date strong{font-size:10px}.match-detail-highlights .match-stat{padding:10px;gap:7px}.match-detail-highlights .match-stat-label{font-size:9px}}
@media(max-height:600px){.match-history,.match-detail{padding:10px 12px}.match-history-toolbar,.match-detail-toolbar{margin-bottom:12px;gap:9px}.match-history h2,.match-detail h2{font-size:23px}.match-history-toolbar p{font-size:9px;margin-top:2px}.profile-dialog .match-filter{font-size:9px;padding:6px 10px}.match-history-filters{gap:5px}.match-history-list{gap:7px;padding-top:7px}.match-history-player>.match-character-photo{width:35px;height:45px}.profile-dialog .match-history-row{min-height:59px;padding:5px 8px}.match-result{font-size:17px}.match-character-name{font-size:8px}.match-detail-summary{padding:10px 12px;grid-template-columns:180px 1fr;gap:12px}.match-detail-result img{width:51px;height:62px}.match-detail-result{gap:10px}.match-detail-result strong{font-size:30px}.match-detail-result span{font-size:9px}.match-detail-result .match-detail-eyebrow{font-size:7px}.match-detail-meta{gap:8px 14px}.match-detail-meta strong{font-size:10px}.match-detail-meta span{font-size:8px}.match-detail-section-heading{margin-top:16px}.match-detail-section-heading h3{font-size:18px}.match-detail-highlights .match-stat{padding:8px}.match-detail-highlights .match-stat-icon{width:28px;height:31px}.match-detail-highlights .match-stat strong{font-size:24px}.match-roster td{padding:5px 8px;font-size:9px}.match-roster-player .match-character-photo{width:27px;height:31px;margin-right:6px}.match-roster-player strong{font-size:9px}.match-roster-player>span{max-width:calc(100% - 38px)}.match-roster-player small{font-size:7px}.match-roster th{font-size:8px;padding:0 8px 2px}}
@media(max-width:720px){.match-history,.match-detail{padding:9px}.match-history-columns,.profile-dialog .match-history-row{grid-template-columns:minmax(90px,1fr) minmax(130px,1.5fr) minmax(63px,.85fr) minmax(56px,.68fr) minmax(56px,.65fr) 24px;gap:6px}.match-history-highlights .match-stat{grid-template-columns:auto;gap:1px;text-align:center;justify-items:center}.match-history-highlights .match-stat-icon{display:none}.match-history-highlights{justify-content:space-around;gap:4px}.match-history-highlights .match-stat-label{font-size:8px}.match-history-highlights .match-stat strong{font-size:16px}.match-history-more{width:24px;height:28px;font-size:24px}.match-history-player{gap:5px}.match-history-columns{font-size:7px;padding:7px 8px}.match-history-mode strong,.match-history-date strong,.match-history-arena{font-size:9px}.match-history-mode small,.match-history-date small{font-size:8px}.match-history-unrecorded{font-size:8px}.match-detail-summary{grid-template-columns:150px 1fr}.match-detail-meta{gap:8px}.match-detail-highlights{gap:7px}.match-detail-highlights .match-stat{gap:6px;padding:7px}.match-detail-highlights .match-stat-label{font-size:8px}.match-detail-highlights .match-stat strong{font-size:23px}.match-roster th:first-child{width:31%}.match-roster th:not(:first-child){width:13.8%}}
.match-history-ranked{display:flex;flex-direction:column;gap:4px;color:#397780}.match-history-ranked strong{font:800 22px/1 'Baloo 2',sans-serif}.match-history-ranked small{font-size:11px;font-weight:800}.match-ranking-results{margin:16px 0;padding:16px;border:2px solid #fff6cd;border-radius:16px;background:linear-gradient(115deg,#fff0b7,#d2f1df)}.match-ranking-results h3{font:800 23px/1 'Baloo 2',sans-serif;margin:0 0 13px;color:#466e67}.match-ranking-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.match-ranking-cells>div{background:#fffcf0;border:1px solid #d7d9ba;border-radius:9px;padding:12px}.match-ranking-cells strong{display:block;font:800 27px/1 'Baloo 2',sans-serif;color:#476d63}.match-ranking-cells span{display:block;font-size:11px;color:#587d71;margin-top:4px}.match-ranking-results p{font-size:12px;line-height:1.3;color:#477067;margin:11px 0 0}.match-ranking-results .match-hero-points{font-weight:900}.match-ranking-results .match-ranking-reason{font-size:11px}
@media(max-height:600px){.match-history-ranked strong{font-size:17px}.match-history-ranked small{font-size:9px}.match-ranking-results{margin:10px 0;padding:10px;border-radius:10px;border-width:1px}.match-ranking-results h3{font-size:17px;margin-bottom:8px}.match-ranking-cells{gap:5px}.match-ranking-cells>div{padding:8px}.match-ranking-cells strong{font-size:20px}.match-ranking-cells span{font-size:9px}.match-ranking-results p{font-size:10px;margin-top:8px}.match-ranking-results .match-ranking-reason{font-size:9px}}
.match-series-summary{padding:14px 17px;border:2px solid #d5f5dc;border-radius:16px;background:linear-gradient(120deg,#daf9ef,#effbdc);color:#24596a;box-shadow:0 3px 0 #a4cfbf}
.match-series-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.match-series-title h3{font:800 23px/1.15 'Baloo 2',sans-serif;margin:0}.match-series-title>span{font-size:13px;font-weight:900;color:#225b75}
.match-series-rounds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.match-series-round{display:grid;grid-template-columns:1fr auto;gap:5px;padding:11px 13px;background:#fbffed;border:1px solid #bdd7c9;border-radius:10px}.match-series-round>span{grid-column:1/-1;font-size:11px;font-weight:900;color:#46717a}.match-series-round strong{font-size:15px;color:#245b72}.match-series-round small{font-size:12px;font-weight:800;color:#426977}.match-series-round[data-winner=sun]{border-top:4px solid #efc65a}.match-series-round[data-winner=wave]{border-top:4px solid #42cabe}
@media(max-height:600px){.match-series-summary{padding:8px 10px;border-width:1px;border-radius:10px}.match-series-title{margin-bottom:6px;gap:7px}.match-series-title h3{font-size:16px}.match-series-title>span{font-size:10px}.match-series-rounds{gap:6px}.match-series-round{padding:6px 7px;gap:4px;border-radius:7px}.match-series-round>span{font-size:9px}.match-series-round strong{font-size:11px}.match-series-round small{font-size:10px}.match-series-round[data-winner]{border-top-width:3px}}
.match-rank-badges{display:flex;justify-content:center;gap:35px;margin:14px 0}.match-rank-badge{display:grid;justify-items:center;gap:5px;min-width:0;width:190px;text-align:center}.match-rank-badge>.rank-badge{--rank-badge-size:90px!important}.match-rank-badge>small{font-size:10px;font-weight:800;color:#4a717c}.match-rank-badge>strong{font:800 16px/1.2 'Baloo 2',sans-serif;color:#295b6d}
@media(max-height:600px){.match-rank-badges{gap:20px;margin:9px 0}.match-rank-badge{width:175px;gap:4px}.match-rank-badge>.rank-badge{--rank-badge-size:56px!important}.match-rank-badge>strong{font-size:11px}.match-rank-badge>small{font-size:9px}}