#account-page .account-overview{min-height:310px;gap:22px;padding:33px 36px 28px;background-position:center 41%}
#account-page .account-kicker{display:block;margin-bottom:9px;color:#7adce0;font-size:11px;font-weight:700;letter-spacing:.2em}
#account-page .account-overview h2{font-size:40px}
#account-page .account-rank{width:min(100%,610px);min-height:0;padding:17px 20px;background:#07171de8}
#account-page .rank-top h3{margin:4px 0 12px;font-size:24px}
#account-page .rank-top strong{font-size:18px}
#account-page .rank-track{height:10px}
#account-page .account-dashboard{padding:26px 32px 30px;background:#0b171c;color:#e8f3f4}
#account-page .account-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #36545c;border-bottom:1px solid #36545c}
#account-page .account-metric{min-width:0;padding:19px 13px 18px;border-right:1px solid #2e4850;text-align:center}
#account-page .account-metric:last-child{border-right:0}
#account-page .account-metric strong{display:block;overflow:hidden;color:#fff;font-size:26px;font-weight:700;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
#account-page .account-metric span{display:block;margin-top:5px;color:#a9c5ca;font-size:12px;white-space:nowrap}
#account-page .account-lower{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:30px;margin-top:27px}
#account-page .account-panel{min-width:0}
#account-page .account-panel-heading{margin-bottom:14px}
#account-page .account-panel-heading small{color:#70cbd0;font-size:10px;font-weight:700;letter-spacing:.18em}
#account-page .account-panel-heading h3{margin:5px 0 0;color:#f6fbfb;font-size:21px;font-weight:600}
#account-page .account-detail-list>div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #2b434b;font-size:13px}
#account-page .account-detail-list>div span{color:#adc5ca}
#account-page .account-detail-list>div strong{color:#fff;font-size:16px}
#account-page .account-form-chart{display:flex;align-items:flex-end;justify-content:space-around;gap:8px;height:72px;padding:0 9px 5px;border-bottom:1px solid #35535b}
#account-page .account-form-pair{display:flex;align-items:flex-end;justify-content:center;gap:3px;flex:1;height:100%;max-width:42px}
#account-page .account-form-pair i{display:block;width:11px;min-height:2px;background:#49cbd1}
#account-page .account-form-pair.is-zombies i.is-kills{background:#ce6669}
#account-page .account-form-pair i.is-deaths{background:#6f8288}
#account-page .account-form-key{display:flex;justify-content:flex-end;gap:15px;margin:6px 0 9px;color:#a8bfc4;font-size:10px}
#account-page .account-form-key span:before{content:'';display:inline-block;width:7px;height:7px;margin-right:5px;background:#49cbd1}
#account-page .account-form-key span:last-child:before{background:#6f8288}
#account-page .account-match-list{max-height:302px;overflow-y:auto;scrollbar-color:#54727b #0b171c}
#account-page .account-match{display:grid;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:53px;padding:6px 9px 6px 0;border-bottom:1px solid #2b434b}
#account-page .account-result{box-sizing:border-box;display:inline-block;min-width:0;max-width:100%;padding:5px 8px;border-left:2px solid #4bbec6;background:#16343a;color:#9ee1e2;font-size:11px;font-weight:700;text-align:center;white-space:nowrap}
#account-page .account-result.is-win{border-color:#58c69e;background:#173b33;color:#b7efd4}
#account-page .account-result.is-loss{border-color:#bd6868;background:#392628;color:#efb7b7}
#account-page .account-match-name,#account-page .account-match-score{min-width:0}
#account-page .account-match-name strong,#account-page .account-match-score strong{display:block;overflow:hidden;color:#f3f9f9;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
#account-page .account-match-name small,#account-page .account-match-score small{display:block;margin-top:3px;color:#99b3b8;font-size:11px}
#account-page .account-match-score{text-align:right}
#account-page .account-empty{grid-column:1/-1;margin:0;padding:22px 0;color:#adc6ca;font-size:14px}
@media(max-width:900px){#account-page .account-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}#account-page .account-metric:nth-child(3){border-right:0}#account-page .account-metric:nth-child(-n+3){border-bottom:1px solid #2e4850}}
@media(max-width:700px){
  #account-page .account-overview{padding:25px 22px;min-height:300px}
  #account-page .account-dashboard{padding:22px}
  #account-page .account-lower{grid-template-columns:1fr;gap:27px}
  #account-page .account-overview h2{font-size:32px}
  #account-page .account-match-list{max-height:none;overflow:visible}
  #account-page .account-match{grid-template-columns:minmax(0,1fr) minmax(0,42%);grid-template-areas:"result result" "name score";align-items:start;gap:8px 12px;min-height:0;padding:14px 0}
  #account-page .account-result{grid-area:result;justify-self:start;padding:5px 10px}
  #account-page .account-match-name{grid-area:name}
  #account-page .account-match-score{grid-area:score}
  #account-page .account-match-name strong{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
  #account-page .account-match-name small,#account-page .account-match-score small{line-height:1.4}
  #account-page .account-match-score small{max-width:none;overflow:visible;text-overflow:clip;white-space:normal}
}
@media(max-width:490px){
  #account-page .account-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  #account-page .account-metric:nth-child(3){border-right:1px solid #2e4850}
  #account-page .account-metric:nth-child(2n){border-right:0}
  #account-page .account-metric:nth-child(-n+4){border-bottom:1px solid #2e4850}
  #account-page .account-metric strong{font-size:23px}
  #account-page .account-form-chart{gap:4px;padding-inline:2px}
  #account-page .account-form-pair{gap:2px}
  #account-page .account-form-pair i{width:8px}
}