/* 主戰者專屬卡：登場演出與「正在播放」標籤 */
.sig-stage{position:fixed;inset:0;z-index:9000;display:grid;place-items:end start;overflow:hidden;cursor:pointer;
  animation:sig-in .45s ease-out both}
.sig-stage.sig-out{animation:sig-fade .7s ease-in forwards}
.sig-art{position:absolute;inset:0;background:var(--sig-art) center/cover no-repeat;transform-origin:60% 40%;
  animation:sig-zoom 3.9s ease-out both}
.sig-shade{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(6,8,20,.88) 0%,rgba(6,8,20,.55) 38%,transparent 70%),
  linear-gradient(0deg,rgba(6,8,20,.75) 0%,transparent 45%),
  radial-gradient(circle at 70% 40%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 60%)}
.sig-text{position:relative;padding:0 6vw 9vh;max-width:min(640px,92vw);color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.7)}
.sig-kicker{display:inline-block;padding:.25em .8em;border:1px solid var(--accent);border-radius:99px;font-size:.85rem;letter-spacing:.12em;
  color:var(--accent);background:rgba(0,0,0,.35);animation:sig-up .5s .15s ease-out both}
.sig-text strong{display:block;margin:.35em 0 .15em;font-size:clamp(2rem,6vw,3.6rem);line-height:1.15;letter-spacing:.04em;
  animation:sig-up .6s .3s ease-out both}
.sig-who{display:block;color:var(--accent);font-weight:700;animation:sig-up .6s .45s ease-out both}
.sig-text p{margin:.8em 0 0;font-size:clamp(1rem,2.4vw,1.25rem);opacity:.92;animation:sig-up .6s .65s ease-out both}
.sig-notes{position:absolute;inset:0;pointer-events:none}
.sig-notes i{position:absolute;bottom:-40px;left:calc(8% + var(--i) * 9%);font-style:normal;font-size:calc(18px + var(--i) * 2px);
  color:var(--accent);opacity:0;text-shadow:0 0 12px var(--accent);animation:sig-note 3.2s calc(var(--i) * .18s) ease-out both}
@keyframes sig-in{from{opacity:0}to{opacity:1}}
@keyframes sig-fade{to{opacity:0}}
@keyframes sig-zoom{from{transform:scale(1.18)}to{transform:scale(1.02)}}
@keyframes sig-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes sig-note{0%{opacity:0;transform:translateY(0)}20%{opacity:.9}100%{opacity:0;transform:translateY(-70vh) rotate(12deg)}}

.sig-now-playing{position:fixed;left:50%;top:12px;transform:translateX(-50%);z-index:8900;display:flex;align-items:center;gap:.6em;
  padding:.45em 1em;border:1px solid var(--accent);border-radius:99px;background:rgba(10,12,28,.85);color:#fff;font:inherit;font-size:.9rem;
  box-shadow:0 0 18px color-mix(in srgb,var(--accent) 45%,transparent);cursor:pointer;animation:sig-up .4s ease-out both}
.sig-now-playing small{opacity:.65;font-size:.78em}
.sig-eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}
.sig-eq i{width:3px;background:var(--accent);animation:sig-eq .8s ease-in-out infinite alternate}
.sig-eq i:nth-child(2){animation-delay:.25s}.sig-eq i:nth-child(3){animation-delay:.5s}
@keyframes sig-eq{from{height:3px}to{height:14px}}

@media (prefers-reduced-motion:reduce){
  .sig-stage,.sig-art,.sig-text *,.sig-notes i,.sig-eq i,.sig-now-playing{animation:none!important}
  .sig-notes{display:none}
}