/* @screen E-006 — Classement (planche Leaderboard) */
.seg{display:inline-flex;padding:2px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface-sunken)}
.seg button{min-height:34px;padding:0 14px;border:0;border-radius:6px;background:none;color:var(--ink-muted);font:600 14px/20px var(--font-text);cursor:pointer;white-space:nowrap}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--surface)}
.lb-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}
.lb-toolbar .field-shell{flex:1 1 240px;max-width:320px;margin-left:auto}
.cat-chips{margin-bottom:28px}

/* podium */
.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end;margin-bottom:24px}
.pod{position:relative;display:grid;justify-items:center;gap:10px;padding:24px 16px 20px;border-radius:16px;background:var(--surface-raised);border:1px solid var(--border);text-align:center;text-decoration:none;color:var(--ink);min-width:0}
.pod:hover{border-color:var(--border-strong)}
.pod--1{order:2;padding-top:32px;box-shadow:0 0 0 3px var(--accent),var(--shadow-raised);border-color:transparent}
.pod--2{order:1}
.pod--3{order:3}
.pod .place{position:absolute;top:12px;left:14px;font:400 28px/1 var(--font-display);color:var(--ink-muted)}
.pod--1 .place{color:var(--accent-text)}
.pod .who{display:grid;gap:6px;justify-items:center;min-width:0;max-width:100%}
.pod .who strong{font-size:17px;line-height:24px;overflow-wrap:anywhere}
.pod .score{font:400 36px/1 var(--font-display);letter-spacing:.01em}
.pod--1 .score{font-size:44px}
.pod .score small{display:block;margin-top:6px;font:600 12px/16px var(--font-text);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}
.pod .meta{font-size:13px;line-height:20px;color:var(--ink-muted)}
.pod .av{line-height:0}

/* tableau */
.board{width:100%;border-collapse:collapse;font-size:15px}
.board caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.board th{text-align:left;font:600 12px/16px var(--font-text);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);padding:12px;border-bottom:1px solid var(--border);white-space:nowrap}
.board td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}
.board th.num{text-align:right}
.board tr:last-child td{border-bottom:0}
.board .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.board .pos{width:40px;font:400 20px/1 var(--font-display);color:var(--ink-muted)}
.board .sc{font:400 22px/1 var(--font-display);color:var(--ink)}
.board tr.me td{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.board tr.me td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
.member{display:flex;align-items:center;gap:12px;min-width:0;color:var(--ink);text-decoration:none}
.member .nm{display:grid;gap:4px;justify-items:start;min-width:0}
.member .nm-top{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}
.member .na-rank{font-size:11px;padding:1px 8px 1px 6px}
.member:hover strong{text-decoration:underline}
.member strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.member .you{font:600 11px/16px var(--font-text);letter-spacing:.06em;text-transform:uppercase;padding:1px 6px;border-radius:4px;background:var(--accent);color:var(--on-mask)}
.evo{display:inline-flex;align-items:center;gap:2px;font:600 13px/20px var(--font-text);white-space:nowrap}
.evo.up{color:var(--success)}
.evo.down{color:var(--danger)}
.evo.same{color:var(--ink-muted)}
.tablecard{border-radius:12px;background:var(--surface-raised);border:1px solid var(--border);overflow-x:auto}
.lb-foot{margin:16px 0 0;font-size:13px;color:var(--ink-muted)}

/* colonne latérale */
.lb-aside{display:grid;gap:16px;align-content:start}
.pts{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.pts li{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:baseline;font-size:14px;line-height:22px;color:var(--ink-muted)}
.pts b{font:400 20px/1 var(--font-display);color:var(--accent-text);text-align:right}
.pts strong{color:var(--ink)}
.lb-pts p{margin:12px 0 0;font-size:14px;line-height:22px;color:var(--ink-muted)}
.mine{display:flex;align-items:center;gap:14px}
.mine>div{display:grid;gap:4px}
.mine .big{font:400 40px/1 var(--font-display)}
.mine span:not(.big){font-size:14px;color:var(--ink-muted)}
.lb-me .meter{height:8px;margin:14px 0 8px;border-radius:999px;background:var(--surface-sunken);border:1px solid var(--border);overflow:hidden}
.lb-me .meter i{display:block;height:100%;border-radius:999px;background:var(--accent)}
.lb-me p{margin:0;font-size:14px;line-height:22px;color:var(--ink-muted)}
.lb-cta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}

@media (max-width:1280px) and (min-width:961px){.board .c-md{display:none}}
@media (max-width:960px){
  .lb-toolbar .field-shell{max-width:none;margin-left:0;flex-basis:100%}
  .lb-aside{display:contents}
  .lb-aside>*{flex:1 1 100%}
  .lb-me{order:-1}
  .lb-me .lb-cta{display:none}
}
@media (max-width:640px){
  .podium{grid-template-columns:minmax(0,1fr);gap:10px}
  .pod,.pod--1,.pod--2,.pod--3{order:0;grid-template-columns:auto minmax(0,1fr) auto;justify-items:start;align-items:center;text-align:left;padding:14px 16px 14px 44px;gap:12px}
  .pod .place{top:50%;left:14px;transform:translateY(-50%);font-size:22px}
  .pod .who{justify-items:start}
  .pod .who strong{font-size:16px}
  .pod .score,.pod--1 .score{font-size:28px;text-align:right}
  .pod .score small{margin-top:4px;font-size:11px}
  .pod .meta{display:none}
  .board .c-hide{display:none}
  .board .pos{width:36px;font-size:18px}
  .board .rk-b{display:none}
  .seg{width:100%}
  .seg button{flex:1;padding:0 8px}
}