/* Extracted from templates/components/_player_medals_css.html (Phase 3.1). Page-local styles; global rules belong in the design system sheets. */
  .pp-section { background: var(--t-surface); border: 1px solid var(--t-border); border-radius: 12px; margin-bottom: 1.25rem; overflow: hidden; }
  .pp-section__head { display: flex; align-items: center; justify-content: space-between; padding: 0.85rem 1.1rem; border-bottom: 1px solid var(--t-border); font-weight: 600; }
  .pp-section__head h2 { font-size: 1rem; margin: 0; }
  .pp-section__head .pp-count { color: var(--t-text-muted); font-size: 0.85rem; }
  .pp-section__body { padding: 0.5rem 0; }

  .pp-medals { padding: 1.1rem 1.1rem 0.9rem; }
  .pp-medals__totals { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.6rem; margin-bottom: 0.9rem; }
  .pp-medal { display: flex; flex-direction: column; align-items: center; gap: 0.25rem; padding: 0.6rem 0.4rem; border-radius: 10px; border: 1px solid var(--t-border); background: var(--t-surface); }
  .pp-medal__pip { width: 22px; height: 22px; border-radius: 50%; box-shadow: inset 0 -2px 0 rgba(0,0,0,0.18); }
  .pp-medal--gold   .pp-medal__pip { background: linear-gradient(135deg, #fde68a 0%, #d4a017 100%); }
  .pp-medal--silver .pp-medal__pip { background: linear-gradient(135deg, #e5e7eb 0%, #9ca3af 100%); }
  .pp-medal--bronze .pp-medal__pip { background: linear-gradient(135deg, #fcd5b5 0%, #a05a2c 100%); }
  .pp-medal__value { font-size: 1.4rem; font-weight: 700; line-height: 1; }
  .pp-medal__label { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--t-text-muted); }

  .pp-medals__breakdown { border-top: 1px solid var(--t-border-soft, rgba(0,0,0,0.06)); padding-top: 0.7rem; }
  .pp-medals__row { display: flex; align-items: center; justify-content: space-between; padding: 0.32rem 0.1rem; font-size: 0.9rem; }
  .pp-medals__row + .pp-medals__row { border-top: 1px dashed var(--t-border-soft, rgba(0,0,0,0.05)); }
  .pp-medals__row-label { font-weight: 600; }
  .pp-medals__row-empty { color: var(--t-text-muted); font-weight: 400; }
  .pp-medals__row-counts { display: flex; gap: 0.9rem; color: var(--t-text-muted); font-variant-numeric: tabular-nums; }
  .pp-medals__row-counts span { display: inline-flex; align-items: center; gap: 0.3rem; }
  .pp-medals__row-counts .pp-medals__dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
  .pp-medals__row-counts .pp-medals__dot--gold   { background: linear-gradient(135deg, #fde68a 0%, #d4a017 100%); }
  .pp-medals__row-counts .pp-medals__dot--silver { background: linear-gradient(135deg, #e5e7eb 0%, #9ca3af 100%); }
  .pp-medals__row-counts .pp-medals__dot--bronze { background: linear-gradient(135deg, #fcd5b5 0%, #a05a2c 100%); }