/* Public player profile in the hub rework language. */
.profile-rework { --profile-border:#cddfe8; --profile-muted:#536b88; }
.profile-rework .profile-not-found { min-height:60vh; padding:120px max(24px,calc((100vw - 1180px)/2)); color:var(--ink); background:#fff; }
.profile-rework .profile-not-found a { color:#006da7; }
.profile-rework .profile-hero.teams-hero {
  min-height:0; border:0; color:var(--ink);
  background-color:#bceffa;
  background-image:url('rework/sky-clouds.webp');
  background-size:max(100vw,calc(var(--sky-art-height) * 1.75)) auto;
  background-position:center calc(-1 * var(--header-art-height));
  background-repeat:no-repeat;
}
.profile-rework .profile-hero-inner.wrap { width:min(100% - 48px,1180px); padding:38px 0 104px; }
.profile-rework .profile-overview { grid-template-columns:132px minmax(0,1fr); gap:28px; }
.profile-rework .profile-avatar-frame {
  width:132px; height:132px; border:5px solid white; box-shadow:8px 8px 0 var(--pink);
  background:#dcebf3;
}
.profile-rework .profile-avatar-frame:after { content:none; }
.profile-rework .profile-avatar-fallback { color:var(--ink); font:800 66px Tektur,Arial,sans-serif; }
.profile-rework .profile-identity h1 {
  max-width:none; color:var(--ink); font:800 clamp(42px,7vw,78px)/1.05 Tektur,Arial,sans-serif;
  letter-spacing:-.045em;
}
.profile-rework .profile-bio { margin:12px 0 0; color:#183d65; font:600 16px/1.5 Arial,sans-serif; }
.profile-rework .profile-meta { margin-top:17px; gap:8px; }
.profile-rework .profile-meta > * {
  min-height:36px; border:1px solid #a9d9e9; padding:5px 11px;
  color:var(--ink); background:#ffffffdf; font:700 13px Arial,sans-serif;
}
.profile-rework .profile-meta a { color:var(--ink); }
.profile-rework .profile-meta a:hover,.profile-rework .profile-meta a:focus-visible { color:#c90879; border-color:#c90879; }
.profile-rework .profile-meta .profile-team { padding:0; border-color:#79bdd5; background:white; }
.profile-rework .profile-team-tag { color:var(--ink); background:var(--yellow); }
.profile-rework .profile-team-name small { color:#536b88; }
.profile-rework .profile-team-name strong { color:var(--ink); }
.profile-rework .profile-meta .profile-kamaitachi {
  clip-path:none; color:white; background:var(--ink); border-color:var(--ink); font:750 12px Tektur,Arial,sans-serif;
}
.profile-rework .profile-meta .profile-kamaitachi:hover { color:white; background:#c90879; }
.profile-rework .profile-role-badge { color:white; }
.profile-rework .profile-career-stats {
  margin:32px 0 0; border:0; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px;
}
.profile-rework .profile-career-stats div {
  min-height:92px; padding:13px; border:1px solid #b8dbe8; border-top:4px solid var(--aqua);
  background:#fffffff0; gap:12px;
}
.profile-rework .profile-career-stats div:nth-child(3n + 2) { border-top-color:var(--pink); }
.profile-rework .profile-career-stats div:nth-child(3n) { border-top-color:var(--yellow); }
.profile-rework .profile-career-stats dd { color:var(--ink); font:800 clamp(25px,3vw,38px)/1 Tektur,Arial,sans-serif; }
.profile-rework .profile-career-stats dt { color:#4c6480; font:700 11px/1.2 Arial,sans-serif; letter-spacing:0; text-transform:none; }
.profile-rework .profile-content.wrap { width:min(100% - 48px,1180px); padding:34px 0 100px; }
.profile-rework .profile-content > section + section { margin-top:48px; }
.profile-rework .profile-section-heading { margin-bottom:18px; border-bottom:1px solid #cddfe8; padding-bottom:13px; }
.profile-rework .profile-section-heading h2 { color:var(--ink); font:italic 800 clamp(25px,3vw,36px)/1.2 Tektur,Arial,sans-serif; letter-spacing:-.025em; }
.profile-rework .profile-game-grid { gap:20px; }
.profile-rework .profile-game-card {
  border:1px solid #cddfe8; color:var(--ink); text-decoration:none; background:#f9fdff;
  box-shadow:none; transform:none;
}
.profile-rework .profile-game-card:hover,.profile-rework .profile-game-card:focus-visible { border-color:var(--pink); transform:translateY(-3px); }
.profile-rework .profile-game-art {
  height:165px; display:grid; place-items:center; overflow:hidden; background:#090b16;
  border-bottom:5px solid var(--aqua);
}
.profile-rework .profile-game-sdvx .profile-game-art { border-bottom-color:var(--pink); }
.profile-rework .profile-game-art img { width:min(76%,440px); max-height:125px; object-fit:contain; }
.profile-rework .profile-game-art span { color:white; font:800 40px Tektur,Arial,sans-serif; }
.profile-rework .profile-game-body { border:0; padding:24px; color:var(--ink); background:#f9fdff; }
.profile-rework .profile-game-body h3 { min-height:0; font:800 28px/1.15 Tektur,Arial,sans-serif; letter-spacing:-.02em; }
.profile-rework .profile-game-stats { margin-top:18px; border:0; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:#cddfe8; }
.profile-rework .profile-game-stats div { min-height:73px; padding:11px; border:0; background:white; }
.profile-rework .profile-game-stats dt { color:#536b88; font:700 11px/1.2 Arial,sans-serif; letter-spacing:0; text-transform:none; }
.profile-rework .profile-game-stats dd { color:var(--ink); font:800 clamp(17px,2vw,24px)/1.1 Tektur,Arial,sans-serif; }
.profile-rework .profile-game-stats dd small { color:#c90879; font:700 10px Arial,sans-serif; }
.profile-rework .profile-year,.profile-rework .profile-result,.profile-rework .profile-milestone,.profile-rework .profile-achievement { border-color:#cddfe8; background:#f9fdff; }
.profile-rework .profile-year { border-left:5px solid var(--aqua); }
.profile-rework .profile-result { border-left:5px solid var(--pink); }
.profile-rework .profile-milestone-icon { background:var(--yellow); }
@media(max-width:900px) {
  .profile-rework .profile-career-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .profile-rework .profile-game-grid { grid-template-columns:1fr; }
}
@media(max-width:640px) {
  .profile-rework .profile-hero.teams-hero { background-size:cover; background-position:center top; }
  .profile-rework .profile-hero-inner.wrap,.profile-rework .profile-content.wrap { width:min(100% - 32px,1180px); }
  .profile-rework .profile-overview { grid-template-columns:76px minmax(0,1fr); gap:16px; align-items:start; }
  .profile-rework .profile-avatar-frame { width:76px; height:76px; border-width:3px; box-shadow:4px 4px 0 var(--pink); }
  .profile-rework .profile-avatar-fallback { font-size:37px; }
  .profile-rework .profile-identity h1 { font-size:clamp(30px,8vw,46px); }
  .profile-rework .profile-bio { font-size:14px; }
  .profile-rework .profile-meta { margin-left:0; margin-top:24px; max-width:100%; box-sizing:border-box; }
  .profile-rework .profile-career-stats { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:25px; }
  .profile-rework .profile-career-stats div { min-height:78px; }
  .profile-rework .profile-game-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .profile-rework .profile-game-art { height:135px; }
}


/* Keep record rows on the same type scale as the new cards. */
.profile-rework .profile-year > time,
.profile-rework .profile-year dd,
.profile-rework .profile-result-name strong,
.profile-rework .profile-result-place {
  color:var(--ink);
  font-family:Tektur,Arial,sans-serif;
  font-weight:800;
}
.profile-rework .profile-year > time { font-size:28px; }
.profile-rework .profile-year dd { font-size:23px; }
.profile-rework .profile-result-name strong { font-size:17px; line-height:1.25; }
.profile-rework .profile-result-place { font-size:29px; }
.profile-rework .profile-year dt,
.profile-rework .profile-result time,
.profile-rework .profile-result-name span { font:700 12px Arial,sans-serif; }
.profile-rework .profile-result-game { font:750 12px Tektur,Arial,sans-serif; }

/* The active profile button keeps the button's readable contrast. */
.profile-rework .desktop-nav .account-link[aria-current="page"] { color:#fff; }
.profile-rework .desktop-nav .account-link[aria-current="page"]:hover { color:#fff; }