.profile-nav{display:flex;gap:24px;overflow-x:auto;border-bottom:1px solid #34433c;padding:14px 0}
.profile-nav a{color:#b9cad6;white-space:nowrap}
.profile-search{display:flex;align-items:center;gap:5px}
.profile-search input,.profile-search button{
 background:#1a2329;color:#d6e3e4;border:1px solid #415762;border-radius:7px;
 padding:7px 8px;font:inherit;font-size:12px;
}
.profile-search input{width:clamp(105px,15vw,180px);min-width:0}
.profile-search button{cursor:pointer;color:#a2e9cc}
.profile-header-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.profile-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 24px}
.profile-heading h1{color:#e4cfaa;font-size:clamp(27px,5vw,48px);margin:0;overflow-wrap:anywhere}
.profile-heading p{color:#b9cad6;margin:8px 0 0}
.profile-official{border:1px solid #4384af;color:#a4d6fa;border-radius:8px;padding:10px 14px;white-space:nowrap}
.profile-official::before{
 content:"";display:inline-block;width:16px;height:16px;margin-right:7px;
 vertical-align:-3px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAACa0lEQVR4nGWSS0hUUQCGv3PuncyZZsq8apkpGkmlZvYuIqgp0UDaBBEUSW3ctehBtchNqyAIojbRoicEWm3CIbgV0dNMe8uElW9jSNOZnK7de89pUUKPb/fD9+8+sSL2HEBpofmF0Nr9Oty+q+bXrL79zHG09jTw+OxF03H8108NEACeB9DRZHWcHOpmVqFduygau9RGZjG+DzCaoOJmK5sOCiufSaxsOZZAK9v5xr+URym/dr+0yNDK1hqtScdJx9HK9pOk44y/ZrwNpwutGr3E5E0ru7ONxsOcPvHbHnjLmpVY2TISEpGQON5A/DqRkKB0HUBpkUE4h3BO5x20sicGOLobYeULK18UV4jiCmHly9AM6nawbKtZ2fzk5RWb1AurvXnBevtHbzSdpOmeoQMh5ixh4TYCjnTjavSTLFqqhlpNgI3zOXKquEBN9EY9h8+DdH0JU7KYynoiP5gbUY6JuUr1eOgHckpEIFNAddT00xiQSKAzg+SVkAtlIXJMps6kx2PYBUxpQL8HfOwRRhCRAaADIfJymRcgQzDm0jchUlorANMbc+lTQGLEQLm4ZGYAiOCoNhz6UnJwUGWt1NZsgPhF0/+u8KYAff2udpDTKSpBuOO6+710NKCsFVzYHxl+/k0LVbJBCt/HnEZZ3fuRmcnPyAxyq+ydiwZFx0P17q2ayBI3j+kPBx6cmUyt6tJd9t5i9R7ypu7bLDwn5if5+opDdQIgnPOppbbzBDIoKVxO5RZRdT7W8cgn9Q63l0fnarKc+lq2bIcAOsXI99rLl1sab0hVsJaKBrquCsqjf+X1xv6vOP50fgKf0BQo/YJhtwAAAABJRU5ErkJggg==") center / contain no-repeat;
 image-rendering:pixelated;
}
.profile-metrics,.profile-columns{display:grid;gap:16px;margin-bottom:16px}
.profile-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.profile-columns{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start}
.profile-info-column{display:grid;gap:16px;min-width:0}
.profile-card{padding:18px;background:#1a2329;border:1px solid #344755;border-radius:12px;min-width:0}
.profile-metrics dt,.profile-details dt{color:#b9cad6}
.profile-metrics dd{margin:5px 0 0;color:#a2e9cc;font-size:clamp(18px,3vw,29px);font-weight:700;overflow-wrap:anywhere}
.profile-card h2{color:#ddc9a6;font-size:17px;margin:0 0 12px}
.profile-details{margin:0}
.profile-details div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px;padding:8px 0;border-bottom:1px solid #ffffff12}
.profile-details dd{color:#bdc8c4;margin:0;overflow-wrap:anywhere}
.profile-details dd.profile-account-premium{color:#86efac}
.profile-details dd.profile-account-free{color:#fca5a5}
#profile-chart>p,#profile-status{color:#aebcb8}
.profile-chart{width:100%;height:auto;display:block}
.profile-chart polyline{fill:none;stroke:#8ce6bd;stroke-width:2;vector-effect:non-scaling-stroke}
.profile-chart circle{fill:#8ce6bd}
.profile-chart-dates,.profile-chart-range{display:flex;justify-content:space-between;gap:8px;color:#b9cad6;font-size:12px}
.profile-period{display:flex;gap:6px;margin-bottom:10px}
.profile-period button{border:1px solid #415762;border-radius:6px;background:transparent;color:#b9cad6;padding:5px 9px;cursor:pointer}
.profile-period button[aria-pressed=true]{border-color:#8ce6bd;color:#8ce6bd}
.profile-exp-compact summary{cursor:pointer;list-style:none}
.profile-exp-compact summary::after{content:" ▾";font-size:.7em}
.profile-exp-compact span{display:block;margin-top:4px;font-size:12px;font-weight:500}
.profile-deaths ul{margin:0;padding:0;list-style:none}
.profile-deaths li{display:flex;align-items:center;gap:9px;padding:6px 0;border-top:1px solid #ffffff12}
.profile-deaths img{width:64px;height:64px;object-fit:contain;flex:none;image-rendering:pixelated}
.profile-death-meta{display:flex;flex-wrap:wrap;gap:4px 12px}
.profile-deaths time{color:#ddc9a6}
.profile-deaths li span,.profile-deaths p{color:#b9cad6}
.profile-deaths p{margin:2px 0 0;overflow-wrap:anywhere}
@media(max-width:700px){
 .profile-columns{grid-template-columns:1fr}
 .profile-heading{align-items:flex-start;flex-direction:column}
 .profile-metrics{gap:6px}
 .profile-metrics .profile-card{padding:9px;font-size:12px}
 .profile-exp-compact summary{font-size:clamp(13px,4vw,20px)}
}
