.hleader-showcase{position:relative;isolation:isolate;margin:0 0 32px;padding:28px 24px 20px;overflow:hidden;border:1px solid #dbe7df;border-radius:28px;background:radial-gradient(ellipse at 50% 50%,#fff9db70,transparent 58%),linear-gradient(145deg,#f7faf7,#edf4ef);text-align:center;color:#214b3a}
.hleader-showcase::before{content:"";position:absolute;z-index:-1;width:460px;height:460px;border:1px solid #bfd5c43b;border-radius:50%;left:calc(50% - 230px);top:100px;box-shadow:0 0 0 45px #bfd5c410,0 0 0 90px #bfd5c410;pointer-events:none}
.hleader-eyebrow{font-size:9px;letter-spacing:.23em;color:#7b9485;font-weight:800}
.hleader-heading h2{display:flex;align-items:center;justify-content:center;gap:9px;margin:7px 0 5px;font-size:25px;font-weight:900}
.hleader-heading h2 svg{color:#b69135}
.hleader-heading p{font-size:12px;color:#7b8e80;margin:0 0 20px}
.hleader-tabs{display:flex;gap:4px;width:min(100%,380px);margin:auto;padding:5px;border:1px solid #dbe6dd;border-radius:14px;background:#e7eee8a6}
.hleader-tabs button{flex:1;min-width:0;min-height:40px;border:0;border-radius:10px;background:transparent;color:#6a8072;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.hleader-tabs button[aria-selected="true"]{background:#fff;color:#205d42;box-shadow:0 3px 9px #1d4d3420}
.hleader-panel[hidden]{display:none!important}
.hleader-panel:not([hidden]){animation:podiumAppear .3s ease both}
.hleader-ranking-note{font-size:11px;color:#7a8b80;margin:17px 0 8px}
.hleader-winners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));direction:ltr;align-items:end;gap:8px;width:min(100%,650px);margin:0 auto;padding:8px 0 0}
.hleader-winner{--medal:#9eacb3;--step-top:#e5ebee;--step-bottom:#c8d3d9;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;text-decoration:none;color:inherit;direction:rtl;transition:transform .25s;grid-row:1}
.hleader-winner:hover{transform:translateY(-5px)}
.hleader-place-1{grid-column:2;--medal:#b99536;--step-top:#f6e5ab;--step-bottom:#dbc276}
.hleader-place-2{grid-column:1}
.hleader-place-3{grid-column:3;--medal:#b98a66;--step-top:#efdccb;--step-bottom:#d9b799}
.hleader-person{display:flex;flex-direction:column;align-items:center;padding:0 4px 14px;min-width:0}
.hleader-crown{height:29px;display:flex;align-items:center;justify-content:center;margin-bottom:5px;color:var(--medal)}
.hleader-avatar{position:relative;display:grid;place-items:center;width:70px;height:70px;margin-bottom:16px;border:3px solid #fff;border-radius:50%;background:#dbe8df;box-shadow:0 0 0 2px var(--medal),0 8px 18px #22452e15;color:#4b6c56;font-size:23px;font-weight:900}
.hleader-place-1 .hleader-avatar{width:88px;height:88px}
.hleader-avatar img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.hleader-avatar i{position:absolute;bottom:-12px;left:calc(50% - 12px);width:24px;height:24px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:var(--medal);color:#fff;font-size:11px;font-style:normal;line-height:1}
.hleader-name{font-size:14px;line-height:1.65;min-height:46px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere;width:100%}
.hleader-city{font-size:10px;color:#8a968e;min-height:18px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hleader-step{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:16px 6px 12px;height:135px;border-radius:15px 15px 3px 3px;background:linear-gradient(125deg,var(--step-top),var(--step-bottom));border-top:3px solid #ffffffad;box-shadow:inset -8px 0 18px #6d5f3210,0 8px 16px #23482e0a;color:#475e62}
.hleader-place-1 .hleader-step{height:170px;color:#796126}
.hleader-place-3 .hleader-step{height:112px;color:#79573d}
.hleader-points{display:flex;align-items:baseline;justify-content:center;gap:5px;flex-wrap:wrap;line-height:1.1}
.hleader-points b{font-size:22px;letter-spacing:-.03em}
.hleader-points small{font-size:10px}
.hleader-step>strong{font-size:42px;line-height:1.4;opacity:.38;font-weight:950;margin-top:4px}
.hleader-place-1 .hleader-step>strong{font-size:61px}
.hleader-place-3 .hleader-step>strong{font-size:30px}
.hleader-place-label{font-size:9px;opacity:.72;margin-top:auto}
.hleader-full-ranking{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:22px;min-height:36px;padding:0 15px;border:1px solid #d4e2d8;border-radius:999px;color:#3d6d50;background:#ffffff94;text-decoration:none;font-size:11px;font-weight:800}
.hleader-empty{min-height:335px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#869b8b}
.hleader-empty b{font-size:17px;color:#4b7058}
.hleader-empty p{font-size:12px;margin:0}
.hleader-showcase button:focus-visible,.hleader-showcase a:focus-visible,.hleader-panel:focus-visible{outline:3px solid #3aa980;outline-offset:4px}
@keyframes podiumAppear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:600px){.hleader-showcase{padding:22px 12px 18px;border-radius:22px}.hleader-heading h2{font-size:22px}.hleader-tabs button{font-size:12px}.hleader-winners{gap:5px}.hleader-avatar{width:57px;height:57px}.hleader-place-1 .hleader-avatar{width:72px;height:72px}.hleader-name{font-size:11px;min-height:40px}.hleader-city{font-size:9px}.hleader-points b{font-size:19px}.hleader-points small{font-size:9px}.hleader-step{border-radius:11px 11px 3px 3px}.hleader-person{padding-inline:2px}.hleader-ranking-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hleader-panel:not([hidden]){animation:none}.hleader-winner,.hleader-tabs button{transition:none}}