/* ArenaHeroStatus — busy-hero link chip + "here they are" highlight (hero_status.js) */
.hs-link {
  display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap;
  min-height: 34px; padding: 5px 10px 5px 11px; margin: 4px 0 0;
  border-radius: 9px; border: 2px solid #6b3f1d;
  background: linear-gradient(180deg, #f6e6bf, #e6cd94);
  color: #3b2210; font: 700 14px/1.15 Georgia, "Times New Roman", serif;
  box-shadow: 0 2px 0 #4a2a12, inset 0 1px 0 rgba(255,255,255,.55);
  cursor: pointer; text-decoration: none; white-space: nowrap; pointer-events: auto;
  -webkit-tap-highlight-color: transparent; touch-action: manipulation;
}
.hs-link b { font-weight: 800; text-decoration: underline; text-underline-offset: 2px; }
.hs-link .hs-left { font-style: normal; font-weight: 600; color: #6b4a22; font-variant-numeric: tabular-nums; }
.hs-link .hs-go {
  font-style: normal; display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #c8473b, #8a1f17); color: #fde9c8; font-size: 15px; line-height: 1;
}
.hs-link:hover, .hs-link:focus-visible { background: linear-gradient(180deg, #fff1cf, #ecd7a3); outline: 3px solid #e2b04a; outline-offset: 1px; }
.hs-link:active { transform: translateY(1px); box-shadow: 0 1px 0 #4a2a12; }
.hs-link.hs-training .hs-go { background: radial-gradient(circle at 35% 30%, #c08a2e, #7a5214); }
.hs-link.hs-healing, .hs-link.hs-wounded { border-color: #7d1f19; }
.hs-link.sm { min-height: 28px; font-size: 12.5px; padding: 3px 8px; }
.hs-busy-row { display: flex; justify-content: center; margin-top: 4px; }

/* the hero you came to find */
.hs-focus { position: relative; z-index: 2; animation: hsGlow 1.4s ease-in-out infinite; outline: 4px solid #f2c14e !important; outline-offset: 3px; border-radius: 12px; }
.hs-focus::after {
  content: "Here!"; position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
  padding: 2px 10px; border-radius: 6px; border: 2px solid #4a2a12; z-index: 5; pointer-events: none;
  background: linear-gradient(180deg, #a8743f, #7a4e24); color: #fff3d6; font: 800 13px/1.2 Georgia, serif;
  box-shadow: 0 2px 0 #3a2009; white-space: nowrap;
}
@keyframes hsGlow { 0%,100% { box-shadow: 0 0 0 0 rgba(242,193,78,.0), 0 0 14px 4px rgba(242,193,78,.55); } 50% { box-shadow: 0 0 0 6px rgba(242,193,78,.35), 0 0 22px 8px rgba(242,193,78,.8); } }
@media (prefers-reduced-motion: reduce) { .hs-focus { animation: none; } }
/* pickers: a hero who is busy somewhere else */
.flow-hero.away { cursor: default; background: rgba(60,40,20,.25); }
.flow-hero.away img { filter: grayscale(.85) brightness(.8); }
.flow-hero.away .hs-link { margin-top: 2px; }
.hs-picker-away { opacity: .92; }
.hs-picker-away img { filter: grayscale(.8) brightness(.85); }