/* ── #enemyPanel áthelyezése: bal oldali lebegő panel (szimmetria a jobb ──
   oldali karakter-kártyával), tömör kártyákkal + ellenfél-vörös kiemelés. */
@media(min-width:901px){
  #enemyPanel:not(.hidden){
    position:fixed!important; left:1rem; bottom:6rem; z-index:8;
    width:13.5rem; max-height:64vh; overflow-y:auto; overflow-x:hidden;
    background:var(--panel)!important; border:1px solid var(--border)!important;
    border-left:3px solid #a5423a!important; border-radius:var(--radius-md,10px)!important;
    box-shadow:var(--shadow-lg,0 12px 40px rgba(0,0,0,.5))!important; padding:.55rem!important;
    scrollbar-width:thin;
  }
  #enemyPanel:not(.hidden) #enemyList{ flex-direction:column!important; flex-wrap:nowrap!important; gap:.45rem!important; }
  #enemyPanel:not(.hidden) .enemy-card{ min-width:0!important; max-width:none!important; width:100%!important; box-sizing:border-box; padding:.5rem .6rem!important; }
}
/* fej: kis ellenfél-vörös hangsúly */
#enemyPanel .enemy-panel-head{ color:#b06a5f; font-weight:600; }
#enemyPanel .enemy-panel-head span{ letter-spacing:.02em; }
.enemy-card h4{ font-size:.9rem!important; }
.enemy-card .enemy-meta{ font-size:.72rem!important; margin-bottom:.35rem!important; }

/* ── mobil: NE lebegjen (ne lógjon rá) — vékony, vízszintesen görgethető csík ── */
@media(max-width:900px){
  #enemyPanel:not(.hidden){ background:rgba(150,60,55,.1)!important; padding:.4rem .6rem!important; }
  #enemyPanel:not(.hidden) #enemyList{ flex-direction:row!important; flex-wrap:nowrap!important; overflow-x:auto; gap:.5rem!important; scrollbar-width:thin; }
  #enemyPanel:not(.hidden) .enemy-card{ flex:0 0 auto; min-width:9.5rem!important; }
}