/* Compact in-stage prize display and actor-bound health bars. */
.battle-stage{--prize-pool-height:34px}
.dungeon-prize-pool{
  position:absolute;top:2%;left:50%;z-index:9;transform:translateX(-50%);
  display:flex;align-items:center;justify-content:center;gap:8px;
  height:var(--prize-pool-height);min-width:166px;max-width:58%;padding:0 15px;
  border:1px solid #927746a3;border-radius:3px;
  background:linear-gradient(110deg,#0a1511f5,#14221bed 48%,#0a1511f5);
  box-shadow:0 2px 10px #02060475,inset 0 0 0 2px #070e0c,inset 0 0 17px #75613412;
  color:#d4ba7e;white-space:nowrap;pointer-events:none;
}
.dungeon-prize-pool[hidden]{display:none!important}
.dungeon-prize-pool:before{
  content:"";position:absolute;inset:3px;border-top:1px solid #b1955140;border-bottom:1px solid #b195512b;
  pointer-events:none;
}
.dungeon-prize-pool .pool-label{font-size:clamp(10px,1.3cqw,12px);letter-spacing:.16em;color:#b9a378}
.dungeon-prize-pool strong{font:600 clamp(17px,2.25cqw,22px)/1 Georgia,"Times New Roman",serif;color:#f1d99a;font-variant-numeric:tabular-nums;text-shadow:0 0 12px #bfa15b2e}
.dungeon-prize-pool .pool-unit{font:10px/1 Georgia,"Times New Roman",serif;letter-spacing:.09em;color:#d1b984;align-self:center;margin-top:3px}
.pool-moon{position:relative;display:block;flex:0 0 12px;width:12px;height:12px;border:1px solid #c5a65f;border-radius:50%;overflow:hidden;margin-right:1px}
.pool-moon:after{content:"";position:absolute;width:12px;height:12px;left:3px;top:-3px;border-radius:50%;background:#102019;border-left:1px solid #8e754647}
.pool-star{font-size:9px;line-height:1;color:#ac8d4c;margin-left:1px;text-shadow:0 0 6px #b0914130}
.battle-stage.has-prize-pool .skill-banner{top:calc(2% + var(--prize-pool-height) + 7px)}
.battle-stage>.encounter-label{position:absolute;left:2%;top:2.5%;z-index:9;max-width:26%;overflow:hidden;text-overflow:ellipsis;font-size:clamp(7px,1.05cqw,10px);color:#c3cbbca8;text-shadow:0 1px 3px #000;pointer-events:none}

.combat-health-layer{position:absolute;inset:0;z-index:9;pointer-events:none}
.combat-health-layer .health-block{
  position:absolute;width:clamp(82px,15cqw,144px);min-width:82px;max-width:144px;
  transform:translate(-50%,-100%);pointer-events:none;
  padding:0;margin:0;color:#f2e1c9;text-align:center;
  filter:drop-shadow(0 1px 2px #000b);
}
.combat-health-layer .health-block>div:first-child{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:center;gap:0;margin-bottom:3px}
.combat-health-layer .health-block b{display:block;max-width:100%;font-size:clamp(9px,1.2cqw,11px);font-weight:600;line-height:1.2;color:#f3dfbc;text-shadow:0 1px 2px #000,0 0 5px #000}
.combat-health-layer .health-block>div:first-child>span{font:8px/1.2 Consolas,monospace;color:#e6c6bd;text-shadow:0 1px 2px #000;margin-top:1px}
.combat-health-layer .health-track{height:7px;border:1px solid #96764d;border-radius:4px;background:#250c0e;box-shadow:inset 0 1px 2px #000a,0 0 0 1px #110b09;overflow:hidden}
.combat-health-layer .health-track i{height:100%;background:linear-gradient(180deg,#ed7163 0%,#cb3737 42%,#8f1726 100%);box-shadow:inset 0 1px 0 #fcb19b4d}
.combat-health-layer .health-track .health-lag{background:#e58277;opacity:.72}
.combat-health-layer .health-block.near-death .health-track i{background:linear-gradient(180deg,#f16c50,#bb232b 60%,#7d1120);box-shadow:0 0 7px #e14c3680}
.combat-health-layer .health-block.near-death b{color:#f0bf96}

/* Container sizing also covers the desktop page's 390px phone preview. */
@container (max-width:480px){
  .battle-stage .skill-banner{top:2%;min-width:0;max-width:52%;padding:4px 10px}
  .battle-stage .skill-banner span{display:none}
  .battle-stage .skill-banner strong{font-size:clamp(10px,3.2cqw,12px);line-height:1.25;letter-spacing:.06em}
  .battle-stage[data-encounter=boss] .skill-banner{top:34%}
  .dungeon-prize-pool{--prize-pool-height:30px;min-width:142px;gap:7px;padding:0 11px}
  .dungeon-prize-pool strong{font-size:18px}
  .dungeon-prize-pool .pool-label{font-size:10px}
  .dungeon-prize-pool .pool-unit{font-size:9px}
  .battle-stage.has-prize-pool .skill-banner{top:calc(2% + 36px)}
  .combat-health-layer .health-block{width:clamp(62px,20cqw,85px);min-width:62px;max-width:85px}
  .combat-health-layer .health-block b{font-size:9px}
  .combat-health-layer .health-block>div:first-child>span{font-size:8px}
  .combat-health-layer .health-track{height:6px}
}
