.pet-friend-leaderboard-page{--pfl-surface-bg:#f8fafc;--pfl-surface-border:rgba(47,72,88,.1);--pfl-surface-shadow:0 4px 20px -6px rgba(47,72,88,.06),0 12px 32px rgba(47,72,88,.08);--pfl-navy:#2f4858;--pfl-orange:#ff8359;--pfl-orange-deep:#ff6b4a;--pfl-orange-rgb:255,131,89;--pfl-muted:#5a6b78;--pfl-radius-lg:22px;--pfl-radius-md:16px;padding:2rem 0 2.75rem}.pet-friend-leaderboard-page .pfl-shell{max-width:860px;margin:0 auto}.pet-friend-leaderboard-page .pfl-hero{text-align:center;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1.25rem 1.35rem;margin-bottom:1.25rem;background:var(--pfl-surface-bg);border:1px solid var(--pfl-surface-border);border-radius:var(--pfl-radius-lg);box-shadow:var(--pfl-surface-shadow)}.pet-friend-leaderboard-page .pfl-hero h1{margin:0;font-size:clamp(1.35rem,3vw,2rem);font-weight:800;color:var(--pfl-navy);line-height:1.2}.pet-friend-leaderboard-page .pfl-hero-sub{margin:.55rem 0 0;max-width:36rem;color:var(--pfl-muted);font-size:.95rem;line-height:1.5}.pet-friend-leaderboard-page .pfl-board{background:var(--pfl-surface-bg);border:1px solid var(--pfl-surface-border);border-radius:var(--pfl-radius-lg);box-shadow:var(--pfl-surface-shadow);padding:.55rem}.pet-friend-leaderboard-page .pfl-row{--row-pad-y:.86rem;--row-pad-x:.92rem;--row-gap:.58rem;--row-user-gap:.42rem;--row-avatar:42px;--row-rank:38px;--row-name-size:1rem;--row-score-size:1rem;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:var(--row-gap);padding:var(--row-pad-y) var(--row-pad-x);margin-bottom:.4rem;border:1px solid rgba(var(--pfl-orange-rgb),.14);border-radius:var(--pfl-radius-md);text-decoration:none;color:inherit;background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.pet-friend-leaderboard-page .pfl-row:last-child{margin-bottom:0}.pet-friend-leaderboard-page .pfl-row:hover{transform:translateY(-1px);border-color:rgba(var(--pfl-orange-rgb),.36);box-shadow:0 8px 18px rgba(var(--pfl-orange-rgb),.13)}.pet-friend-leaderboard-page .pfl-rank{width:var(--row-rank);height:var(--row-rank);border-radius:50%;background:rgba(var(--pfl-orange-rgb),.08);color:var(--pfl-orange);display:inline-flex;align-items:center;justify-content:center;font-weight:800;border:1px solid rgba(var(--pfl-orange-rgb),.22);flex-shrink:0}.pet-friend-leaderboard-page .pfl-user{display:flex;align-items:center;gap:var(--row-user-gap);min-width:0}.pet-friend-leaderboard-page .pfl-avatar{width:var(--row-avatar);height:var(--row-avatar);border-radius:50%;object-fit:cover;border:2px solid rgba(var(--pfl-orange-rgb),.2);flex-shrink:0;background:#fff}.pet-friend-leaderboard-page .pfl-name-wrap{min-width:0;display:flex;flex-direction:column}.pet-friend-leaderboard-page .pfl-name{font-weight:700;color:var(--pfl-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--row-name-size);line-height:1.1}.pet-friend-leaderboard-page .pfl-username{display:block;margin-top:2px;color:var(--pfl-muted);font-size:.82rem;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pet-friend-leaderboard-page .pfl-score{text-align:right;border-radius:999px;padding:.3rem .65rem;background:rgba(var(--pfl-orange-rgb),.06);border:1px solid rgba(var(--pfl-orange-rgb),.16);flex-shrink:0}.pet-friend-leaderboard-page .pfl-score-val{font-weight:800;color:var(--pfl-navy);font-size:var(--row-score-size);line-height:1.1}.pet-friend-leaderboard-page .pfl-score-label{color:var(--pfl-muted);font-size:.76rem;margin-top:1px}.pet-friend-leaderboard-page .pfl-empty{padding:1.5rem 1rem;text-align:center;color:var(--pfl-muted);background:#fff;border-radius:var(--pfl-radius-md)}.pet-friend-leaderboard-page .pfl-row[data-rank="1"]{border:2px solid rgba(var(--pfl-orange-rgb),.46);background:linear-gradient(90deg,rgba(var(--pfl-orange-rgb),.16) 0%,rgba(var(--pfl-orange-rgb),.08) 45%,#fff 100%);box-shadow:0 10px 24px rgba(var(--pfl-orange-rgb),.18);--row-pad-y:.98rem;--row-pad-x:1.02rem;--row-avatar:47px;--row-rank:42px;--row-name-size:1.035rem;--row-score-size:1.08rem}.pet-friend-leaderboard-page .pfl-row[data-rank="2"]{border:2px solid rgba(var(--pfl-orange-rgb),.34);background:linear-gradient(90deg,rgba(var(--pfl-orange-rgb),.12) 0%,rgba(var(--pfl-orange-rgb),.05) 50%,#fff 100%);--row-pad-y:.96rem;--row-avatar:46px;--row-rank:41px;--row-name-size:1.03rem;--row-score-size:1.065rem}.pet-friend-leaderboard-page .pfl-row[data-rank="3"]{border:2px solid rgba(var(--pfl-orange-rgb),.28);background:linear-gradient(90deg,rgba(var(--pfl-orange-rgb),.09) 0%,rgba(var(--pfl-orange-rgb),.04) 52%,#fff 100%);--row-pad-y:.94rem;--row-avatar:45px;--row-rank:40px;--row-name-size:1.025rem;--row-score-size:1.05rem}.pet-friend-leaderboard-page .pfl-row[data-rank="1"] .pfl-rank{background:rgba(var(--pfl-orange-rgb),.22);border-color:rgba(var(--pfl-orange-rgb),.45);color:#b84f2c}.pet-friend-leaderboard-page .pfl-row[data-rank="2"] .pfl-rank{background:rgba(var(--pfl-orange-rgb),.16);border-color:rgba(var(--pfl-orange-rgb),.34)}.pet-friend-leaderboard-page .pfl-row[data-rank="3"] .pfl-rank{background:rgba(var(--pfl-orange-rgb),.12);border-color:rgba(var(--pfl-orange-rgb),.28)}@media(max-width:576px){.pet-friend-leaderboard-page{padding:1.2rem 0 1.8rem}.pet-friend-leaderboard-page .pfl-hero{padding:1.35rem 1rem 1.2rem;margin-bottom:1rem}.pet-friend-leaderboard-page .pfl-board{padding:.35rem}.pet-friend-leaderboard-page .pfl-row{grid-template-columns:38px 1fr auto;padding:.72rem .62rem;margin-bottom:.35rem;border-radius:12px;--row-user-gap:.34rem}.pet-friend-leaderboard-page .pfl-rank{width:32px;height:32px;font-size:.83rem}.pet-friend-leaderboard-page .pfl-avatar{width:36px;height:36px}.pet-friend-leaderboard-page .pfl-username{margin-top:0;font-size:.78rem}.pet-friend-leaderboard-page .pfl-score{padding:.22rem .5rem}}