/* 合作模式（PvE）队伍面板 coopbox。
   放在右上角 HUD 的波次信息下面（由 hud.setCoop 控制显隐与内容），纸面 + 墨线手绘风。
   本文件只加合作面板样式，不改 style.css；main.js 的 UI 由 <link> 引入本文件。
   队伍行的 HTML 由 main.js 的 coopRosterHTML() 拼：.cphead / .cprow(.me/.down) / .cpname / .cphp / .cpk */

.coopbox {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 8px;
  padding: 6px 10px 7px;
  min-width: 240px;
  max-width: 340px;
  font-size: 20px;
  line-height: 1.2;
  color: var(--ink);
  background: rgba(250, 248, 238, .72);
  border: 2.5px solid var(--ink);
  border-radius: 9px 12px 8px 11px / 12px 8px 11px 9px;
  box-shadow: 3px 3px 0 rgba(26, 48, 192, .14);
  transform: rotate(-.7deg);
  text-align: left;
}

/* hidden 属性优先级要压过上面的 display:flex，否则面板藏不住 */
.coopbox[hidden] { display: none !important; }

/* 标题行：「队伍 2/3 存活」+ 右边的「击杀」列头 */
.coopbox .cphead {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  padding-bottom: 2px;
  margin-bottom: 2px;
  font-size: 16px;
  opacity: .9;
  border-bottom: 2px solid var(--ink);
}
.coopbox .cphead i { font-style: normal; font-size: 13px; opacity: .8; letter-spacing: 1px; }

/* 一个玩家一行：名字 / 血量（阵亡） / 击杀 */
.coopbox .cprow {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 1px 0;
  border-bottom: 1px dashed rgba(26, 48, 192, .3);
}
.coopbox .cprow:last-child { border-bottom: 0; }
.coopbox .cprow.me { background: rgba(26, 48, 192, .08); border-radius: 4px; }
.coopbox .cpname {
  flex: 1;
  max-width: 168px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.coopbox .cphp { min-width: 44px; font-size: 15px; opacity: .85; text-align: right; }
.coopbox .cpk { min-width: 24px; font-size: 16px; color: var(--red); text-align: right; }

/* 阵亡：整行淡掉、名字划掉，血量位置改成红色的「阵亡」 */
.coopbox .cprow.down { opacity: .45; }
.coopbox .cprow.down .cpname { text-decoration: line-through; }
.coopbox .cprow.down .cphp { opacity: 1; font-size: 13px; color: var(--red); }
.coopbox .cprow.down .cpk { opacity: .5; }

/* 可选：hud.setCoopScore 会更新面板里的 .coopscore（main.js 目前没用，留着方便以后加） */
.coopbox .coopscore { color: var(--red); font-size: 19px; }

@media (max-width: 900px) {
  .coopbox { min-width: 178px; max-width: 250px; font-size: 16px; padding: 4px 8px 5px; }
  .coopbox .cphead { font-size: 13px; }
  .coopbox .cpname { max-width: 104px; }
  .coopbox .cphp { min-width: 36px; font-size: 13px; }
  .coopbox .cpk { min-width: 20px; font-size: 13px; }
}