/* Portrait, rank and biography share one surface; these styles never target shopping cards. */
.performer-panel {
  --performer-ink:#45303b; --performer-accent:#99546e; --performer-muted:#796573;
  --performer-surface:#fffaf9; --performer-border:#ecdde2;
  max-width:1160px;margin:0 auto;padding:26px;border:1px solid var(--performer-border);
  border-radius:24px;background:linear-gradient(145deg,#fff7f5,#fff 70%);color:var(--performer-ink);
}
.performer-head {align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--performer-border)}
.performer-eyebrow {font-size:11px;letter-spacing:.12em;color:var(--performer-accent)}
.performer-head h3 {font-family:Georgia,"Noto Serif SC","Songti SC",SimSun,serif;font-size:28px;letter-spacing:.03em;line-height:1.4;margin:7px 0 0}
.performer-total {background:#f5e6ec;color:#885169;padding:7px 12px;font-size:11px;border:1px solid #eddae3}
.performer-period,.performer-updated {color:var(--performer-muted);font-size:11px}
.performer-ranking-description {color:#684d5b;font-size:13px;line-height:1.8;margin:16px 0 0}
.performer-grid {gap:18px;margin-top:24px;align-items:start}
.performer-card {border:1px solid var(--performer-border);border-radius:20px;background:var(--performer-surface);box-shadow:0 6px 22px #60384408;position:relative;isolation:isolate}
.performer-podium-1 {border-color:#ddbbab;box-shadow:0 8px 28px #91605112}
.performer-podium-2 {border-color:#d9c3d3}.performer-podium-3 {border-color:#e6c9c6}
.product-image.performer-image {height:clamp(248px,25vw,344px);aspect-ratio:auto;background:radial-gradient(ellipse at 25% 25%,#fff7ed,transparent 65%),linear-gradient(145deg,#f0e1e6,#f7edf0);color:var(--performer-muted)}
.performer-image img {object-fit:cover;object-position:center 24%;background:#f4e8eb}
.performer-image-shade {position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,#fffaf9 100%);pointer-events:none;z-index:1}
.performer-rank {top:14px;left:14px;min-width:58px;height:72px;padding:8px 12px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid #ffffffa3;border-radius:13px;background:#fffaf9ed;color:#825265;box-shadow:0 5px 18px #4428371c;z-index:3;backdrop-filter:blur(10px)}
.performer-rank small {font-family:Arial,sans-serif;font-size:8px;font-weight:600;letter-spacing:.18em;line-height:13px}
.performer-rank strong {font-family:Georgia,"Times New Roman",serif;font-size:36px;font-weight:400;font-variant-numeric:tabular-nums;line-height:39px;letter-spacing:-.04em}
.performer-podium-1 .performer-rank {color:#fff8e9;background:linear-gradient(145deg,#976c46,#755036);border-color:#d9ba96}
.performer-podium-2 .performer-rank {color:#fff9ff;background:linear-gradient(145deg,#977e98,#715b78);border-color:#c4adc5}
.performer-podium-3 .performer-rank {color:#fff8f4;background:linear-gradient(145deg,#b77a77,#925853);border-color:#d9a9a0}
.performer-rank-unrated {min-width:0;height:32px;font-size:11px;padding:6px 10px}
.performer-photo-count {z-index:3;bottom:44px;right:12px;background:#442b3acc;border:1px solid #ffffff40;backdrop-filter:blur(12px);font-size:11px;min-height:32px;padding:6px 11px;box-shadow:0 4px 14px #29182418}
.performer-card-body {position:relative;z-index:2;margin-top:-24px;padding:19px 18px 18px;gap:12px;background:linear-gradient(180deg,transparent,var(--performer-surface) 26px)}
.performer-identity {min-width:0}
.performer-card h4 {font-family:Georgia,"Noto Serif SC","Songti SC",SimSun,serif;font-size:21px;line-height:1.45;letter-spacing:.035em;color:var(--performer-ink)}
.performer-aliases {font-size:11px;line-height:1.65;margin:5px 0 0;color:var(--performer-muted);overflow-wrap:anywhere}
.performer-description {font-size:12px;line-height:1.75;color:var(--performer-muted);margin:0}
.performer-metric {display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:10px 0;border-top:1px solid #eedfe5;border-bottom:1px solid #eedfe5}
.performer-metric>div {min-width:0;display:flex;flex-direction:column;gap:3px}
.performer-metric>div>span {font-size:10px;letter-spacing:.04em;color:var(--performer-muted)}
.performer-metric strong {font-size:20px;line-height:1.4;font-weight:650;letter-spacing:-.02em;color:var(--performer-accent);font-variant-numeric:tabular-nums}
.performer-metric>small {max-width:46%;text-align:right;line-height:1.6;color:var(--performer-muted);font-size:10px}
.performer-facts {background:transparent;padding:0;gap:9px 14px;border-radius:0}
.performer-facts dt {color:var(--performer-muted);font-size:10px}.performer-facts dd {color:var(--performer-ink);font-size:12px}
.performer-facts small {color:var(--performer-muted);font-size:9px}
.performer-profile-details {border-color:var(--performer-border)}
.performer-profile-details>summary,.performer-source,.performer-attribution-links a {color:var(--performer-accent)}
.performer-profile-details>summary {font-size:11px}.performer-profile-content,.performer-profile-list dt,.performer-profile-time {color:var(--performer-muted)}
.performer-links {gap:16px}.performer-source {font-size:11px;min-height:36px;padding:4px 0}
.performer-attribution {border-top:1px solid var(--performer-border);padding-top:9px;color:var(--performer-muted);line-height:1.7}
.performer-attribution-links a {min-height:32px;font-size:10px}.performer-notice {color:var(--performer-muted);line-height:1.9;margin-top:20px}
.performer-empty {border-color:var(--performer-border);background:#fff9f9;color:var(--performer-ink)}.performer-empty p {color:var(--performer-muted)}
.performer-image-placeholder {font-size:12px;line-height:1.8;color:#79576a;padding:25px;max-width:100%}
.performer-image-status strong {color:#79576a}.performer-image-status small {color:#927a87}
.performer-image-loading,.performer-image-error,.performer-image-locked {color:#79576a;z-index:2}
.performer-image-spinner {border-color:#e7cbd6;border-top-color:#aa6b85}.performer-image-retry {border-color:#d9b7c5;color:#90506c;background:#fffafb}
.performer-zodiac-options {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.performer-zodiac-option.quick-action {min-height:46px;justify-content:center;border-color:#e4cbd6;background:#fff9fb;color:#894c68;border-radius:13px;white-space:normal}
.performer-zodiac-option.quick-action:hover {background:#f6e4ed;border-color:#c991aa}
.performer-gallery-open:focus-visible,.performer-image-retry:focus-visible,.performer-source:focus-visible,.performer-zodiac-option:focus-visible {outline-color:#a45f7e}
@media(max-width:1100px){.performer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  .performer-panel{padding:18px 14px;border-radius:20px}.performer-head{padding-bottom:14px}.performer-head h3{font-size:25px}
  .performer-grid{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:18px}
  .product-image.performer-image{height:310px;aspect-ratio:auto}.performer-card-body{padding:19px 18px 18px}
  .performer-zodiac-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.performer-total{padding:6px 9px}
}
@container(max-width:560px){.performer-grid{grid-template-columns:minmax(0,1fr)}.product-image.performer-image{height:310px;aspect-ratio:auto}}