.profile-page { min-height:100%; padding:1.15vw 1.35vw 1.5vw; display:grid; gap:.8vw; align-content:start; }
.profile-toolbar { display:flex; align-items:flex-end; justify-content:space-between; gap:1vw; padding-bottom:.85vw; border-bottom:1px solid var(--line); }
.profile-kicker { color:#a8894d; text-transform:uppercase; letter-spacing:.14em; font-size:clamp(6px,.5vw,10px); font-weight:800; }
.profile-toolbar h1 { margin:.08em 0; font-family:Georgia,serif; font-size:clamp(22px,2.2vw,42px); font-weight:500; }
.profile-toolbar p { margin:0; color:var(--muted); font-size:clamp(7px,.61vw,12px); }
.profile-search { width:min(28vw,430px); min-width:260px; height:2.25vw; min-height:31px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.45vw; padding-left:.65vw; border:1px solid #334249; border-radius:1px; background:#090e11; }
.profile-search > span { color:#78878c; }
.profile-search input { min-width:0; height:100%; border:0; outline:0; background:transparent; color:var(--text); font-size:clamp(8px,.62vw,12px); }
.profile-search button { align-self:stretch; border:0; border-left:1px solid #334249; border-radius:0; padding:0 .75vw; background:#172126; color:#d5dddd; font-weight:800; font-size:clamp(7px,.57vw,11px); }
.profile-search-results { position:relative; z-index:3; width:min(28vw,430px); justify-self:end; margin-top:-.55vw; display:grid; border:1px solid #35444a; background:#0c1215; box-shadow:0 .7vw 2vw rgba(0,0,0,.4); }
.profile-search-results button { width:100%; min-height:42px; display:flex; justify-content:space-between; align-items:center; gap:.7vw; padding:.5vw .7vw; border:0; border-bottom:1px solid #253238; background:transparent; color:var(--text); text-align:left; }
.profile-search-results button:last-child { border-bottom:0; }
.profile-search-results button:hover { background:#142025; }
.profile-search-results span { min-width:0; display:grid; gap:.12vw; }
.profile-search-results b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.profile-search-results small { color:var(--muted); }
.profile-search-results strong { color:var(--gold); font-variant-numeric:tabular-nums; }
.profile-identity { min-height:74px; display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:.8vw; padding:.8vw; border:1px solid #34434a; border-radius:1px; background:linear-gradient(90deg,rgba(214,170,79,.08),rgba(18,28,32,.82) 28%,#10171a); }
.profile-avatar { width:3.25vw; min-width:42px; max-width:62px; aspect-ratio:1; display:grid; place-items:center; border:1px solid #6f5b35; border-radius:1px; background:#1e282b; color:#e5be68; font-family:Georgia,serif; font-size:clamp(18px,1.55vw,30px); }
.profile-name > span { color:#998051; text-transform:uppercase; letter-spacing:.1em; font-size:clamp(6px,.49vw,9px); font-weight:800; }
.profile-name h2 { margin:.08em 0; font-family:Georgia,serif; font-size:clamp(18px,1.55vw,30px); font-weight:500; }
.profile-name p { margin:0; color:var(--muted); font-size:clamp(7px,.55vw,10px); }
.profile-form { min-width:130px; display:flex; justify-content:flex-end; gap:3px; align-items:center; }
.profile-form i { width:20px; height:20px; display:grid; place-items:center; border:1px solid #39484e; border-radius:1px; font-size:9px; font-style:normal; font-weight:900; }
.profile-form i.win { color:#80d0a9; border-color:#37604d; background:#10241c; }
.profile-form i.loss { color:#df817c; border-color:#643b3a; background:#271313; }
.profile-form i.draw { color:#c5b17a; border-color:#5e573e; background:#211f15; }
.profile-form small { color:var(--muted); }
.profile-rating-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.5vw; }
.profile-rating-grid > div, .profile-card { border:1px solid #2e3c42; border-radius:1px; background:#10171a; }
.profile-rating-grid > div { min-width:0; padding:.65vw .72vw; }
.profile-rating-grid span, .profile-rating-grid b, .profile-rating-grid small { display:block; }
.profile-rating-grid span { color:#89979b; text-transform:uppercase; letter-spacing:.07em; font-size:clamp(6px,.47vw,9px); font-weight:800; }
.profile-rating-grid b { margin:.12em 0; color:#e7c372; font-family:Georgia,serif; font-size:clamp(15px,1.25vw,24px); font-variant-numeric:tabular-nums; }
.profile-rating-grid small { color:#65757a; font-size:clamp(6px,.46vw,9px); }
.profile-columns { display:grid; grid-template-columns:1fr 1fr; gap:.5vw; }
.profile-card { padding:.75vw; min-width:0; }
.profile-card-heading { display:flex; justify-content:space-between; align-items:baseline; gap:1vw; padding-bottom:.55vw; border-bottom:1px solid #28363b; }
.profile-card-heading h2 { margin:0; font-family:Georgia,serif; font-size:clamp(14px,1.08vw,21px); font-weight:500; }
.profile-card-heading span { color:#6f7d82; font-size:clamp(6px,.49vw,9px); }
.profile-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin-top:.55vw; background:#29363b; }
.profile-metrics > div { min-width:0; padding:.55vw .6vw; background:#0d1417; }
.profile-metrics b, .profile-metrics small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.profile-metrics b { font-size:clamp(10px,.76vw,14px); font-variant-numeric:tabular-nums; }
.profile-metrics small { margin-top:.14em; color:#718086; font-size:clamp(6px,.46vw,9px); }
.profile-recent-card { padding-bottom:.6vw; }
.profile-history { display:grid; margin-top:.45vw; border-top:1px solid #27343a; }
.profile-match { min-width:0; display:grid; grid-template-columns:minmax(92px,.9fr) minmax(135px,1.6fr) repeat(5,minmax(62px,.62fr)) auto; align-items:center; gap:.45vw; padding:.48vw .25vw; border-bottom:1px solid #26343a; }
.profile-match:last-child { border-bottom:0; }
.profile-match-result b, .profile-match-result small, .profile-match-main strong, .profile-match-main span, .profile-match-stat b, .profile-match-stat small { display:block; }
.profile-match-result b { font-size:clamp(8px,.61vw,12px); }
.profile-match.win .profile-match-result b { color:#79c79e; }
.profile-match.loss .profile-match-result b { color:#d97670; }
.profile-match.draw .profile-match-result b { color:#c5af72; }
.profile-match-result small, .profile-match-main span, .profile-match-stat small { color:#6f7e83; font-size:clamp(5px,.43vw,8px); }
.profile-match-main { min-width:0; }
.profile-match-main strong, .profile-match-main span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.profile-match-main strong { font-size:clamp(8px,.58vw,11px); }
.profile-match-stat b { font-size:clamp(8px,.59vw,11px); font-variant-numeric:tabular-nums; }
.profile-rating-change { justify-self:end; min-width:38px; padding:.28vw .38vw; border:1px solid #3b494e; border-radius:1px; text-align:center; font-size:clamp(7px,.52vw,10px); font-weight:900; }
.profile-rating-change.up { color:#7fcca5; border-color:#365846; }
.profile-rating-change.down { color:#dd7e78; border-color:#5f3a39; }
.profile-empty, .profile-loading { min-height:110px; display:grid; place-items:center; align-content:center; gap:.3vw; color:#718086; text-align:center; }
.profile-empty b { color:#b8c2c4; }
.profile-empty span { font-size:clamp(7px,.55vw,10px); }
@media (max-width: 900px) {
  .profile-toolbar { align-items:stretch; flex-direction:column; }
  .profile-search, .profile-search-results { width:100%; min-width:0; }
  .profile-search-results { justify-self:stretch; }
  .profile-rating-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .profile-columns { grid-template-columns:1fr; }
  .profile-match { grid-template-columns:minmax(82px,.8fr) minmax(130px,1.7fr) repeat(3,minmax(58px,.6fr)) auto; }
  .profile-match-stat:nth-of-type(n+6) { display:none; }
}