/* 보스는 아이템 앞(1), 러너는 3, 모든 보스 공격은 공통 전경 레이어(4). */
#boss-back{position:absolute;inset:0;z-index:1;pointer-events:none}
#boss-layer{position:absolute;inset:0;z-index:4;pointer-events:none}
#boss-back [hidden],#boss-layer [hidden]{display:none}
#boss-back img,#boss-layer img{position:absolute;left:0;top:0;object-fit:contain;-webkit-user-drag:none}
.boss-sprite{width:230px;height:230px;filter:none;will-change:transform}
.boss-sprite.mud{width:330px;height:220px;transform-origin:50% 100%;filter:none}
.boss-sprite.cloud{transform-origin:50% 60%;filter:none}

/* 출현 경고 */
#boss-alert{position:absolute;inset:0;z-index:14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none}
#boss-alert[hidden]{display:none}
#boss-alert img{display:block;width:72px;height:64px;object-fit:contain}
#boss-alert strong{font:800 24px/1.2 system-ui;color:#ff3344;letter-spacing:2px;text-shadow:0 1px 2px #fff}

/* 체력 막대와 격파 문구 */
.boss-hp{position:absolute;top:var(--boss-hp-top,112px);left:50%;transform:translateX(-50%);z-index:12;display:flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:#1d1410cc;color:#fff;font:800 13px/1 system-ui;pointer-events:none;white-space:nowrap}
.boss-hp .track{display:block;width:clamp(120px,24vw,260px);height:10px;border-radius:999px;background:#ffffff33;overflow:hidden}
.boss-hp .fill{display:block;height:100%;background:linear-gradient(90deg,#ff5a3c,#ffb23c);transform-origin:left center;transition:transform .12s}
.boss-hp.hit .fill{background:#fff}
.boss-hp .count{min-width:58px;text-align:right;font-variant-numeric:tabular-nums}
.boss-down{position:absolute;top:34%;left:50%;transform:translateX(-50%);z-index:13;display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;pointer-events:none;white-space:nowrap;text-shadow:0 3px 0 #2a5bd7,0 0 18px #6fb6ffcc}
.boss-down strong{font:900 clamp(30px,5vw,54px)/1 system-ui;letter-spacing:2px}
.boss-down span{font:900 clamp(18px,2.6vw,28px)/1 system-ui;color:#ffe066;text-shadow:0 2px 0 #7a4b00,0 0 10px #ffcf4d99}
.boss-hp[hidden],.boss-down[hidden]{display:none}

/* 고래공 던지기 */
#boss-layer .boss-whale-throw{width:40px;height:40px;z-index:3;filter:drop-shadow(0 0 6px #7cc4ffcc)}

/* map1 폭염대왕: 경고선, 손바닥 빛 구슬, 광선 */
.heat-beam-aim{position:absolute;height:2px;background:#ff9b32;box-shadow:0 0 4px #ff7b16,0 0 8px #ffb65888}
.heat-focus{position:absolute;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle,#fff 0 16%,#fff2b0 25%,#ffb33e 42%,#ff811b88 58%,#ff811b00 72%);filter:drop-shadow(0 0 5px #ffae33)}
.heat-beam{position:absolute;height:28px;transform-origin:center;background:linear-gradient(to bottom,#f57c16 0%,#ff982e 12%,#ffc17c 28%,#fff0df 41%,#fff 47%,#fff 53%,#fff0df 59%,#ffc17c 72%,#ff982e 88%,#f57c16 100%);box-shadow:0 -2px 5px #ff8b2055,0 2px 5px #ff8b2055}

/* map2 진흙킹: 진흙공 */
#boss-layer .mud-ball{position:absolute;left:0;top:0;object-fit:contain;-webkit-user-drag:none;width:84px;height:56px;transform-origin:34% 50%;filter:drop-shadow(0 3px 2px #3d1c0855)}

/* map3 먹구름마왕: 바닥 낙뢰 표시, 낙뢰, 전기 파동, 전기 구름 */
#boss-layer .storm-target,#boss-layer .storm-lightning,#boss-layer .storm-wave,#boss-layer .storm-cloud{object-fit:fill}
#boss-layer .storm-target{width:112px;height:34px;filter:drop-shadow(0 0 5px #ffe46a)}
#boss-layer .storm-lightning{width:84px;height:300px;filter:drop-shadow(0 0 6px #b3eaff)}
#boss-layer .storm-wave{width:80px;height:48px;filter:drop-shadow(0 0 3px #ffe78d)}
#boss-layer .storm-cloud{width:110px;height:52px;filter:drop-shadow(0 0 3px #aacdff)}