/* Futbolcu Köprüsü V263 — unified premium ranked profile UI
   Same visual language for Career + Letter ladders, responsive without overflow. */

:root{
  --ranked-ui-bg:#102234;
  --ranked-ui-bg-2:#162c42;
  --ranked-ui-surface:#ffffff;
  --ranked-ui-soft:#f4f7fa;
  --ranked-ui-line:#d9e3ea;
  --ranked-ui-line-strong:#c8d4dd;
  --ranked-ui-ink:#14283d;
  --ranked-ui-muted:#64788d;
  --ranked-ui-accent:#1fae7a;
  --ranked-ui-accent-2:#2ec5a0;
  --ranked-ui-gold:#e3b761;
  --ranked-ui-blue:#6dc0ff;
  --ranked-ui-danger:#d05d64;
  --ranked-ui-shadow:0 26px 64px -40px rgba(8,21,36,.72);
}

/* ---------- shared resilience ---------- */
.ranked-profile-card,
.ranked-profile-modal,
.ranked-profile-card *,
.ranked-profile-modal *{
  box-sizing:border-box;
  min-width:0;
}
.ranked-profile-card strong,
.ranked-profile-card span,
.ranked-profile-card small,
.ranked-profile-card b,
.ranked-profile-modal strong,
.ranked-profile-modal span,
.ranked-profile-modal small,
.ranked-profile-modal b,
.ranked-profile-modal em,
.ranked-profile-modal p{
  overflow-wrap:anywhere;
}
.ranked-level-track{
  position:relative!important;
  overflow:hidden!important;
  height:8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.ranked-level-track i{
  display:block!important;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,var(--ranked-ui-accent),var(--ranked-ui-blue),var(--ranked-ui-gold))!important;
}
.profile-action-feedback{
  grid-column:1/-1!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.08)!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.profile-action-feedback.is-error{background:rgba(208,93,100,.14)!important;border-color:rgba(208,93,100,.28)!important;color:#ffe7e9!important}
.profile-action-feedback.is-success{background:rgba(31,174,122,.14)!important;border-color:rgba(31,174,122,.28)!important;color:#e5fff5!important}

/* ---------- compact ranked profile card ---------- */
.ranked-profile-card{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:74px minmax(0,1fr) minmax(164px,190px)!important;
  grid-auto-rows:auto!important;
  gap:14px 16px!important;
  padding:18px!important;
  border-radius:24px!important;
  border:1px solid rgba(227,183,97,.22)!important;
  background:
    radial-gradient(120% 150% at -8% -18%,rgba(109,192,255,.16),transparent 50%),
    radial-gradient(100% 130% at 102% -10%,rgba(227,183,97,.18),transparent 48%),
    linear-gradient(135deg,#12253a 0%,#17314a 52%,#112336 100%)!important;
  box-shadow:var(--ranked-ui-shadow), inset 0 1px 0 rgba(255,255,255,.10)!important;
  color:#fff!important;
  isolation:isolate;
}
.ranked-profile-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--ranked-ui-gold),var(--ranked-ui-blue),var(--ranked-ui-accent),transparent);
  opacity:.95;
  pointer-events:none;
}
.ranked-profile-card::after{
  content:"";
  position:absolute;
  right:-70px;
  top:-72px;
  width:210px;
  height:210px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.10),transparent 68%);
  pointer-events:none;
}
.ranked-profile-card .ranked-profile-avatar{
  width:74px!important;
  height:74px!important;
  font-size:21px!important;
  background:linear-gradient(145deg,var(--ranked-ui-accent),var(--ranked-ui-blue))!important;
  color:#fff!important;
  border:2px solid rgba(255,255,255,.84)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22),0 0 0 5px rgba(255,255,255,.07)!important;
}
.ranked-profile-copy{
  display:grid!important;
  align-content:start!important;
  gap:6px!important;
  position:relative;
  z-index:1;
}
.ranked-profile-copy>small{
  justify-self:start!important;
  max-width:100%!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(227,183,97,.24)!important;
  background:rgba(227,183,97,.10)!important;
  color:#f5d99a!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
  text-transform:uppercase;
}
.ranked-profile-copy>strong{
  display:block!important;
  max-width:100%!important;
  color:#fff!important;
  font-size:21px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.ranked-profile-copy>span{
  color:#c7d3de!important;
  font-size:11.5px!important;
  line-height:1.45!important;
  font-weight:700!important;
}
.ranked-profile-copy .ranked-level-track{margin-top:4px!important}

.ranked-profile-actions{
  position:relative;
  z-index:1;
  display:grid!important;
  gap:8px!important;
  align-content:start!important;
}
.ranked-profile-actions .btn{
  width:100%!important;
  min-height:40px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  font-size:11.5px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  white-space:normal!important;
  line-height:1.2!important;
}
.ranked-profile-actions .btn--primary{
  color:#fff!important;
  background:linear-gradient(135deg,var(--ranked-ui-accent),#26b99a)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 14px 28px -18px rgba(31,174,122,.72)!important;
}
.ranked-profile-actions .btn--soft{
  color:#eef6fb!important;
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.14)!important;
}
.ranked-profile-actions .btn:hover{transform:translateY(-1px)!important}

.ranked-account-note,
.ranked-ladder-pills,
.ranked-profile-quickstats{
  position:relative;
  z-index:1;
}
.ranked-account-note{
  padding:12px 13px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.065)!important;
  display:grid!important;
  gap:4px!important;
}
.ranked-account-note b{
  color:#f5d99a!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
  text-transform:uppercase;
}
.ranked-account-note span{
  color:#d3dde6!important;
  font-size:10px!important;
  line-height:1.45!important;
}

