/* Injury Skeleton Map - clean modern UI (single image only) */
body.single-sl_player { font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }

.injury-skeleton-wrap{margin:22px 0 26px}
.injury-skeleton-card{background:rgba(255,255,255,.92);border:1px solid rgba(15,23,42,.10);box-shadow:0 18px 55px rgba(0,0,0,.08);border-radius:18px;overflow:hidden}
.injury-skeleton-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.08)}
.injury-skeleton-head h3{margin:0;font-size:16px;font-weight:800;letter-spacing:.2px;color:#0f172a}
.injury-skeleton-head .count{font-size:12px;font-weight:700;color:rgba(15,23,42,.65)}

.injury-skeleton-body{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:16px;padding:16px}
@media (max-width: 900px){.injury-skeleton-body{grid-template-columns:1fr}}

.skeleton-stage{
  position:relative;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(15,23,42,.04),rgba(216,27,96,.04));
  border:1px solid rgba(15,23,42,.08);
  overflow:hidden;
  padding:12px;
}

.skeleton-figure{
  position:relative;
  width:100%;
}

.skeleton-figure img{
  width:100%;
  height:auto;
  display:block;
  border-radius:12px;
  background:#000;
}

.skeleton-overlay{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.hotspot{
  position:absolute;
  transform:translate(-50%,-50%);
  width:22px;height:22px;border-radius:999px;
  background:radial-gradient(circle at 30% 30%, #ff4aa2 0%, #d81b60 55%, #8b0f3a 100%);
  box-shadow:0 10px 30px rgba(216,27,96,.35);
  border:2px solid #fff;
  cursor:pointer;
  pointer-events:auto;
}

.hotspot:hover{filter:brightness(1.06);transform:translate(-50%,-50%) scale(1.08)}
.hotspot .badge{
  position:absolute;top:-10px;right:-10px;
  min-width:18px;height:18px;border-radius:999px;
  background:#111827;color:#fff;font-size:11px;font-weight:800;
  display:flex;align-items:center;justify-content:center;
  padding:0 5px;border:2px solid #fff
}

/* Right panel */
.legend{border-radius:16px;border:1px solid rgba(15,23,42,.08);background:#fff;overflow:hidden}
.legend-top{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(15,23,42,.08)}
.legend-top strong{font-size:14px;font-weight:800;color:#0f172a}
.legend-top .hint{font-size:12px;font-weight:700;color:rgba(15,23,42,.55)}
.legend-list{max-height:520px;overflow:auto;padding:10px 12px}
.legend-item{padding:10px 10px;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:rgba(15,23,42,.02);margin-bottom:10px}
.legend-item .t{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.legend-item .t b{font-size:14px;font-weight:800;color:#0f172a}
.legend-item .t span{font-size:12px;font-weight:700;color:rgba(15,23,42,.65);white-space:nowrap}
.legend-item .d{margin-top:6px;font-size:13px;line-height:1.5;color:rgba(15,23,42,.80)}
.legend-item .tag{display:inline-flex;margin-top:8px;font-size:12px;font-weight:800;color:#0f172a;background:rgba(216,27,96,.08);border:1px solid rgba(216,27,96,.18);padding:6px 10px;border-radius:999px}

.legend-list::-webkit-scrollbar{width:10px}
.legend-list::-webkit-scrollbar-track{background:rgba(15,23,42,.06);border-radius:999px}
.legend-list::-webkit-scrollbar-thumb{background:rgba(15,23,42,.25);border-radius:999px;border:2px solid rgba(255,255,255,.9)}


/* Admin editor helpers */
.hotspot.is-selected{outline:3px solid rgba(59,130,246,.9);outline-offset:2px}