.lb-bar { display: flex; gap: 14px; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 12px; border-bottom: 1px solid var(--line); }
.lb-month { width: auto; }
.lb-tiers { margin: 14px 0 26px; }
.lb-podium { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; align-items: end; margin-bottom: 26px; }
.lb-podium--1 { grid-template-columns: minmax(0, 320px); }
.lb-podium--2 { grid-template-columns: repeat(2, 1fr); }
.lb-pod { text-align: center; background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 18px 12px; display: grid; gap: 4px; justify-items: center; min-width: 0; }
.lb-pod--1 { padding-top: 30px; padding-bottom: 28px; border-color: #d9a21b; background: linear-gradient(180deg, rgba(217,162,27,.2), var(--panel)); }
.lb-pod--2 { border-color: #a9adb3; background: linear-gradient(180deg, rgba(169,173,179,.16), var(--panel)); }
.lb-pod--3 { border-color: #b0682a; background: linear-gradient(180deg, rgba(176,104,42,.18), var(--panel)); }
.lb-pod.is-me { box-shadow: 0 0 0 2px var(--orange); }
.lb-pod .c-medal { width: 36px; height: 36px; font-size: 1.05rem; }
.lb-pod__flag { font-size: 1.8rem; line-height: 1.2; }
.lb-pod__name { max-width: 100%; overflow-wrap: anywhere; }
.lb-pod__name a { color: #fff; font: 700 1.05rem var(--font-head); text-decoration: none; }
.lb-pod__name a:hover { color: var(--orange-2); }
.lb-pod__score { font: 700 2.2rem/1 var(--font-head); color: var(--orange-2); }
.lb-pod--1 .lb-pod__score { font-size: 2.8rem; }
.lb-pod__score small { font-size: .9rem; color: var(--muted); }
.lb-cta { margin-top: 28px; display: flex; gap: 16px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
@media (max-width: 480px) { .lb-podium { gap: 8px; } .lb-pod { padding: 14px 6px; } .lb-pod__score { font-size: 1.6rem; } .lb-pod--1 .lb-pod__score { font-size: 2rem; } .lb-pod__name a { font-size: .9rem; } .lb-pod .c-note { font-size: .7rem; } }