/* Center on the player panel, above the challenge buttons and their caption.
   Five fixed columns fill upward, so extra statuses cannot widen into controls. */
#hero-status-strip{position:absolute;bottom:calc(100% + 116px);left:50%;transform:translateX(-50%);display:flex;flex-wrap:wrap-reverse;justify-content:center;gap:5px;width:240px;max-width:calc(100% - 24px);pointer-events:none}
.hero-status-icon{position:relative;box-sizing:border-box;flex:0 0 44px;width:44px;height:44px;padding:2px;border:1px solid #a7b576;background:#14251bed;border-radius:3px;box-shadow:0 2px 5px #0008;cursor:help;pointer-events:auto}
.hero-status-icon>img{width:100%;height:100%;object-fit:cover}.hero-status-icon>i{position:absolute;left:2px;right:2px;bottom:2px;background:#030811b8;pointer-events:none}
.hero-status-icon>b{position:absolute;bottom:0;left:0;right:0;padding:2px 0;background:#0b160ed9;font-size:10px;line-height:12px;color:#f4edbe;text-shadow:0 1px 2px #000;white-space:nowrap}
.hero-status-tip{display:none;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);z-index:40;width:250px;padding:10px 12px;background:#112018f5;border:1px solid #b4ac70;color:#e1e9d3;text-align:left;font-size:13px;line-height:1.6;box-shadow:0 4px 16px #0009;pointer-events:none}
.hero-status-tip>strong{display:block;color:#f1d58d;margin-bottom:4px}.hero-status-icon:hover>.hero-status-tip,.hero-status-icon:focus-visible>.hero-status-tip,.hero-status-icon.pointer-hover>.hero-status-tip{display:block}
.hero-status-tip>.status-description{display:block}.hero-status-tip>.status-timing{display:block;margin-top:6px;color:#abc3b3;font-size:12px}

.hero-info #initial-skill-status{display:none!important}

/* Keep the agreed dock anchor; grow upward within its existing five columns. */
#hero-status-strip[hidden]{display:none!important}
#hero-status-strip .hero-status-icon{width:44px;height:44px;flex-basis:44px;overflow:visible}
#hero-status-strip .hero-status-icon[data-kind=cooldown]{border-color:#7faad0}
#hero-status-strip .hero-status-icon[data-kind=buff]{border-color:#79d995}
#hero-status-strip .hero-status-icon[data-kind=debuff]{border:2px solid #ef6b66}
#hero-status-strip .hero-status-icon[data-kind=aura]{border-color:#e1c05e}
#hero-status-strip .hero-status-icon[data-kind=effect]{border-color:#6ee1d0}
.status-kind{position:absolute;left:1px;top:1px;padding:0 2px;font:normal 8px/11px sans-serif;color:#d7e8f9;background:#0a1423d9;pointer-events:none}
[data-kind=debuff]>.status-kind{background:#8d2525e8;color:#fff}
[data-kind=buff]>.status-kind,[data-kind=effect]>.status-kind{background:#155c3fe8;color:#e3fff3}
[data-kind=aura]>.status-kind{background:#6e541ee8;color:#fff3ca}
.status-stack{position:absolute;right:1px;top:1px;padding:0 2px;background:#151a12df;color:#fff;font:700 10px/12px sans-serif;pointer-events:none}
.status-stack:empty{display:none}
.hero-status-icon[data-kind=growth]>.status-kind,#special-resource-strip .status-kind{display:none}
#hero-status-strip .hero-status-icon.status-recent{box-shadow:0 0 8px 2px #ffe6a4;filter:brightness(1.15)}
#hero-status-strip .hero-status-icon:focus-visible{outline:2px solid #fff0c2;outline-offset:2px}