.uipod{text-align:center;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);align-items:end;gap:8px;display:grid}.uipod.uipod-1{grid-template-columns:minmax(0,1fr);max-width:160px;margin:0 auto}.uipod.uipod-2{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);max-width:300px;margin:0 auto}.uipod-col{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.uipod-avatar{background:rgb(var(--ink,127 127 127) / .08);border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.uipod-col.is-me .uipod-avatar{box-shadow:0 0 0 2px var(--podium-me,#10b981)}.uipod-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.82rem;font-weight:700;overflow:hidden}.uipod-score{color:var(--podium-muted,var(--text-muted));font-size:.74rem}.uipod-step{border-radius:12px 12px 0 0;justify-content:center;width:100%;padding-top:6px;font-size:1.3rem;font-weight:800;display:flex}.uipod-step-gold{color:#3d2a05;background:linear-gradient(#ecc45c,#b8892a);height:74px}.uipod-step-silver{color:#2a3036;background:linear-gradient(#dde2e7,#9aa3ab);height:54px}.uipod-step-bronze{color:#3a1d07;background:linear-gradient(#dd9a5e,#9c5f2c);height:40px}.uipod-gold .uipod-trophy{width:52px;height:auto}
.ranking{flex-direction:column;gap:12px;display:flex}.ranking-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.ranking-cat{white-space:nowrap;text-overflow:ellipsis;border:1px solid var(--border-light);background:rgb(var(--ink) / .04);width:100%;min-height:40px;color:var(--text-main);font:inherit;cursor:pointer;border-radius:12px;justify-content:flex-start;align-items:center;gap:6px;padding:0 12px;font-size:.82rem;font-weight:600;display:inline-flex;overflow:hidden}.ranking-cat.active{color:var(--fg-fbbf24);background:#f2c94c24;border-color:#f2c94c80}.ranking-periods{background:rgb(var(--ink) / .06);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.ranking-period{min-height:38px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:9px;font-size:.82rem;font-weight:600}.ranking-period.active{background:rgb(var(--ink) / .1);color:var(--text-main)}.ranking-empty,.ranking-hint{text-align:center;color:var(--text-muted);margin:4px 0;font-size:.88rem;line-height:1.5}.ranking-skeleton{background:rgb(var(--ink) / .05);border-radius:14px;height:190px}.ranking-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ranking-list li,.ranking-me{background:rgb(var(--ink) / .04);border-radius:12px;align-items:center;gap:10px;min-height:44px;padding:6px 12px;display:flex}.ranking-list li.is-me,.ranking-me{background:#10b9811a;box-shadow:inset 0 0 0 1px #10b98159}.ranking-rank{text-align:center;width:22px;color:var(--text-muted);font-weight:700}.ranking-avatar{justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.ranking-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.ranking-score{color:var(--text-muted);white-space:nowrap;font-size:.82rem}