#profile-overlay #board-stat-playtest { margin:18px 0 24px; padding:20px; border:1px solid #b9d6cb; border-radius:16px; background:#f1f7ef; color:#203d5b; }
#profile-overlay .board-stat-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
#profile-overlay .board-stat-heading h3 { margin:0; font-family:'Surf Fredoka','Avenir Next',system-ui,sans-serif; font-size:28px; font-weight:650; line-height:1.15; }
#profile-overlay .board-stat-heading .boards-eyebrow { margin:0 0 6px; }
#profile-overlay .board-stat-practice { border-radius:20px; background:#d9ece5; color:#2b5b61; padding:6px 10px; font-size:11px; font-weight:750; }
#profile-overlay .board-stat-intro { margin:12px 0 16px; color:#42646e; font-size:13px; line-height:1.5; }
#profile-overlay .board-stat-builds { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
#profile-overlay .board-stat-builds button { min-height:48px; min-width:0; padding:10px 8px; border:1px solid #c1d4cc; border-radius:9px; background:#fffdf4; color:#27475e; font:inherit; font-size:12px; font-weight:750; cursor:pointer; }
#profile-overlay .board-stat-builds button[aria-pressed="true"] { border-color:#b58c37; background:#ffdb75; color:#183b55; }
#profile-overlay .board-stat-detail { display:grid; grid-template-columns:1fr 1.35fr; gap:24px; margin:20px 0; }
#profile-overlay .board-stat-description h4 { margin:2px 0 8px; font-size:18px; color:#203d5b; }
#profile-overlay .board-stat-description p { margin:0; font-size:13px; line-height:1.7; color:#496a72; }
#profile-overlay .board-stat-ratings { display:grid; gap:10px; margin:0; }
#profile-overlay .board-stat-rating { display:grid; grid-template-columns:1fr auto; gap:4px 12px; font-size:12px; }
#profile-overlay .board-stat-rating dt { font-weight:700; }
#profile-overlay .board-stat-rating dd { margin:0; font-variant-numeric:tabular-nums; }
#profile-overlay .board-stat-meter { display:block; grid-column:1 / -1; height:5px; overflow:hidden; border-radius:3px; background:#d5e4db; }
#profile-overlay .board-stat-meter > span { display:block; height:100%; border-radius:3px; background:#288f94; }
#profile-overlay .board-stat-actions { display:flex; flex-wrap:wrap; gap:10px; }
#profile-overlay .board-stat-actions button { min-height:46px; padding:11px 18px; border:1px solid #c1d4cc; border-radius:10px; background:#fffdf4; color:#23495e; font:inherit; font-size:14px; font-weight:750; cursor:pointer; }
#profile-overlay #board-stat-start { border-color:#d1a14b; background:linear-gradient(#ffdf8a,#ffd164); color:#173b56; }
#profile-overlay #board-stat-start:disabled { opacity:.65; cursor:default; }
#profile-overlay .board-stat-feedback { margin:12px 0 0; color:#315963; font-size:12px; line-height:1.6; }
#profile-overlay .board-stat-note { margin:8px 0 0; font-size:11px; line-height:1.6; color:#5d777c; }
#ride-hud #board-stat-live-chip { display:inline-flex; width:fit-content; justify-content:center; align-self:flex-start; padding:5px 9px; border-radius:7px; background:#163d4ee8; color:#fff4cf; font-size:11px; font-weight:750; line-height:1.4; pointer-events:none; }
#ride-hud #board-stat-live-chip[hidden] { display:none; }
@media(max-width:650px) {
  #profile-overlay #board-stat-playtest { padding:14px; }
  #profile-overlay .board-stat-heading h3 { font-size:25px; }
  #profile-overlay .board-stat-builds { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #profile-overlay .board-stat-detail { grid-template-columns:minmax(0,1fr); gap:16px; }
  #profile-overlay .board-stat-actions button { flex:1; }
}
