/* ── 시너지 레이아웃 ── */
.gr-syn-wrap { display:flex; gap:14px; }
.gr-syn-list { display:flex; flex-direction:column; gap:6px; flex-shrink:0; width:280px; }
.gr-syn-item {
  display:flex; align-items:center; gap:8px; padding:10px 12px;
  border-radius:10px; background:var(--bg-card); border:2px solid var(--border);
  cursor:pointer; transition:all .15s;
}
.gr-syn-item:hover { border-color:var(--primary); }
.gr-syn-item.active { border-color:var(--primary); background:var(--primary-light); }
.gr-syn-item img { width:32px; height:32px; object-fit:contain; flex-shrink:0; }
.gr-syn-item-info { flex:1; min-width:0; }
.gr-syn-item-name { font-weight:700; font-size:.84em; margin-bottom:2px; }
.gr-syn-item-tiers { display:flex; flex-wrap:wrap; gap:3px; }
.gr-syn-item-tier {
  font-size:.68em; padding:1px 5px; border-radius:3px;
  background:var(--bg); border:1px solid var(--border); color:var(--text-muted);
}
.gr-syn-item.active .gr-syn-item-name { color:var(--primary); }
.gr-syn-item.active .gr-syn-item-tier { background:var(--bg-card); border-color:var(--primary); color:var(--primary); }

.gr-syn-result { flex:1; min-width:0; }
.gr-syn-result-empty { font-size:.84em; color:var(--text-muted); padding:40px 0; text-align:center; }
.gr-syn-result-header { font-size:.85em; font-weight:700; margin-bottom:10px; display:flex; align-items:center; gap:6px; }
.gr-syn-result-header img { width:22px; height:22px; }
.gr-syn-result-tbl { font-size:.82em; margin-bottom:14px; }
.gr-syn-result-tbl th, .gr-syn-result-tbl td { text-align:center; }
.gr-syn-unit-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:8px; }
.gr-syn-unit-card {
  display:flex; align-items:center; gap:8px; padding:8px 10px;
  border-radius:8px; background:var(--bg-card); border:1px solid var(--border);
}
.gr-syn-unit-card img { width:40px; height:40px; object-fit:contain; border-radius:6px; }
.gr-syn-unit-name { font-size:.84em; font-weight:700; display:flex; align-items:center; gap:4px; flex-wrap:wrap; }
.gr-syn-unit-tags { display:flex; flex-direction:column; gap:1px; }
.gr-syn-unit-tag { font-size:.7em; color:var(--text-muted); display:flex; align-items:center; gap:3px; }
.gr-syn-unit-tag img { width:12px; height:12px; }
.gr-syn-unit-tag strong { color:var(--primary); }

/* ── 디버프 ── */
.gr-debuff-list { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.gr-debuff-item {
  padding:8px 14px; border-radius:8px; background:var(--bg-card);
  border:1px solid var(--border); text-align:center; min-width:80px;
}
.gr-debuff-count { font-size:.78em; color:var(--text-muted); }
.gr-debuff-val { font-weight:700; color:var(--error); font-size:1.05em; }

@media(max-width:768px) {
  .gr-syn-wrap { flex-direction:column; }
  .gr-syn-list { width:100%; flex-direction:column; }
  .gr-syn-unit-grid { grid-template-columns:1fr 1fr; }
  .gr-syn-unit-card { padding:6px 8px; }
  .gr-syn-unit-card img { width:32px; height:32px; }
}