.bento{display:grid;grid-template-columns:270px repeat(4,1fr);grid-template-rows:240px 96px 190px 190px;gap:10px;width:100%;grid-template-areas:"id ch ch ch ch" "id s1 s2 s3 s4" "kt kt mt mt mt" "kt kt mt mt mt"}.bento.withBans{grid-template-rows:240px 96px 190px 190px 210px;grid-template-areas:"id ch ch ch ch" "id s1 s2 s3 s4" "kt kt mt mt mt" "kt kt mt mt mt" "bn bn bn bn bn"}.identity{grid-area:id}.chart{grid-area:ch}.s1{grid-area:s1}.s2{grid-area:s2}.s3{grid-area:s3}.s4{grid-area:s4}.history{grid-area:mt}.kits{grid-area:kt}.bans{grid-area:bn}.tile{background-color:#121212;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0}.tile h2{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#8a8a8a;margin:0}.tile .empty{color:#8a8a8a;font-size:14px}.history,.kits,.bans{background-color:transparent;padding:0}.identity{--pcpanel:#121212;--pcav:96px;align-items:center;justify-content:center;text-align:center;gap:16px}.identity .profileStanding{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}.identity .rankProgress{max-width:240px}.identity .accountLine{display:flex;align-items:center;gap:6px;color:#8a8a8a;font-size:13px;margin-top:4px}.identity .accountLine span{color:#8a8a8a}.chart{min-height:0}.eloChartWrap{flex:1;min-height:0;position:relative}.eloChartWrap canvas{position:absolute;inset:0}.statcard{justify-content:center;gap:3px}.statcard .label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8a8a8a}.statcard .value{font-size:22px;font-weight:800}.kits .kitgrid{flex:1;overflow-y:auto;min-height:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;align-content:start}.kits .statcard{background-color:#121212;border-radius:6px;padding:9px 12px}.kitcard .value{display:flex;justify-content:center;flex-wrap:wrap}.kitcard .kitimg{width:20%;height:20px;object-fit:contain}.kitcard .kitimg:first-child{width:100%;height:80px}.matchlist{display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:0;flex:1}.matchrow{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;border-radius:6px;padding:10px 14px;background-color:#121212;flex-shrink:0;cursor:pointer}.matchrow .map{display:flex;flex-direction:column;gap:2px;min-width:0}.matchrow .map .name{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matchrow .map .when{font-size:11px;color:#8a8a8a}.matchrow .kd,.matchrow .hs{font-size:12.5px;color:#8a8a8a;white-space:nowrap}.matchrow .kd b{color:#fff}.matchrow .elo{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.matchrow .elo.pos{color:#7ee08a}.matchrow .elo.neg{color:#f44}@media(max-width:1240px){.bento{grid-template-columns:240px repeat(2,1fr);grid-template-rows:210px 96px 96px 320px 300px;grid-template-areas:"id ch ch" "id s1 s2" "id s3 s4" "mt mt mt" "kt kt kt"}.bento.withBans{grid-template-rows:210px 96px 96px 320px 300px 240px;grid-template-areas:"id ch ch" "id s1 s2" "id s3 s4" "mt mt mt" "kt kt kt" "bn bn bn"}}@media(max-width:780px){.bento{grid-template-columns:repeat(2,1fr);grid-template-rows:none;grid-auto-rows:minmax(92px,auto);grid-template-areas:"id id" "ch ch" "s1 s2" "s3 s4" "mt mt" "kt kt"}.bento.withBans{grid-template-areas:"id id" "ch ch" "s1 s2" "s3 s4" "mt mt" "kt kt" "bn bn"}.kitgrid{grid-template-columns:1fr}.eloChartWrap{min-height:150px}}.profileActions{justify-content:center;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profileRank{color:#8a8a8a;font-size:11px;letter-spacing:.04em}.profileButton{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#000;border:0;border-radius:5px;padding:5px 7px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;line-height:1}.profileButton img{filter:brightness(0)}.profileButton:focus-visible{outline:2px solid #47bbe9;outline-offset:2px}.banlist{flex:1;overflow-y:auto;min-height:0}.banState{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;min-width:58px}.banlist .loss .banState{color:#f04444}.banlist .win .banState{color:#8885}.banNote{color:#8885;font-size:12px;margin-left:auto;text-align:right;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}