/* 순위권(1–3위) 카드 새 모양 2안 (대표 2026-11-13 "메달이랑 순위권 조금 더 세련되고 트렌드하게" → "다듬은 2안 만들어줘").
   누가·어디서·무엇을: 회원이 운동 직후 휴대폰으로 오늘 순위의 1–3위를 한눈에 본다.
   1안(광택 있는 동전)에서 고친 것:
   - 메달: 광택·그림자 없이 평평한 금·은·동 원에 숫자(한가운데). 2·3위 32px, 1위 40px(이 크기 조합에서 숫자가 화면 점에 딱 맞게 가운데 온다: 390px 미리보기 측정).
   - 1위가 돋보이게: 카드가 정확히 1·2·3위 석 장일 때 1위 칸을 조금 넓히고, 기록 숫자도 1위만 더 크게, 테두리·바탕에 옅은 금빛.
     2·3위 카드는 색을 빼고 같은 중립 카드(메달만 색). 공동 순위로 장수가 달라지면 예전처럼 같은 폭.
   - 기록: 숫자는 순위표와 같은 숫자 글꼴로 크게, 단위 '회'는 그보다 작게 14px(1위 16px). app.js podium()이 .podium-unit으로 감싼다.
     영어 화면의 ' reps'는 길어서 12px(1위 13px)로 두어 한 줄에 들어가게 한다.
   - 손본 것(대표 2026-11-13 "세 가지 손보고 보여줘"): '회'를 한 단계 크게, 1위 카드 금빛(테두리·바탕)을 더, 2·3위 메달을 28px에서 32px로.
   - '나': 옅은 라임빛 카드 + 이름 아래 작은 라임 '나' 딱지. 밝은 라임 테두리는 쓰지 않는다.
     (대표 2026-11-13 "빌드 2위만 눈에 띄는 것 같은데": 내 카드의 밝은 테두리가 1위보다 먼저 보였다. 가장 먼저 보여야 하는 것은 1위다.
      내가 1위면 금빛 카드 그대로에 딱지만 붙는다.)
   이모지 메달과 '1위' 글자는 HTML에 그대로 두고 화면에서만 숨긴다. 직원 화면은 예전 모양 그대로.
   어둡게·밝게 색을 이 파일에 함께 둔다(scripts/build-member-theme.mjs 대상 아님, member-light.css 뒤에 불러온다). */
body.refined-member .rank-podium{gap:8px;margin:16px 0 24px}
body.refined-member .rank-podium:has(>.podium-1:first-child+.podium-2+.podium-3:last-child){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr)}
body.refined-member .podium-card{justify-content:center;padding:16px 6px;border:1px solid #2b3632;border-radius:18px;background:#1a2120}
body.refined-member .podium-1{--metal:#e6c558;border-color:#b39a3c;background:#24271a}
body.refined-member .podium-2{--metal:#d3dbe1;border-color:#2b3632}
body.refined-member .podium-3{--metal:#cd9263;border-color:#2b3632}

/* 평평한 메달: 금·은·동 원에 숫자. 숫자는 따로 띄워 원 한가운데에 두고 글꼴 위·아래 여백(.05em)을 보정한다.
   text-box를 아는 브라우저는 글자 높이에 딱 맞춰 가운데. '1'은 글자 모양이 왼쪽으로 치우쳐 .015em 오른쪽으로. */
body.refined-member .podium-medal{position:relative;display:block;flex:none;width:32px;height:32px;border-radius:50%;font-size:0;line-height:0;background:var(--metal)}
body.refined-member .podium-1 .podium-medal{width:40px;height:40px}
body.refined-member .podium-medal::before{position:absolute;left:50%;top:50%;display:block;white-space:nowrap;font:700 19px/1 var(--num);color:#1d2019;translate:-50% calc(-50% - .05em)}
body.refined-member .podium-1 .podium-medal::before{content:"1";font-size:23px;translate:calc(-50% + .015em) calc(-50% - .05em)}
body.refined-member .podium-2 .podium-medal::before{content:"2"}
body.refined-member .podium-3 .podium-medal::before{content:"3"}
@supports (text-box:trim-both cap alphabetic){
 body.refined-member .podium-medal::before{text-box:trim-both cap alphabetic;translate:-50% -50%}
 body.refined-member .podium-1 .podium-medal::before{translate:calc(-50% + .015em) -50%}
}
body.refined-member .podium-card>span:not(.podium-medal){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* 이름 · 표시(코치·3인) · 기록 · 무게 */
body.refined-member .podium-card h3{margin:10px 0 0;font-size:14px;font-weight:600;line-height:1.3}
body.refined-member .podium-1 h3{font-size:15px;font-weight:700}
body.refined-member .podium-tags{margin:6px 0 0}
body.refined-member .podium-card .rank-a{margin:6px 0 0}
body.refined-member .podium-card strong{margin-top:6px;font-family:var(--num);font-size:24px;font-weight:700;line-height:1.05;letter-spacing:.01em}
body.refined-member .podium-1 strong{font-size:30px}
body.refined-member .podium-unit{margin-left:1px;font-family:var(--kr);font-size:14px;font-weight:600;letter-spacing:0;color:var(--tx2)}
body.refined-member .podium-1 .podium-unit{font-size:16px}
html[data-lang="en"] body.refined-member .podium-unit{font-size:12px}
html[data-lang="en"] body.refined-member .podium-1 .podium-unit{font-size:13px}
body.refined-member .podium-loads{margin-top:6px;font-size:12px;line-height:1.4;color:var(--tx3)}

/* 나: 1위보다 튀지 않게. 옅은 라임빛 카드 + 작은 딱지 */
body.refined-member .podium-card.podium-mine{border-color:#56632f;background:#1e2820;box-shadow:none}
body.refined-member .podium-card.podium-1.podium-mine{border-color:#b39a3c;background:#24271a}
body.refined-member .podium-tags .podium-me{padding:0 7px;border:0;background:#ddf878;color:#1d2019;font-size:11px;font-weight:800;line-height:18px}

/* 밝게 */
html[data-theme="light"] body.refined-member .podium-card{border:1px solid #e2e5de;background:#ffffff}
html[data-theme="light"] body.refined-member .podium-1{--metal:#e3bf45;border-color:#dcc463;background:#fffbe8}
html[data-theme="light"] body.refined-member .podium-2{--metal:#b9c3cb;border-color:#e2e5de;background:#ffffff}
html[data-theme="light"] body.refined-member .podium-3{--metal:#c98a59;border-color:#e2e5de;background:#ffffff}
html[data-theme="light"] body.refined-member .podium-unit{color:#56665f}
html[data-theme="light"] body.refined-member .podium-loads{color:#56665f}
html[data-theme="light"] body.refined-member .podium-card.podium-mine{border-color:#cbd88a;background:#fbfdf2;box-shadow:none}
html[data-theme="light"] body.refined-member .podium-card.podium-1.podium-mine{border-color:#dcc463;background:#fffbe8}
html[data-theme="light"] body.refined-member .podium-tags .podium-me{border:0;background:#ddf878;color:#2a2e24}