.ranked-ladder-pills{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
.ranked-ladder-pills>span{
  min-height:48px!important;
  padding:9px 10px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.06)!important;
  color:#d5e0e9!important;
  display:grid!important;
  align-content:center!important;
  gap:3px!important;
}
.ranked-ladder-pills>span.is-active{
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.08))!important;
  border-color:rgba(227,183,97,.34)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 10px 18px -16px rgba(227,183,97,.64)!important;
}
.ranked-ladder-pills small{
  color:inherit!important;
  font-size:8.5px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase;
}
.ranked-ladder-pills b{
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums;
}

.ranked-profile-quickstats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
.ranked-profile-quickstats>span{
  padding:10px 8px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.055)!important;
  display:grid!important;
  gap:4px!important;
  justify-items:start!important;
}
.ranked-profile-quickstats small{
  color:#aab8c4!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase;
}
.ranked-profile-quickstats b{
  color:#fff!important;
  font-size:17px!important;
  font-weight:950!important;
  font-variant-numeric:tabular-nums;
}

/* ---------- profile modal ---------- */
.ranked-profile-modal-backdrop{
  z-index:100060!important;
  background:rgba(7,16,28,.76)!important;
  padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))!important;
}
.ranked-profile-modal{
  width:min(940px,100%)!important;
  max-height:calc(100dvh - 28px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  border-radius:30px!important;
  border:1px solid rgba(204,217,228,.95)!important;
  background:linear-gradient(180deg,#f8fbfd 0%,#f2f6f9 100%)!important;
  box-shadow:0 44px 110px rgba(5,17,30,.32)!important;
}
.ranked-profile-modal .modal-card__head{
  margin:0!important;
  padding:18px 22px 16px!important;
  border-bottom:1px solid #dde6ec!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,249,252,.96))!important;
}
.ranked-profile-modal .modal-card__head span{
  color:#2a7b66!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-transform:uppercase;
}
.ranked-profile-modal .modal-card__head h3{
  margin-top:5px!important;
  color:var(--ranked-ui-ink)!important;
  font-size:26px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
}
.ranked-profile-dialog{
  display:grid!important;
  gap:16px!important;
  padding:18px!important;
}

.ranked-profile-hero{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr) minmax(280px,320px)!important;
  gap:18px!important;
  align-items:start!important;
  padding:20px!important;
  border-radius:24px!important;
  border:1px solid rgba(227,183,97,.18)!important;
  background:
    radial-gradient(120% 170% at -8% -8%,rgba(109,192,255,.14),transparent 52%),
    radial-gradient(110% 150% at 102% -4%,rgba(227,183,97,.18),transparent 48%),
    linear-gradient(135deg,#12253a 0%,#19314a 55%,#13273c 100%)!important;
  box-shadow:0 22px 54px -40px rgba(8,21,36,.82), inset 0 1px 0 rgba(255,255,255,.08)!important;
  color:#fff!important;
}
.ranked-profile-hero::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--ranked-ui-gold),var(--ranked-ui-blue),var(--ranked-ui-accent),transparent);
}
.ranked-profile-hero .ranked-profile-avatar--large{
  width:88px!important;
  height:88px!important;
  font-size:24px!important;
  background:linear-gradient(145deg,var(--ranked-ui-accent),var(--ranked-ui-blue))!important;
  color:#fff!important;
  border:2px solid rgba(255,255,255,.86)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.24),0 0 0 5px rgba(255,255,255,.07)!important;
}
.ranked-profile-hero>div:not(.ranked-profile-total){
  display:grid!important;
  align-content:start!important;
  gap:6px!important;
}
.ranked-profile-hero>div:not(.ranked-profile-total)>small{
  justify-self:start!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(227,183,97,.24)!important;
  background:rgba(227,183,97,.10)!important;
  color:#f5d99a!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
  text-transform:uppercase;
}
.ranked-profile-hero>div:not(.ranked-profile-total)>strong{
  color:#fff!important;
  font-size:28px!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  white-space:normal!important;
  word-break:break-word!important;
}
.ranked-profile-hero>div:not(.ranked-profile-total)>span{
  color:#d2dde6!important;
  font-size:12.5px!important;
  line-height:1.5!important;
  font-weight:700!important;
}
.ranked-profile-hero .ranked-level-track{margin-top:2px!important}
.ranked-profile-total{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  align-self:stretch!important;
}
.ranked-profile-total>span{
  display:grid!important;
  align-content:start!important;
  gap:4px!important;
  padding:11px 10px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.07)!important;
}
.ranked-profile-total small{
  color:#aebdca!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase;
}
.ranked-profile-total b{
  color:#fff!important;
  font-size:17px!important;
  font-weight:950!important;
  font-variant-numeric:tabular-nums;
}

