/* Profile page polish. Loaded after the other stylesheets. */

body:has(#profile-view:not([hidden])){background:var(--mist)}

/* ---------- Card side panel ---------- */
.player-card-layout{align-items:stretch}
.player-card-about.card{display:flex;flex-direction:column;gap:14px;padding:18px;background:#fff;border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.profile-season{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:var(--radius);background:var(--court);color:#fff;text-decoration:none}
.ps-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--lime)}
.ps-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ps-stats span{display:flex;flex-direction:column}
.ps-stats b{font:800 28px/1 var(--font-display)}
.ps-stats small{margin-top:4px;font-size:12px;color:#ffffffbf}
.profile-season:hover{background:var(--court-deep)}
.profile-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.pf-label{font-weight:700;color:var(--ink)}
.profile-form .form-pills{display:inline-flex;gap:5px;margin:0}
.profile-form .form-pill{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;font-size:12px;font-weight:800}
.pf-streak{font-size:13px;color:var(--muted)}
.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.profile-actions a,.profile-actions button{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 14px;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--mist);color:var(--ink);font:600 15px var(--font-body);text-decoration:none;cursor:pointer;text-align:left}
.profile-actions a:first-child{background:var(--court);border-color:var(--court);color:#fff}
.profile-actions a:hover,.profile-actions button:hover{border-color:var(--court)}
.profile-actions span{font-size:17px}
.profile-explain{font-size:13px;color:var(--muted)}
.profile-explain summary{cursor:pointer;font-weight:600;color:var(--court)}
.profile-explain p{margin:8px 0 0;line-height:1.55}

/* ---------- Competitions ---------- */
.profile-competitions h2,.personal-highlights .detail-heading h2{font-size:24px;color:var(--ink)}
.profile-comp-list{padding:0;overflow:hidden;border:1px solid var(--rule);border-radius:var(--radius)}
.profile-comp{display:flex;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid var(--rule);color:var(--ink);text-decoration:none}
.profile-comp:first-child{border-top:0}
.profile-comp:hover{background:var(--mist)}
.pc-main{display:flex;flex-direction:column;flex:1;min-width:0}
.pc-main b{font-size:16px}
.pc-main small{font-size:13px;color:var(--muted)}
.pc-go{font-size:22px;color:var(--muted)}

/* ---------- Milestones: one calm tile style ---------- */
.personal-highlights .detail-heading small{color:var(--court);font-weight:700;letter-spacing:.08em}
.personal-facts-grid .fact-tile,.personal-facts-grid .fact-tile:nth-child(n){background:#fff;border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow)}
.personal-facts-grid .fact-icon{display:grid;place-items:center;background:var(--mist);color:var(--court)}
.personal-facts-grid .fact-content h3{color:var(--ink)}
.personal-facts-grid .fact-detail>strong{font-family:var(--font-display);color:var(--court)}
.profile-records,.profile-records:nth-child(n){background:#fff;border:1px solid var(--rule);border-radius:var(--radius)}

@media(max-width:700px){
  .player-card-layout .badminton-card{margin:0 auto}
  .player-card-about.card{padding:14px}
  .ps-stats b{font-size:24px}
}