.profile-nav{display:flex;flex-wrap:wrap;gap:8px}
.profile-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,0.9fr);gap:18px;align-items:start}
.profile-card{padding:clamp(18px,4vw,30px);min-width:0}
.profile-card h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(26px,5vw,35px);margin:5px 0 14px}
.profile-card h3{font-size:18px;margin:23px 0 11px}
.profile-card p{line-height:1.6}
.profile-muted{font-size:13px;color:var(--muted)}.profile-error{color:#ffb5a8}
.profile-action{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin:12px 0;padding:14px 20px}
.profile-id{display:flex;align-items:center;gap:13px;margin:23px 0}
.profile-id strong{display:block;font-size:23px}.profile-id small{display:block;color:var(--muted)}
.profile-avatar{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;background:#e6d4b1;color:#273334;font:27px Georgia,serif}
.profile-name-edit{display:flex;gap:8px;flex-wrap:wrap}.profile-name-edit input{flex:1;min-width:130px}.profile-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:20px 0}
.profile-stats>div{padding:14px 6px;text-align:center;border-radius:12px;background:#111b1e;border:1px solid #354348}
.profile-stats strong{display:block;font-size:28px;font-variant-numeric:tabular-nums;color:#ffe0a0}
.profile-stats span{font-size:11px;color:var(--muted)}
.profile-games{display:flex;flex-direction:column;gap:9px}.profile-game{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#152024;border-radius:11px;padding:12px 14px;color:#ede9da;text-decoration:none;border:1px solid #344148}
.profile-game:hover{border-color:#d8b276}.profile-game strong{display:block}.profile-game span{font-size:12px;color:#aebcb9}
.profile-game .result{font-weight:700;color:#e6cb94;text-transform:capitalize}
.profile-card .tip-list{padding-left:18px}.profile-card .tip-list li{margin-bottom:9px}
@media(max-width:780px){header{flex-wrap:wrap}.profile-nav{width:100%}.profile-layout{display:flex;flex-direction:column}.profile-card{width:100%}}