.ranked-profile-name-edit,
.ranked-profile-recent,
.ranked-profile-security,
.ranked-ladder-summary{
  background:linear-gradient(180deg,#ffffff,#f9fbfc)!important;
  border:1px solid var(--ranked-ui-line)!important;
  border-radius:20px!important;
  box-shadow:0 18px 38px -34px rgba(10,31,52,.65)!important;
}
.ranked-profile-name-edit{
  display:grid!important;
  gap:12px!important;
  padding:16px!important;
}
.ranked-profile-name-edit>span{
  color:#1b4660!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.03em!important;
}
.ranked-profile-name-edit>div{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}
.ranked-profile-name-edit input{
  width:100%!important;
  min-height:48px!important;
  padding:0 14px!important;
  border:1px solid var(--ranked-ui-line-strong)!important;
  border-radius:14px!important;
  background:#f7fafc!important;
  color:var(--ranked-ui-ink)!important;
  font-size:15px!important;
  font-weight:750!important;
}
.ranked-profile-name-edit input:focus{
  outline:none!important;
  border-color:#84b6de!important;
  box-shadow:0 0 0 3px rgba(109,192,255,.16)!important;
}
.ranked-profile-name-edit .btn--primary{
  min-width:120px!important;
  min-height:48px!important;
  border-radius:14px!important;
  color:#fff!important;
  background:linear-gradient(135deg,var(--ranked-ui-accent),#26b99a)!important;
  border:1px solid rgba(18,122,93,.15)!important;
}
.ranked-profile-name-rule{
  color:var(--ranked-ui-muted)!important;
  font-size:11px!important;
  line-height:1.5!important;
}

.ranked-profile-ladders{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.ranked-ladder-summary{overflow:hidden!important}
.ranked-ladder-summary header{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:16px!important;
  border-bottom:1px solid #e4ebf0!important;
  background:linear-gradient(180deg,#fdfefe,#f4f8fb)!important;
}
.ranked-ladder-summary header>span{
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,var(--ranked-ui-accent),var(--ranked-ui-blue))!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:950!important;
  box-shadow:0 10px 22px -18px rgba(31,174,122,.75)!important;
}
.ranked-ladder-summary header div{
  display:grid!important;
  gap:4px!important;
}
.ranked-ladder-summary header div small{
  color:#668095!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase;
}
.ranked-ladder-summary header strong{
  color:var(--ranked-ui-ink)!important;
  font-size:20px!important;
  line-height:1.1!important;
  font-weight:950!important;
}
.ranked-ladder-summary header b{
  color:#1a4761!important;
  font-size:20px!important;
  font-weight:950!important;
  text-align:right!important;
  font-variant-numeric:tabular-nums;
}
.ranked-ladder-summary header b small{
  color:inherit!important;
  font-size:11px!important;
  letter-spacing:.04em!important;
}
.ranked-ladder-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  padding:15px!important;
}
.ranked-ladder-stats>span{
  display:grid!important;
  gap:5px!important;
  padding:11px 10px!important;
  border-radius:15px!important;
  border:1px solid #e5ebf0!important;
  background:linear-gradient(180deg,#fff,#f7fafc)!important;
}
.ranked-ladder-stats small{
  color:#73879a!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase;
}
.ranked-ladder-stats b{
  color:var(--ranked-ui-ink)!important;
  font-size:16px!important;
  font-weight:950!important;
  font-variant-numeric:tabular-nums;
}

.ranked-profile-recent{
  display:grid!important;
  gap:12px!important;
  padding:16px!important;
}
.ranked-profile-recent h4{
  margin:0!important;
  color:var(--ranked-ui-ink)!important;
  font-size:16px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}
.ranked-profile-recent p{
  margin:0!important;
  color:var(--ranked-ui-muted)!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.ranked-profile-recent>div{
  display:grid!important;
  gap:9px!important;
}
.ranked-profile-recent>div>span{
  min-height:46px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:11px 12px!important;
  border-radius:15px!important;
  border:1px solid #e3eaf0!important;
  background:linear-gradient(180deg,#fff,#f8fbfd)!important;
  box-shadow:none!important;
}
.ranked-profile-recent>div>span b{
  display:grid!important;
  gap:2px!important;
  color:var(--ranked-ui-ink)!important;
  font-size:13px!important;
  font-weight:900!important;
}
.ranked-profile-recent>div>span b small{
  color:#74889b!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase;
}
.ranked-profile-recent>div>span em{
  color:#5d7286!important;
  font-size:13px!important;
  font-style:normal!important;
  justify-self:start!important;
}
.ranked-profile-recent>div>span strong{
  color:#1a4761!important;
  font-size:14px!important;
  font-weight:950!important;
  font-variant-numeric:tabular-nums;
}
.ranked-profile-recent>div>span.is-win{border-left:4px solid var(--ranked-ui-accent)!important}
.ranked-profile-recent>div>span.is-loss{border-left:4px solid var(--ranked-ui-danger)!important}

.ranked-profile-security{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:16px!important;
}
.ranked-profile-security>div{
  display:grid!important;
  gap:5px!important;
}
.ranked-profile-security>div b{
  color:var(--ranked-ui-ink)!important;
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:950!important;
}
.ranked-profile-security>div span{
  color:var(--ranked-ui-muted)!important;
  font-size:12.5px!important;
  line-height:1.55!important;
}
.ranked-profile-security .btn--soft{
  min-height:44px!important;
  padding:0 14px!important;
  border-radius:14px!important;
  border:1px solid #ccdae3!important;
  background:#fff!important;
  color:#20506d!important;
  font-size:12px!important;
  font-weight:900!important;
}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .ranked-profile-card{
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:12px!important;
    padding:16px!important;
    border-radius:22px!important;
  }
  .ranked-profile-card .ranked-profile-avatar{width:64px!important;height:64px!important;font-size:19px!important}
  .ranked-profile-copy>strong{font-size:18px!important}
  .ranked-profile-actions,
  .ranked-account-note,
  .ranked-ladder-pills,
  .ranked-profile-quickstats,
  .profile-action-feedback{grid-column:1/-1!important}
  .ranked-profile-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ranked-profile-modal{width:min(100%,900px)!important}
  .ranked-profile-dialog{padding:16px!important}
  .ranked-profile-hero{
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:14px!important;
    padding:18px!important;
  }
  .ranked-profile-hero .ranked-profile-avatar--large{width:72px!important;height:72px!important;font-size:21px!important}
  .ranked-profile-hero>div:not(.ranked-profile-total)>strong{font-size:22px!important}
  .ranked-profile-total{grid-column:1/-1!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .ranked-profile-ladders{grid-template-columns:1fr!important}
}
@media (max-width:640px){
  .ranked-profile-actions{grid-template-columns:1fr!important}
  .ranked-profile-quickstats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .ranked-profile-quickstats b{font-size:15px!important}
  .ranked-profile-modal-backdrop{padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))!important}
  .ranked-profile-modal{width:100%!important;max-height:calc(100dvh - max(20px,env(safe-area-inset-top) + env(safe-area-inset-bottom)))!important;border-radius:22px!important}
  .ranked-profile-modal .modal-card__head{padding:16px 16px 14px!important}
  .ranked-profile-modal .modal-card__head h3{font-size:22px!important}
  .ranked-profile-dialog{gap:14px!important;padding:14px!important}
  .ranked-profile-hero{padding:16px!important;border-radius:20px!important}
  .ranked-profile-total{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ranked-profile-name-edit>div{grid-template-columns:1fr!important}
  .ranked-profile-name-edit .btn--primary{width:100%!important}
  .ranked-ladder-summary header{grid-template-columns:42px minmax(0,1fr)!important}
  .ranked-ladder-summary header b{grid-column:1/-1!important;text-align:left!important;font-size:18px!important}
  .ranked-ladder-summary header>span{width:42px!important;height:42px!important;border-radius:13px!important}
  .ranked-ladder-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ranked-profile-recent>div>span{grid-template-columns:1fr auto!important;align-items:start!important}
  .ranked-profile-recent>div>span em{grid-column:1/2!important}
  .ranked-profile-recent>div>span strong{grid-column:2/3!important;grid-row:1/span 2!important;align-self:center!important}
  .ranked-profile-security{grid-template-columns:1fr!important}
  .ranked-profile-security .btn--soft{width:100%!important}
}
@media (max-width:420px){
  .ranked-profile-card{padding:14px!important;border-radius:20px!important}
  .ranked-profile-card .ranked-profile-avatar{width:58px!important;height:58px!important;font-size:18px!important}
  .ranked-profile-copy>small{font-size:8px!important;letter-spacing:.11em!important}
  .ranked-profile-copy>strong{font-size:16.5px!important}
  .ranked-profile-copy>span{font-size:11px!important}
  .ranked-profile-quickstats{gap:8px!important}
  .ranked-profile-quickstats>span{padding:9px 7px!important}
  .ranked-profile-recent>div>span{padding:10px!important}
}