/* Vesperfall III — stage director, guardian feedback and persistent discovery. */
.archive-strip{display:flex;gap:20px;flex-wrap:wrap;margin-top:14px;padding:12px 14px;border:1px solid #7bb6ad57;background:#091c28ad;color:#91b7bc;font-size:10px;letter-spacing:.1em}
.archive-strip b{color:#f0ca8e;margin-left:7px}
.boss-hud{position:absolute;left:50%;top:95px;transform:translateX(-50%);width:350px;max-width:36vw;text-align:center;background:linear-gradient(#0c1928c5,#0e1c2ac9);border:1px solid #e8a4a450;padding:12px 13px;box-shadow:0 14px 35px #0005}
.boss-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#ffb6a4;letter-spacing:.17em}
.boss-heading span{font-weight:700;color:#fff}
.boss-meter{margin-top:8px;height:9px;border-color:#dd8b9b99}
.boss-meter div{background:linear-gradient(90deg,#a74870,#f6a76d)}
.boss-hud small{display:block;text-align:left;margin-top:7px;color:#c0a4ac;letter-spacing:.15em;font-size:9px}
@media(max-width:760px){.boss-hud{left:50%;top:179px;max-width:none;width:min(290px,75vw);padding:7px 9px}.boss-heading{font-size:9px}.boss-hud small{font-size:8px}.archive-strip{gap:8px;padding:8px;font-size:9px}.archive-strip b{margin-left:3px}}