/* Hallmark · component: rank card · existing black/blue theme
 * P5 H5 E4 S5 R5 V4 · default, hover, focus, active, disabled, loading, error, success */
.rank-card,.creator-rank-card{--card-accent:var(--collector-blue);--card-wash:var(--color-accent-soft);border-radius:18px;background:var(--color-surface);box-shadow:none;transition:border-color .24s,box-shadow .24s;isolation:isolate}
.rank-card[data-rank="1"],.creator-rank-card[data-rank="1"]{--card-accent:var(--collector-red)}
.rank-card[data-rank="3"],.creator-rank-card[data-rank="3"]{--card-accent:var(--collector-cyan)}
.rank-card[data-rank="4"],.creator-rank-card[data-rank="4"]{--card-accent:var(--collector-gold)}
.rank-card:before,.creator-rank-card:before{inset:7px;border-color:var(--color-rule-soft);border-radius:12px;z-index:0}
.rank-card{padding:20px;display:flex;flex-direction:column;min-width:0;overflow:hidden}
.rank-serial{font:10px/1.4 var(--font-mono);letter-spacing:.06em;position:relative;z-index:2;color:var(--card-accent)}
.rank-art{position:relative;display:flex;align-items:center;justify-content:center;height:300px;margin:18px -10px 20px;border:0;background:transparent;overflow:visible;isolation:isolate}
.rank-art img{position:relative;z-index:1;display:block;width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain;background:transparent;filter:drop-shadow(0 12px 18px var(--collector-shadow));transform-origin:50% 80%}
.collector-deck-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 clamp(90px,10vw,150px)/1 var(--font-display);letter-spacing:-.08em;color:var(--card-accent);opacity:.12;z-index:0}
.rank-card strong{font:650 clamp(20px,2vw,27px)/1.13 var(--font-display);letter-spacing:-.045em;position:relative;margin:0 0 7px;min-height:2.26em;display:flex;align-items:end}
.rank-card small{font:400 12px/1.5 var(--font-body);color:var(--color-ink-2)}
.collector-facts{display:flex;flex-wrap:wrap;gap:8px 14px;margin:16px 0 0;font:11px/1.5 var(--font-body);color:var(--color-muted)}
.collector-facts span+span:before{content:'·';padding-right:12px;color:var(--card-accent)}
.collector-limit{display:block;margin:22px 0 0;position:relative;z-index:2}.collector-limit-label{display:flex;justify-content:space-between;gap:10px;font:9px/1.5 var(--font-mono);letter-spacing:.07em;color:var(--color-muted)}.collector-limit-label span:last-child{color:var(--card-accent)}
.collector-limit-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:10px 0 0}.collector-limit-rail i{height:3px;border-radius:1px;background:var(--color-rule)}.collector-limit-rail .is-available{background:var(--card-accent)}
.rank-card .rank-state{align-items:center;margin-top:22px;padding-top:15px;min-height:45px;color:var(--color-ink-2);font:9px/1.5 var(--font-mono);letter-spacing:.02em}.rank-state>span:last-child{font:19px/1 var(--font-body);color:var(--card-accent);transition:translate .24s}
.rank-card[aria-pressed=true]{border-color:var(--card-accent);box-shadow:inset 0 -3px 0 var(--card-accent)}
@media(hover:hover){.rank-card:hover,.rank-card.is-hover,.creator-rank-card:hover{border-color:var(--card-accent);box-shadow:0 14px 32px var(--collector-shadow)}.rank-card:hover .rank-state>span:last-child{translate:3px -3px}}
.rank-card:focus-visible,.rank-card.is-focus,.creator-rank-card:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.rank-card:active,.rank-card.is-active{border-color:var(--color-ink);box-shadow:inset 0 -3px 0 var(--card-accent)}
.rank-card:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.rank-card[aria-busy=true]{cursor:progress;border-style:dashed}.rank-card[data-state=error]{border-color:var(--color-error)}.rank-card[data-state=success]{border-color:var(--color-success)}
.creator-rank-card{padding:0;max-width:340px}.creator-card-edition{padding:23px 23px 0;font-size:9px;line-height:1.5;color:var(--card-accent)}.creator-rank-card .collector-number{z-index:0;top:86px;right:24px;font-size:132px;color:var(--card-accent);opacity:.12}
.creator-rank-art{position:relative;z-index:1;width:calc(100% - 24px);height:310px;padding:0;margin:20px 12px 0;object-fit:contain;border:0;border-radius:0;background:transparent;filter:drop-shadow(0 12px 18px var(--collector-shadow))}
.creator-card-level{padding:20px 23px 0;color:var(--card-accent);font-size:10px}.creator-rank-card>strong{padding:7px 23px 0;font-size:30px;letter-spacing:-.045em;line-height:1.1}.creator-rank-card>small{padding:4px 23px 0;font-size:12px}.creator-card-stamp{margin:16px 23px 0;font-size:8px;line-height:1.7;border-top:0;padding:0;color:var(--color-muted)}.creator-rank-card>.collector-limit{margin:22px 23px}.collector-inspect{margin:0 23px 14px;width:calc(100% - 46px);padding-top:12px;color:var(--card-accent);font-size:12px}
@media(max-width:950px){.rank-deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.rank-art{height:300px}.rank-card strong{font-size:27px;min-height:1.13em}}
@media(max-width:700px){.rank-deck{gap:12px}.rank-card{padding:15px 12px;border-radius:13px}.rank-art{height:220px;margin:15px -5px}.rank-serial{font-size:8px;letter-spacing:0}.rank-serial span:last-child{display:none}.rank-card strong{font-size:20px;min-height:2.26em}.rank-card small{font-size:10px}.collector-facts{font-size:10px;gap:5px 8px}.collector-facts span+span:before{padding-right:8px}.collector-limit{margin-top:18px}.collector-limit-label{font-size:8px;gap:4px}.collector-limit-rail{gap:3px}.rank-card .rank-state{font-size:8px;letter-spacing:0;margin-top:16px}.collector-deck-number{font-size:96px}.creator-rank-art{height:310px}.creator-rank-card{width:min(100%,320px)}}
@media(max-width:370px){.rank-art{height:180px}.rank-card strong{font-size:18px}.collector-facts{font-size:9px}}
@media(prefers-reduced-motion:reduce){.rank-card,.creator-rank-card,.rank-state>span:last-child{transition:none!important}.rank-art img,.creator-rank-art{transform:none!important}}

/* Presentation-only adjustment; the supplied PNG pixels and alpha remain unchanged. */
.rank-card[data-rank="3"] .rank-art img,.creator-rank-card[data-rank="3"] .creator-rank-art{filter:brightness(1.10) contrast(1.04) saturate(1.04) drop-shadow(0 12px 18px var(--collector-shadow))}