/* archer.css（星核寶庫 v57，2026-10-20）：星曜（弓手，male）的新造型「星辰翠羽」——
   裝備穿上身（archer-gear.js）、細看角色的三張近景縮圖列、舞臺配色。 */

/* ── 裝備穿上身：.orbit-figure 裡的合成畫布（已穿上全彩、沒穿上灰影）；合成好之前先顯示原圖 ── */
.orbit-figure.gear-mode { position: relative; }
.orbit-figure.gear-mode.gear-ready { background-image: none !important; }
.orbit-figure .gear-canvas, .orbit-figure .gear-pulse { position: absolute; inset: 0; width: 100%; height: 100%; display: block; pointer-events: none; }
.orbit-figure:not(.gear-ready) .gear-canvas, .orbit-figure:not(.gear-ready) .gear-pulse { visibility: hidden; }
.orbit-figure .gear-pulse { opacity: 0; mix-blend-mode: screen; }
.orbit-figure .gear-pulse.on { animation: gearPulse 1.4s ease-out; }
@keyframes gearPulse {
  0% { opacity: 0; filter: blur(0); }
  14% { opacity: .95; filter: blur(0); }
  100% { opacity: 0; filter: blur(7px); }
}
@media (prefers-reduced-motion: reduce) { .orbit-figure .gear-pulse.on { animation: none; } }
.gear-hint { margin: 3px 0 0; font-size: 12px; line-height: 1.55; color: #9fb8a4; letter-spacing: .02em; }
.gear-hint.complete { color: #ebc16e; }
.gear-hint[hidden] { display: none; }

/* ── 細看角色：近景縮圖列（星曜三張） ── */
.portrait-strip { display: flex; justify-content: center; gap: 10px; padding: 10px 16px 2px; background: #edf0e7; }
.portrait-strip[hidden] { display: none; }
.portrait-strip button { display: grid; gap: 4px; justify-items: center; padding: 4px 4px 5px; border: 1px solid #a4966c6b; border-radius: 10px; background: #fffffc9e; color: #5d6a52; font-size: 11px; letter-spacing: .04em; line-height: 1.3; cursor: pointer; }
.portrait-strip button img { display: block; width: 58px; height: 78px; object-fit: cover; object-position: 50% 12%; border-radius: 7px; background: #e4e9de; }
.portrait-strip button:hover { border-color: #8f8058; background: #fffdf4; }
.portrait-strip button.on { border-color: #607d5f; box-shadow: 0 0 0 2px #607d5f55; color: #3e5543; }
.portrait-strip button:focus-visible { outline: 2px solid #607d5f; outline-offset: 2px; }

/* ── 舞臺：星曜的翠綠森林光（原本是淡綠；新造型米白＋翠綠＋金） ── */
body[data-character="male"] .character-stage { background: radial-gradient(ellipse at 50% 52%, #8fc9a238 0, transparent 64%), radial-gradient(ellipse at 50% 100%, #d9c48a1f 0, transparent 50%); }
body[data-character="male"] .portal { border-color: #b9d8aa58; box-shadow: 0 0 65px #9cd99e1c, inset 0 0 30px #ceefd20e; }
body[data-character="male"] .mount-companion { color: #e8f0d6; text-shadow: 0 1px 2px #173b26; }
body[data-character="male"] .mount-companion .item-art[data-guardian-icon] { filter: drop-shadow(0 2px 4px #0006); }