/* Option A: comic shield frame; all health values remain live text. */
#board #boss-health{display:grid;grid-template-columns:94px minmax(0,1fr);gap:12px;width:min(640px,calc(100% - 28px));padding:10px 17px 10px 10px;border:3px solid #ffcf4b;border-radius:5px 20px 5px 20px;background:linear-gradient(120deg,#53217d,#25103f 65%,#34114e);box-shadow:0 3px 0 #976025,0 6px 0 #140d25,inset 0 0 0 2px #ffe6a347}
#board #boss-health .boss-shield{width:94px;height:102px;background:linear-gradient(135deg,#ffe9a7,#e6a727);clip-path:polygon(8% 0,92% 0,100% 15%,93% 83%,50% 100%,7% 83%,0 15%);padding:4px;box-sizing:border-box}
#board #boss-health .boss-shield canvas{width:100%;height:100%;background:radial-gradient(ellipse at center,#863cc4,#34144f);clip-path:polygon(8% 0,92% 0,100% 15%,93% 83%,50% 100%,7% 83%,0 15%)}
#board #boss-health .boss-info{min-width:0}
#board #boss-health .boss-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
#board #boss-health strong{margin:0;color:#fff7e4;font:900 clamp(18px,2.8cqw,27px)/1.1 Barlow,Arial,sans-serif;text-transform:uppercase;text-shadow:2px 2px #260c42}
#board #boss-health .boss-round{flex:none;padding:5px 9px;background:#ffce4b;border:1px solid #fff0a7;color:#281735;border-radius:4px;font:900 14px/1.1 Barlow,Arial,sans-serif}
#board #boss-health .boss-meter-row{display:flex;align-items:center;gap:10px}
#board #boss-health .boss-track{flex:1;min-width:35px;height:20px;border:2px solid #ffcb4b;border-radius:5px;background:#180e29;box-shadow:inset 0 2px 4px #0008}
#board #boss-health .boss-track i{background:linear-gradient(#fff0a2,#ffd94f 30%,#efa41d);border-radius:2px;box-shadow:inset 0 2px #fff8cf80;transition:width .12s linear}
#board #boss-health .boss-hp-value{color:#ffdc68;font:900 16px/1.1 Barlow,Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}
#board #boss-health .boss-mechanic{display:block;color:#ead7ff;font:700 14px/1.25 Barlow,Arial,sans-serif;margin-top:8px}
@media(max-width:600px){#board #boss-health{grid-template-columns:62px minmax(0,1fr);padding:7px;gap:7px}#board #boss-health .boss-shield{width:62px;height:86px}#board #boss-health .boss-heading{flex-wrap:wrap;gap:4px;margin-bottom:5px}#board #boss-health strong{font-size:17px}#board #boss-health .boss-round{font-size:12px;padding:3px 5px}#board #boss-health .boss-meter-row{gap:5px}#board #boss-health .boss-hp-value{font-size:13px}#board #boss-health .boss-track{height:16px}#board #boss-health .boss-mechanic{font-size:12px;margin-top:5px}}