/* Portraits retain the project-wide award rank, including ties and filtered views. */
.rank-avatar{--portrait-size:62px;--ring-a:#d478ff;--ring-b:#55d7fa;--ring-c:#ff83bd;position:relative;display:inline-block;width:var(--portrait-size);height:var(--portrait-size);flex:0 0 var(--portrait-size);margin:17px 8px 8px 3px;isolation:isolate;vertical-align:middle;animation:portrait-bob 4.8s ease-in-out infinite;filter:drop-shadow(0 4px 6px #ad5fd52b)}
.rank-avatar-gold{--ring-a:#ffb92d;--ring-b:#fff39b;--ring-c:#ff8d49}.rank-avatar-silver{--ring-a:#6bcaff;--ring-b:#d6faff;--ring-c:#9b91ff}.rank-avatar-rose{--ring-a:#ff8cb9;--ring-b:#ffe3ae;--ring-c:#ffad75}
.rank-avatar-ring{position:absolute;inset:0;border-radius:50%;padding:5px;background:conic-gradient(from 25deg,var(--ring-a),var(--ring-b),var(--ring-c),var(--ring-b),var(--ring-a));box-shadow:0 0 0 2px #fff,0 0 0 4px color-mix(in srgb,var(--ring-a) 45%,transparent),0 0 18px color-mix(in srgb,var(--ring-a) 38%,transparent)}
.rank-avatar-ring:after{content:'';position:absolute;inset:2px;border-radius:50%;border:2px dotted #fff9;pointer-events:none}
.rank-avatar-face{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#fff1c6,#f9d6ff 60%,#c4efff);border:2px solid #fffaf3}
.rank-avatar-initial{font:500 calc(var(--portrait-size)*.43)/1 'Kanit',sans-serif;color:#78549a}.rank-avatar-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.rank-avatar-photo[hidden],.rank-avatar-initial[hidden]{display:none!important}
.rank-avatar-crown{position:absolute;z-index:2;width:66%;height:auto;left:17%;top:-27%;color:#ffd452;transform:rotate(-8deg);filter:drop-shadow(0 2px 2px #a26c2830)}.rank-avatar-crown svg{display:block;width:100%;height:auto}
.rank-avatar-spark{position:absolute;z-index:3;color:#ffcf45;font-size:18px;line-height:1;text-shadow:0 0 6px #fff,0 0 10px #ffe786;pointer-events:none;animation:portrait-sparkle 3.2s ease-in-out infinite}.rank-avatar-spark-1{top:9%;right:-14%}.rank-avatar-spark-2{left:-14%;bottom:13%;font-size:13px;color:#df86fb;animation-delay:1.1s}.rank-avatar-spark-3{right:4%;bottom:-12%;font-size:11px;color:#57c9ea;animation-delay:2.1s}
.rank-avatar-place{position:absolute;right:-3px;bottom:-5px;z-index:4;display:grid;place-items:center;min-width:24px;height:24px;padding:0 4px;border:2px solid white;border-radius:50%;background:linear-gradient(135deg,#b270e8,#d75796);color:white;font:600 12px/1 var(--font-number,sans-serif);box-shadow:0 2px 5px #76488e30}.rank-avatar-gold .rank-avatar-place{background:linear-gradient(135deg,#e6a11c,#b57410)}.rank-avatar-silver .rank-avatar-place{background:linear-gradient(135deg,#539ed4,#5f65b3)}.rank-avatar-rose .rank-avatar-place{background:linear-gradient(135deg,#ed9470,#d65e90)}
.honored-name:has(.rank-avatar){gap:13px;align-items:center}.podium-card .rank-avatar{--portrait-size:88px;margin:25px 8px 12px}.podium-card.champion .rank-avatar{--portrait-size:100px}.podium-card:has(.rank-avatar){padding-top:18px;overflow:visible}.podium-card:has(.rank-avatar) .podium-medal{display:none}.podium-card h4.honored-name:has(.rank-avatar){gap:8px;margin-top:0}.individual-leader .rank-avatar{--portrait-size:64px}.my-standing .rank-avatar{--portrait-size:54px}.branch-bar-label:has(.rank-avatar){align-items:center}.branch-bar-name:has(.rank-avatar){min-width:0}.branch-bar-row:has(.rank-avatar){padding-top:14px;padding-bottom:14px}.individual-leader:has(.rank-avatar){background:linear-gradient(120deg,#fffdf1,#fff4fc 70%,#f0fbff)}
.honored-name:hover .rank-avatar{animation:portrait-pop .65s ease both}.honored-name:focus-within .rank-avatar{animation:portrait-pop .65s ease both}
@keyframes portrait-bob{0%,70%,100%{transform:translateY(0)}80%{transform:translateY(-4px)}90%{transform:translateY(1px)}}
@keyframes portrait-sparkle{0%,100%{opacity:.3;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(35deg)}}
@keyframes portrait-pop{0%,100%{transform:translateY(0) scale(1)}40%{transform:translateY(-6px) scale(1.07)}70%{transform:translateY(1px) scale(.98)}}
@media(max-width:550px){.rank-avatar{--portrait-size:52px}.podium-card .rank-avatar{--portrait-size:60px}.podium-card.champion .rank-avatar{--portrait-size:66px}.podium-card .rank-avatar-place{min-width:21px;height:21px;font-size:11px}.branch-chart .honored-name:has(.rank-avatar){align-items:center;gap:10px}.individual-leader .rank-avatar{--portrait-size:56px}.rank-avatar-spark{font-size:14px}.honored-name:has(.rank-avatar){gap:9px}}
@media(prefers-reduced-motion:reduce){.rank-avatar,.rank-avatar-spark,.honored-name:hover .rank-avatar,.honored-name:focus-within .rank-avatar{animation:none!important;transform:none!important}}
@media print{.rank-avatar,.rank-avatar-spark{animation:none!important}.rank-avatar-spark{display:none}}
/* Ten distinct honors: the champion alone wears the full royal crown. */
.rank-style-1{--ring-a:#f4a900;--ring-b:#fff3a0;--ring-c:#cb790b;filter:drop-shadow(0 0 11px #ffc92a80);margin-top:26px;margin-bottom:16px}
.rank-style-1 .rank-avatar-ring{padding:6px;box-shadow:0 0 0 2px #fff8cb,0 0 0 5px #e9b64e,0 0 25px #ffce5480;background:conic-gradient(#fff7ac,#d89310,#fff1a0,#ffbf28,#fff7ac)}
.rank-style-1 .rank-avatar-ring:before{content:'';position:absolute;inset:-16px;z-index:-1;border-radius:50%;background:repeating-conic-gradient(from 5deg,#ffd54966 0deg 3deg,transparent 3deg 18deg);mask-image:radial-gradient(transparent 48%,#000 60%,transparent 72%);animation:champion-halo 8s ease-in-out infinite}
.rank-style-1 .rank-avatar-crown{width:88%;left:6%;top:-39%;transform:rotate(-5deg);color:#ffce35;filter:drop-shadow(0 3px 2px #ac711c55)}
.rank-avatar-wreath{position:absolute;inset:-13%;z-index:-1;color:#e0a32c;pointer-events:none}.rank-avatar-wreath svg{width:100%;height:100%;filter:drop-shadow(0 1px 1px #a7743533)}
.rank-style-2 .rank-avatar-wreath{color:#a1b8d3}.rank-style-3 .rank-avatar-wreath{color:#c88654}
.rank-avatar-emblem{width:48%;left:26%;top:-27%;transform:none;color:var(--ring-a)}.rank-avatar-emblem svg{fill:var(--ring-b);stroke:var(--ring-a);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px #77559933)}
.rank-style-2{--ring-a:#7e9dc4;--ring-b:#f1fcff;--ring-c:#a2cded}.rank-style-2 .rank-avatar-crown{width:65%;left:17.5%;top:-30%}.rank-style-2 .rank-avatar-ring:after{border-style:double;border-width:3px}
.rank-style-3{--ring-a:#bd7748;--ring-b:#ffe1b4;--ring-c:#e6a36b}.rank-style-3 .rank-avatar-ring:after{border-style:dashed}.rank-style-3 .rank-avatar-place{background:linear-gradient(135deg,#e9b184,#a86436)}
.rank-style-1 .rank-avatar-place,.rank-style-2 .rank-avatar-place,.rank-style-3 .rank-avatar-place{right:calc(50% - 15px);bottom:-14px;width:30px;height:30px;border:3px double #fff6cc;font-size:14px;text-shadow:0 1px 1px #68400a44}
.rank-style-1 .rank-avatar-place{width:34px;height:34px;right:calc(50% - 17px);bottom:-17px;background:radial-gradient(circle at 30% 20%,#fff8b9,#ffd14c 45%,#c08316);color:#79500e;box-shadow:0 0 0 2px #c69832,0 4px 9px #d49b3866;font-size:17px}
.rank-style-1 .rank-avatar-place:before,.rank-style-2 .rank-avatar-place:before,.rank-style-3 .rank-avatar-place:before{content:'';position:absolute;z-index:-1;left:-7px;right:-7px;top:-5px;height:26px;background:#db5175;clip-path:polygon(0 0,35% 10%,50% 65%,65% 10%,100% 0,85% 100%,50% 75%,15% 100%)}
.rank-style-2 .rank-avatar-place:before{background:#7093d0}.rank-style-3 .rank-avatar-place:before{background:#a77353}
.rank-style-4{--ring-a:#a578e9;--ring-b:#eee2ff;--ring-c:#d8a1fa}.rank-style-4 .rank-avatar-ring:after{border-style:dashed}
.rank-style-5{--ring-a:#29ae7c;--ring-b:#c8ffcf;--ring-c:#6cdfb0}.rank-style-5 .rank-avatar-ring:after{border-style:double;border-width:3px}
.rank-style-6{--ring-a:#487ddf;--ring-b:#d7edff;--ring-c:#68b9ff}.rank-style-6 .rank-avatar-ring:after{border-style:solid}
.rank-style-7{--ring-a:#d85e89;--ring-b:#ffe1ee;--ring-c:#ff9ac0}.rank-style-7 .rank-avatar-ring:after{border-style:dotted;border-width:3px}
.rank-style-8{--ring-a:#299fba;--ring-b:#ccfff4;--ring-c:#64dad0}.rank-style-8 .rank-avatar-ring:after{border-style:double;border-width:3px}
.rank-style-9{--ring-a:#c779c3;--ring-b:#ffe9ff;--ring-c:#f5b8e6}.rank-style-9 .rank-avatar-ring:after{border-style:dashed}
.rank-style-10{--ring-a:#cf9843;--ring-b:#fff2c9;--ring-c:#f6c87d}.rank-style-10 .rank-avatar-ring:after{border-style:dotted}
.rank-avatar-emblem~.rank-avatar-place{background:linear-gradient(135deg,var(--ring-a),var(--ring-c));color:#27344c}.rank-style-0{--ring-a:#a4bfda;--ring-b:#f2faff;--ring-c:#c8b8df;animation:none}.rank-style-0 .rank-avatar-ring{box-shadow:0 0 0 2px white,0 0 0 3px #c9d7e4}.rank-style-0 .rank-avatar-spark{display:none}
.rank-avatar-spark-4{left:-12%;top:-12%;font-size:16px;animation-delay:1.7s}.rank-avatar-spark-5{right:-12%;bottom:15%;font-size:13px;animation-delay:2.6s}.rank-style-1 .rank-avatar-spark{color:#ffc928;text-shadow:0 0 5px white,0 0 12px #ffc928}
.podium-card:has(.rank-style-1){background:radial-gradient(ellipse at 50% 20%,#fffefa,#ffe9a4 65%,#f9d476);border:2px solid #e6b33e;box-shadow:0 9px 28px #ddab3838}.podium-card:has(.rank-style-2){background:linear-gradient(#f7fdff,#deecfa);border-color:#afc5de}.podium-card:has(.rank-style-3){background:linear-gradient(#fff8f0,#f6ddc1);border-color:#d8b18a}
.individual-leader:has(.rank-style-1){background:linear-gradient(120deg,#fff4c4,#fffbeb 75%,#ffe5a0);border:2px solid #e8bd56;box-shadow:0 4px 18px #deb14130}.individual-leader:has(.rank-style-2){background:linear-gradient(120deg,#eef7ff,#fcfeff);border-color:#b4cbe2}.individual-leader:has(.rank-style-3){background:linear-gradient(120deg,#fff0df,#fffaf5);border-color:#d8b490}.branch-bar-row:has(.rank-style-1){background:linear-gradient(100deg,#fff0b8,#fffdf3);border:1px solid #efd28b;border-radius:14px;margin-top:8px;padding-inline:12px}
.podium-card.champion .rank-style-1{margin-top:37px;margin-bottom:20px}.individual-leader .rank-style-1{margin-top:27px;margin-bottom:18px}
@keyframes champion-halo{0%,100%{opacity:.45;transform:rotate(-8deg)}50%{opacity:.9;transform:rotate(8deg)}}
@media(max-width:550px){.rank-style-1 .rank-avatar-ring:before{inset:-12px}.rank-style-1 .rank-avatar-place{width:28px;height:28px;right:calc(50% - 14px);bottom:-14px;font-size:14px}.rank-style-2 .rank-avatar-place,.rank-style-3 .rank-avatar-place{width:25px;height:25px;right:calc(50% - 12.5px);bottom:-12px;font-size:12px}.podium-card.champion .rank-style-1{margin-top:27px}}
@media(prefers-reduced-motion:reduce){.rank-style-1 .rank-avatar-ring:before{animation:none!important}}
@media print{.rank-style-1 .rank-avatar-ring:before{animation:none!important}}
/* Reference arrangement: first place centered above second and third. */
.ranking-podium{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px;align-items:start;max-width:520px;margin:24px auto 30px}
.ranking-podium>.podium-card{width:100%;max-width:240px;justify-self:center;box-sizing:border-box}
.ranking-podium>.podium-card:nth-child(1){grid-column:2 / 4;grid-row:1;z-index:1}
.ranking-podium>.podium-card:nth-child(2){grid-column:1 / 3;grid-row:2}
.ranking-podium>.podium-card:nth-child(3){grid-column:3 / 5;grid-row:2}
.ranking-podium>.ranking-empty{grid-column:1 / -1}
@media(max-width:550px){.ranking-podium{gap:18px 10px;margin-top:20px}.ranking-podium>.podium-card{padding-left:8px;padding-right:8px}.ranking-podium>.podium-card:nth-child(1){max-width:190px}.ranking-podium .podium-card .rank-avatar{--portrait-size:68px}.ranking-podium .podium-card.champion .rank-avatar{--portrait-size:80px}}
@media(max-width:360px){.ranking-podium .podium-card .rank-avatar{--portrait-size:58px}.ranking-podium .podium-card.champion .rank-avatar{--portrait-size:70px}}