.home-rank-banner{margin:16px 0 24px;padding:22px 30px;border:1px solid var(--border,#2b303b);border-radius:16px;background:linear-gradient(120deg,rgba(255,133,70,.045),transparent 65%),var(--panel,#141820);color:var(--text,#e7edf5)}
.home-rank-banner .home-rank-top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px 24px}
.home-rank-banner .home-rank-heading{flex:1 1 auto;min-width:0}
.home-rank-banner .home-rank-heading h2{margin:0;font-size:clamp(21px,2.3vw,28px);line-height:1.4;letter-spacing:-.04em;word-break:keep-all}
.home-rank-banner .home-rank-heading p{margin:6px 0 0;color:var(--muted,#a5b4c8);font-size:14px;line-height:1.7;word-break:keep-all}
.home-rank-banner .home-rank-tiers{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none}
.home-rank-banner .home-rank-tiers li{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:600}
.home-rank-banner .home-rank-tiers img{display:block;width:96px;height:auto;aspect-ratio:1;max-width:100%;object-fit:contain}
/* Existing PNG alpha bounds: bronze/silver have slightly more transparent padding. */
.home-rank-banner [data-tier=bronze] img{transform:scale(1.1)}
.home-rank-banner [data-tier=silver] img{transform:scale(1.07)}
.home-rank-banner .home-rank-actions{display:flex;align-items:center;justify-content:flex-start;gap:8px 16px;flex-wrap:wrap;flex:0 0 auto}
.home-rank-banner .home-rank-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;white-space:nowrap;color:var(--muted,#a5b4c8);font-size:13px;text-decoration:none}
.home-rank-banner .home-rank-actions .home-rank-start{padding:0 16px;border-radius:9px;background:var(--hp6-action,#ff8546);color:#17100b;font-size:13px;font-weight:800;min-height:38px}
.home-rank-banner a:hover{filter:brightness(1.12);text-decoration:underline}
.home-rank-banner a:focus-visible{outline:2px solid var(--hp6-action,#ff8546);outline-offset:4px}
.home-rank-banner .home-rank-personal{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border,#2b303b);font-size:12px;line-height:1.7;color:var(--muted,#a5b4c8)}
.home-rank-banner .home-rank-personal strong{color:var(--text,#e7edf5)}
.home-rank-banner .home-rank-personal a{color:inherit;padding:6px 0}
@media(max-width:1000px){
 .home-rank-banner .home-rank-heading{flex-basis:100%}
 .home-rank-banner .home-rank-actions{flex-shrink:1}
}
@media(max-width:640px){
 .home-rank-banner{padding:20px 14px;margin:12px 0 20px}
 .home-rank-banner .home-rank-heading p{font-size:13px}
 .home-rank-banner .home-rank-tiers{grid-template-columns:repeat(8,minmax(0,1fr));gap:16px 0;margin:18px 0 0}
 .home-rank-banner .home-rank-tiers li{grid-column:span 2;font-size:12px;gap:6px}
 .home-rank-banner .home-rank-tiers li:nth-child(5){grid-column:2/span 2}
 .home-rank-banner .home-rank-tiers img{width:72px;height:auto}
 .home-rank-banner .home-rank-actions{gap:8px 16px}
}