.elyn-leaderboard{--elyn-lb-ink:#123d47;--elyn-lb-muted:#667e85;--elyn-lb-line:#dbe8eb;--elyn-lb-panel:#ffffff;--elyn-lb-soft:#f5fafb;--elyn-lb-brand:#0e8ca6;--elyn-lb-brand-dark:#0b5f70;--elyn-lb-accent:#9bef45;margin:32px 0;border:1px solid var(--elyn-lb-line);border-radius:24px;background:var(--elyn-lb-panel);box-shadow:0 18px 44px rgba(14,55,64,.08);overflow:clip;color:var(--elyn-lb-ink)}.elyn-leaderboard__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px 30px;background:radial-gradient(circle at 90% 10%,rgba(155,239,69,.18),transparent 24%),linear-gradient(135deg,#07586a,#1190a5);color:#fff}.elyn-leaderboard__eyebrow{margin:0 0 6px;color:#bffb7a;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.elyn-leaderboard__header h2{margin:0;color:#fff;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.12}.elyn-leaderboard__intro{max-width:650px;margin:10px 0 0;color:rgba(255,255,255,.82)}.elyn-leaderboard__trophy{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:rgba(255,255,255,.12);font-size:1.65rem}.elyn-leaderboard__status,.elyn-leaderboard__empty,.elyn-leaderboard__noscript{margin:0;padding:28px 30px;color:var(--elyn-lb-muted)}.elyn-leaderboard__status--error{color:#a13636}.elyn-leaderboard__results{padding:22px 24px 26px}.elyn-leaderboard__meta{display:flex;justify-content:space-between;gap:16px;margin:0 4px 14px;color:var(--elyn-lb-muted);font-size:.86rem}.elyn-leaderboard__list{display:grid;gap:10px}.elyn-leaderboard-row{display:grid;grid-template-columns:54px minmax(0,1fr) minmax(150px,auto);align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--elyn-lb-line);border-radius:16px;background:#fff}.elyn-leaderboard-row--podium{border-color:rgba(14,140,166,.28);background:linear-gradient(90deg,rgba(14,140,166,.06),transparent 55%),#fff}.elyn-leaderboard-row--mine{border-color:rgba(155,239,69,.82);box-shadow:0 0 0 2px rgba(155,239,69,.14)}.elyn-leaderboard-row__rank{display:grid;place-items:center;min-height:42px;border-radius:12px;background:var(--elyn-lb-soft);color:var(--elyn-lb-brand-dark);font-weight:850;font-size:1.05rem}.elyn-leaderboard-row__identity{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.elyn-leaderboard-row__identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--elyn-lb-ink)}.elyn-leaderboard-row__you{display:inline-flex;padding:3px 8px;border-radius:999px;background:rgba(155,239,69,.22);color:#41740d;font-size:.72rem;font-weight:800;text-transform:uppercase}.elyn-leaderboard-row__metric{display:grid;justify-items:end;gap:2px;text-align:right}.elyn-leaderboard-row__metric strong{color:var(--elyn-lb-brand-dark)}.elyn-leaderboard-row__metric span{color:var(--elyn-lb-muted);font-size:.82rem}.elyn-leaderboard__mine-wrap{position:sticky;bottom:12px;z-index:4;margin-top:16px;padding:10px;border:1px solid rgba(155,239,69,.55);border-radius:18px;background:rgba(248,253,243,.96);box-shadow:0 10px 30px rgba(25,65,28,.14);backdrop-filter:blur(8px)}.elyn-leaderboard__mine-label{display:block;margin:0 0 7px 6px;color:#4c741e;font-size:.74rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.elyn-leaderboard__privacy{display:grid;gap:4px;margin-top:16px;padding:15px 17px;border-radius:14px;background:#fff8e8;color:#72551d}.elyn-leaderboard__privacy span{font-size:.88rem}.elyn-leaderboard__privacy-note{margin:16px 4px 0;color:var(--elyn-lb-muted);font-size:.78rem}.elyn-leaderboard-error{padding:15px 18px;border:1px solid #eccccc;border-radius:12px;background:#fff6f6;color:#8f3333}@media (max-width:640px){.elyn-leaderboard{border-radius:20px}.elyn-leaderboard__header{padding:24px 20px}.elyn-leaderboard__trophy{width:48px;height:48px;flex-basis:48px}.elyn-leaderboard__results{padding:16px 14px 20px}.elyn-leaderboard__meta{display:grid;gap:3px;margin-bottom:12px}.elyn-leaderboard-row{grid-template-columns:46px minmax(0,1fr);gap:10px 12px;padding:13px}.elyn-leaderboard-row__metric{grid-column:2;justify-items:start;text-align:left}.elyn-leaderboard-row__rank{grid-row:1 / span 2;align-self:stretch}.elyn-leaderboard__status,.elyn-leaderboard__empty,.elyn-leaderboard__noscript{padding:22px 20px}}