.lb-period{text-align:center;text-transform:capitalize;margin:0 0 4px;font-weight:700}.lb-header .segmented{flex:none;max-width:100%}.lb-header .segmented button{white-space:nowrap}.lb-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.lb-skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--bg-2), var(--surface-2), var(--bg-2));background-size:200% 100%;height:320px;animation:1.4s linear infinite lb-shimmer}@keyframes lb-shimmer{to{background-position:-200% 0}}.lb-empty{text-align:center;padding:32px 16px}.lb-empty p{margin:0 0 12px}.lb-list{margin-top:18px;padding:8px}.lb-how{margin-top:18px}.lb-how h2{margin:0 0 8px;font-size:1.1rem}.lb-how ul{gap:6px;margin:0;padding-left:0;list-style:none;display:grid}.podium-stage{--gold-1:#fff3c4;--gold-2:#f1c75b;--gold-3:#b9831c;--gold-4:#6e4a0c;--silver-1:#fff;--silver-2:#d9dee5;--silver-3:#8f99a6;--silver-4:#4d5562;--bronze-1:#ffe1c4;--bronze-2:#e3a06a;--bronze-3:#a5602c;--bronze-4:#5c3010;--avatar:92px;isolation:isolate;color:#f6f1e4;background:radial-gradient(60% 70% at 50% 0,#f1c75b38,#0000 70%),radial-gradient(40% 50% at 12% 100%,#4caf7838,#0000 70%),radial-gradient(40% 50% at 88% 100%,#2f6fb833,#0000 70%),linear-gradient(#0f1d18 0%,#0b1411 100%);border-radius:22px;margin:8px 0 0;padding:36px 16px 0;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #0009,inset 0 1px #ffffff0f}.podium-stage:after{content:"";z-index:-1;background:linear-gradient(#ffffff0d,#00000059);height:26px;position:absolute;bottom:0;left:0;right:0}.podium-lights{z-index:-1;pointer-events:none;position:absolute;inset:0}.podium-lights span{width:34%;height:120%;top:-10%;left:calc(var(--x) - 17%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);filter:blur(6px);transform-origin:50% 0;background:linear-gradient(#fff0c847,#fff0c800 75%);animation:7s ease-in-out infinite alternate podium-sweep;position:absolute}.podium-lights span:first-child{--x:18%;opacity:.6;animation-delay:-2s}.podium-lights span:nth-child(2){--x:50%;opacity:1;animation-duration:9s}.podium-lights span:nth-child(3){--x:82%;opacity:.5;animation-delay:-4s}@keyframes podium-sweep{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}.podium{--step:150px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;max-width:760px;margin:0 auto;padding:0;list-style:none;display:grid}.podium-slot{--m1:var(--bronze-1);--m2:var(--bronze-2);--m3:var(--bronze-3);--m4:var(--bronze-4);min-width:0;animation:.9s cubic-bezier(.2,.9,.3,1.15) both podium-rise;animation-delay:calc(var(--d,0) * 1ms);flex-direction:column;align-items:center;display:flex}.podium-slot.place-1{--m1:var(--gold-1);--m2:var(--gold-2);--m3:var(--gold-3);--m4:var(--gold-4);--d:650;z-index:2}.podium-slot.place-2{--m1:var(--silver-1);--m2:var(--silver-2);--m3:var(--silver-3);--m4:var(--silver-4);--d:300}.podium-slot.place-3{--d:0}.podium-slot.is-empty{visibility:hidden}.podium-card{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;max-width:100%;padding-bottom:14px;display:flex;position:relative}.podium-portrait{width:calc(var(--avatar) * 1.55);aspect-ratio:1;place-items:center;display:grid;position:relative}.place-1 .podium-portrait{width:calc(var(--avatar) * 1.85)}.podium-laurel{width:100%;height:100%;fill:var(--m2);color:var(--m3);filter:drop-shadow(0 2px 3px #00000080);opacity:.95;position:absolute;inset:0}.podium-ring{background:conic-gradient(from var(--spin,0deg), var(--m1), var(--m2), var(--m3), var(--m4), var(--m3), var(--m2), var(--m1));border-radius:50%;padding:5px;display:inline-flex;position:relative;box-shadow:0 0 0 2px #00000059,0 12px 30px -10px #000c}.podium-ring .avatar{box-shadow:inset 0 0 0 2px #00000040;width:var(--avatar)!important;height:var(--avatar)!important}.place-1 .podium-ring{padding:7px;animation:6s linear infinite podium-spin;box-shadow:0 0 0 2px #00000059,0 0 40px 6px #f1c75b73,0 0 90px 10px #f1c75b33}.place-1 .podium-ring .avatar{width:calc(var(--avatar) * 1.25)!important;height:calc(var(--avatar) * 1.25)!important}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes podium-spin{to{--spin:360deg}}.podium-crown{z-index:3;filter:drop-shadow(0 4px 8px #f1c75b99);font-size:2.4rem;line-height:1;animation:2.6s ease-in-out infinite crown-bob;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.podium-sparks{pointer-events:none;height:70%;position:absolute;inset:-10px -20px auto}.podium-sparks span{color:var(--gold-1);text-shadow:0 0 8px var(--gold-2);left:calc(4% + var(--s) * 18%);animation:2.2s ease-in-out infinite podium-twinkle;animation-delay:calc(var(--s) * -.37s);font-size:1rem;position:absolute}.podium-sparks span:first-child{top:40%}.podium-sparks span:nth-child(2){top:8%}.podium-sparks span:nth-child(3){top:0}.podium-sparks span:nth-child(4){top:2%}.podium-sparks span:nth-child(5){top:12%}.podium-sparks span:nth-child(6){top:46%}@keyframes podium-twinkle{0%,to{opacity:0;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(45deg)}}.podium-ribbon{z-index:2;letter-spacing:.14em;text-transform:uppercase;color:var(--m4);background:linear-gradient(180deg, var(--m1), var(--m2) 55%, var(--m3));white-space:nowrap;border-radius:6px;margin-top:-14px;padding:4px 16px;font-size:.72rem;font-weight:900;position:relative;box-shadow:0 6px 14px -6px #000000b3,inset 0 1px #ffffffb3}.podium-ribbon:before,.podium-ribbon:after{content:"";background:var(--m3);z-index:-1;width:14px;height:100%;position:absolute;top:6px}.podium-ribbon:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,40% 50%);left:-9px}.podium-ribbon:after{clip-path:polygon(0 0,100% 0,60% 50%,100% 100%,0 100%);right:-9px}.podium-name{text-overflow:ellipsis;white-space:nowrap;color:#fff;max-width:100%;margin-top:8px;font-size:1.15rem;font-weight:800;overflow:hidden}.place-1 .podium-name{font-size:1.4rem}.podium-xp{font-variant-numeric:tabular-nums;background:linear-gradient(180deg, var(--m1), var(--m2) 60%, var(--m3));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:900}.place-1 .podium-xp{font-size:1.5rem}.podium-level{color:#f6f1e499;font-size:.8rem}.podium-block{background:linear-gradient(180deg, var(--m2) 0%, var(--m3) 55%, var(--m4) 100%);width:100%;box-shadow:inset 0 2px 0 var(--m1), inset 0 -20px 30px -10px #00000073, 0 -2px 24px -6px color-mix(in srgb, var(--m2) 60%, transparent);border-radius:6px 6px 0 0;place-items:center;display:grid;position:relative;overflow:hidden}.podium-block:before{content:"";background:linear-gradient(180deg, var(--m1), var(--m2));opacity:.9;height:10px;position:absolute;top:0;left:0;right:0}.podium-block:after{content:"";width:40%;animation:5s ease-in-out infinite podium-sheen;animation-delay:calc(var(--d,0) * 1ms + 1.2s);background:linear-gradient(100deg,#0000,#ffffff73,#0000);position:absolute;top:0;bottom:0;left:-60%;transform:skew(-18deg)}@keyframes podium-sheen{0%,60%{left:-60%}to{left:130%}}.place-1 .podium-block{height:var(--step)}.place-2 .podium-block{height:calc(var(--step) * .72)}.place-3 .podium-block{height:calc(var(--step) * .52)}.podium-numeral{color:var(--m4);text-shadow:0 1px 0 var(--m1), 0 -1px 0 #0006;font-family:Georgia,Times New Roman,serif;font-size:3.6rem;font-weight:900;line-height:1}.place-1 .podium-numeral{font-size:4.6rem}@keyframes podium-rise{0%{opacity:0;transform:translateY(60px)scale(.9)}to{opacity:1;transform:none}}@keyframes crown-bob{0%,to{transform:translate(-50%)translateY(0)rotate(-6deg)}50%{transform:translate(-50%)translateY(-7px)rotate(6deg)}}.lb-rows{gap:4px;margin:0;padding:0;list-style:none;display:grid}.lb-row{border-radius:10px;grid-template-columns:2.4em auto minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:8px 12px;display:grid}.lb-row:nth-child(odd){background:var(--surface-2)}.lb-row.is-me{outline:2px solid var(--accent);outline-offset:-2px}.lb-rank{text-align:center;color:var(--muted);font-size:1.1rem;font-weight:900}.lb-row.place-1 .lb-rank{color:#c9962b}.lb-row.place-2 .lb-rank{color:#8a939e}.lb-row.place-3 .lb-rank{color:#a2622f}.lb-name{flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;display:flex}.lb-name strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.lb-sub{font-size:.85rem}.lb-you{color:var(--accent-text);background:var(--accent);border-radius:999px;padding:1px 8px;font-size:.75rem;font-weight:800}.lb-record,.lb-rating{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.9rem}.lb-xp{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--accent);text-align:right;min-width:5.5em;font-weight:800}@media (max-width:640px){.podium-stage{--avatar:58px;border-radius:16px;padding:26px 8px 0}.podium{--step:96px;gap:6px}.podium-name,.place-1 .podium-name{font-size:.92rem}.podium-xp,.place-1 .podium-xp{font-size:.95rem}.podium-ribbon{letter-spacing:.06em;padding:3px 8px;font-size:.56rem}.podium-crown{font-size:1.6rem}.podium-numeral{font-size:2.4rem}.place-1 .podium-numeral{font-size:3rem}.lb-row{grid-template-columns:2em auto minmax(0,1fr) auto;gap:8px;padding:8px}.lb-record,.lb-rating{display:none}}.lb-rows.is-big{gap:8px}.lb-rows.is-big .lb-row{grid-template-columns:2.2em auto minmax(0,1fr) auto auto auto;gap:24px;padding:14px 24px;font-size:1.6rem}.lb-rows.is-big .lb-row:nth-child(odd){background:#ffffff0d}.lb-rows.is-big .lb-sub,.lb-rows.is-big .lb-record,.lb-rows.is-big .lb-rating{font-size:1.1rem;display:inline}.podium-stage.is-big{--avatar:150px;box-shadow:none;background:0 0;padding-top:50px;overflow:visible}.podium-stage.is-big:after{display:none}.podium-stage.is-big .podium{--step:250px;gap:40px;max-width:1300px}.podium-stage.is-big .podium-name{font-size:2.2rem}.podium-stage.is-big .place-1 .podium-name{font-size:2.8rem}.podium-stage.is-big .podium-xp{font-size:2rem}.podium-stage.is-big .place-1 .podium-xp{font-size:2.6rem}.podium-stage.is-big .podium-level{font-size:1.2rem}.podium-stage.is-big .podium-ribbon{margin-top:-22px;padding:6px 24px;font-size:1.1rem}.podium-stage.is-big .podium-crown{font-size:4.4rem;top:-36px}.podium-stage.is-big .podium-sparks span{font-size:1.8rem}.podium-stage.is-big .podium-numeral{font-size:6rem}.podium-stage.is-big .place-1 .podium-numeral{font-size:8rem}
