.podium{isolation:isolate;justify-content:center;align-items:flex-end;gap:clamp(14px,3vw,36px);padding:28px 0 8px;display:flex;position:relative}.podium:before{content:"";z-index:-1;background-image:radial-gradient(circle, color-mix(in srgb, var(--fg) 42%, transparent) 1.8px, transparent 2.4px);transform-origin:50% 100%;pointer-events:none;background-position:top;background-size:20px 20px;height:170px;position:absolute;bottom:52px;left:0;right:0;transform:perspective(480px)rotateX(64deg);-webkit-mask:radial-gradient(56% 90% at 50% 34%,#000 32%,#0000 80%);mask:radial-gradient(56% 90% at 50% 34%,#000 32%,#0000 80%)}.pod{--rd:0s;width:164px;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;justify-items:center;padding:0;text-decoration:none;display:grid;position:relative}div.pod{cursor:default}.pod.p1{--rd:.24s;width:200px}.pod.p2{--rd:.12s}.pod-thing{z-index:1;margin-bottom:var(--pod-lift,16px);transition:transform .3s var(--ease), filter .3s var(--ease), translate .56s var(--ease) calc(var(--rd) + .26s), opacity .42s var(--ease) calc(var(--rd) + .26s);display:grid;position:relative}@media (hover:hover) and (pointer:fine){:is(a,button).pod:hover .pod-thing{filter:drop-shadow(0 20px 18px #0003);transform:translateY(-6px)}}:is(a,button).pod:active .pod-thing{transition-duration:.12s;transform:scale(.97)}.pod-plinth{--medal:var(--medal-2);width:100%;height:var(--ph,60px);transform-origin:50% 100%;transition:transform .64s cubic-bezier(.34, 1.4, .64, 1) var(--rd);display:block;position:relative}.pod-plinth:before{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--medal) 58%, white), color-mix(in srgb, var(--medal) 30%, white));clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);height:11px;position:absolute;bottom:calc(100% - 1px);left:0;right:0}.pod-front{border-radius:0 0 var(--r-xs) var(--r-xs);background:linear-gradient(100deg, #ffffff29, transparent 42%, #0000001a),  linear-gradient(180deg, color-mix(in srgb, var(--medal) 74%, white), var(--medal) 40%, color-mix(in srgb, var(--medal) 74%, black));box-shadow:inset 0 1px 0 #ffffffbf,  inset 0 -2px 0 #00000024,  0 20px 24px -16px color-mix(in srgb, var(--medal) 70%, black);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.pod-front:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 32%,#ffffff80 50%,#0000 68%);position:absolute;inset:0;translate:-120%}.podium.risen .pod-front:after{animation:pod-sheen 1.1s var(--ease) calc(var(--rd) + .56s)}@keyframes pod-sheen{to{translate:120%}}.pod-num{color:color-mix(in srgb, var(--medal) 58%, black);filter:drop-shadow(0 1px #ffffff73);align-items:center;gap:1px;display:flex}.pod-num b{font:700 calc(var(--ph,60px) * .46) / 1 var(--display);font-variant-numeric:tabular-nums}.pod-num .pf-laurel{width:calc(var(--ph,60px) * .17);height:calc(var(--ph,60px) * .52);color:inherit;opacity:.85}.pod.p1 .pod-plinth{--medal:var(--medal-1);--ph:84px}.pod.p3 .pod-plinth{--medal:var(--medal-3);--ph:44px}.pod{--pf:4.6s}.pod.p2{--pf:5.3s}.pod.p3{--pf:4.1s}.podium.risen .pod-thing{animation:pod-float var(--pf) ease-in-out calc(var(--rd) + .9s) infinite}@keyframes pod-float{50%{translate:0 -5px}}.pod-plinth:after{content:"";opacity:0;pointer-events:none;width:66%;height:9px;transition:opacity .42s var(--ease) calc(var(--rd) + .42s);background:radial-gradient(closest-side,#00000057,#0000);border-radius:50%;position:absolute;bottom:calc(100% + 2px);left:50%;translate:-50%}.podium.risen .pod-plinth:after{opacity:1;animation:pod-shade var(--pf) ease-in-out calc(var(--rd) + .9s) infinite}@keyframes pod-shade{50%{opacity:.6;scale:.8}}.pod.empty .pod-name{color:var(--muted)}.podium:not(.risen) .pod-plinth{transform:scaleY(.04)}.podium:not(.risen) .pod-thing{opacity:0;translate:0 -18px}.pod-glow{z-index:0;aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--medal-1) 30%, transparent), transparent 72%);opacity:0;pointer-events:none;width:175%;transition:opacity 1.2s var(--ease) .7s;border-radius:50%;position:absolute;top:-8%;left:50%;translate:-50%}.podium.risen .pod-glow{opacity:1}.pod.empty .pod-glow{display:none}.pod-twinkle{z-index:2;background:var(--medal-1);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);opacity:0;pointer-events:none;width:14px;height:14px;position:absolute}.podium.risen .pod:not(.empty) .pod-twinkle{animation:pod-twinkle 3.4s var(--ease) infinite}.pod-twinkle.k0{animation-delay:1.1s;top:10%;left:-6%}.pod-twinkle.k1{width:10px;height:10px;animation-delay:2.2s;top:34%;right:-7%}.pod-twinkle.k2{width:9px;height:9px;animation-delay:3s;top:-3%;right:12%}@keyframes pod-twinkle{0%,to{opacity:0;transform:scale(.4)}45%{opacity:1;transform:scale(1)rotate(45deg)}}.pod-t{justify-items:center;gap:2px;max-width:100%;margin-top:12px;display:grid}.pod-name{max-width:100%;font:600 15px/20px var(--font);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pod-who{align-items:center;min-width:0;max-width:100%;display:flex}.pod-who>.pod-name{min-width:0}.pod-sub{max-width:100%;color:var(--muted);font:600 14px/18px var(--font);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=980px){.podium{gap:10px}.pod{width:calc(31% - 6.2px)}.pod.p1{width:calc(38% - 7.6px)}.pod.p1 .pod-plinth{--ph:60px}.pod.p2 .pod-plinth{--ph:44px}.pod.p3 .pod-plinth{--ph:32px}}@media (prefers-reduced-motion:reduce){.podium.risen .pod:not(.empty) .pod-twinkle,.podium.risen .pod-front:after,.podium.risen .pod-thing,.podium.risen .pod-plinth:after{animation:none}}
