/* ============================================================================
   ALLIANCES ET PRISMES (1.1) — onglet « Alliance » de la guilde, prismes sur la carte du Monde (js/allianceui.js)
   ========================================================================== */
.al-emb{--as:56px;--ac:#8cc63f;position:relative;width:var(--as);height:calc(var(--as)*1.16);flex:none;display:grid;place-items:center}
.al-emb svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 3px 0 rgba(0,0,0,.45))}
.al-emb img{position:relative;width:52%;height:52%;object-fit:contain;margin-top:-8%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.55))}
.al-tag{font-weight:900;letter-spacing:.06em;font-size:12px;border-radius:6px;padding:1px 6px;border:1px solid var(--ac);color:var(--ac);background:color-mix(in srgb,var(--ac) 16%,transparent);white-space:nowrap}
.al-ban{display:flex;gap:16px;align-items:center;padding:16px;border:2px solid color-mix(in srgb,var(--ac) 60%,var(--frame));background:radial-gradient(700px 220px at 0 0,color-mix(in srgb,var(--ac) 22%,transparent),transparent 70%),var(--panel)}
.al-ban h2{font-size:26px}
.al-bon{display:flex;gap:6px;flex-wrap:wrap}
.al-pr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.al-prs{width:30px;height:42px;flex:none}
.al-mods{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}
.al-mod{font-size:11px;font-weight:800;border-radius:999px;padding:1px 7px;border:1px solid var(--frame);background:var(--panel3)}
.al-mod b{color:var(--gold)}
.al-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:1px 8px 1px 3px;font-size:11.5px;font-weight:800;border:1px solid var(--ac);background:color-mix(in srgb,var(--ac) 20%,transparent);white-space:nowrap}
.al-chip svg{width:14px;height:19px}
.al-zone{border:2px solid var(--ac);border-radius:14px;padding:12px;display:flex;gap:14px;align-items:center;background:color-mix(in srgb,var(--ac) 12%,var(--panel2))}
.al-zone .al-prs{width:44px;height:62px}
.al-note{border:1px dashed var(--frame);border-radius:12px;padding:10px 12px}
.al-warn{color:var(--danger);font-weight:800}
.al-vuln{font-weight:800;font-size:11.5px;border-radius:999px;padding:2px 9px;border:1px solid #a98a2f;background:rgba(169,138,47,.18);color:#f0c35a;white-space:nowrap}
.al-vuln.now{border-color:#a5503c;background:rgba(165,80,60,.22);color:#ff9a7b}
.al-safe{font-weight:800;font-size:11.5px;border-radius:999px;padding:2px 9px;border:1px solid var(--frame);background:var(--panel3);white-space:nowrap}
.al-koth{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 10px;align-items:center}
.al-kbar{height:10px;border-radius:6px;overflow:hidden;display:flex;border:1px solid var(--frame);background:var(--panel3);grid-column:1/-1}
.al-kbar i{display:block;height:100%}
.al-rank{display:grid;grid-template-columns:28px auto minmax(0,1fr) auto auto;gap:10px;align-items:center}
.al-rank .n{font-weight:900;font-size:18px;text-align:center;color:var(--gold)}
.al-rank.me{background:color-mix(in srgb,var(--gold) 10%,transparent)}
.al-mapl{display:flex;gap:10px;align-items:center}
.al-found{display:flex;gap:16px;align-items:flex-start}
.al-cost{display:flex;gap:8px;flex-wrap:wrap}
.al-gl{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.al-res{display:flex;gap:8px;align-items:center;border-radius:12px;padding:8px 10px;border:1px solid var(--frame);background:var(--panel2)}
.al-res.win{border-color:color-mix(in srgb,var(--good) 60%,var(--frame))}
.ch-gname{font-size:10.5px;font-weight:800;opacity:.75;margin-left:4px}
@media (max-width:600px){
  .al-ban{flex-wrap:wrap}.al-ban h2{font-size:22px}
  .al-pr{grid-template-columns:auto minmax(0,1fr)}.al-pr .al-act{grid-column:1/-1;justify-content:flex-start}
  .al-rank{grid-template-columns:22px auto minmax(0,1fr) auto}.al-rank .hm{display:none}
  .al-found{flex-direction:column}
  .al-zone{flex-wrap:wrap}
  .al-koth{grid-template-columns:minmax(0,1fr) auto}.al-koth .btn{grid-column:1/-1}
}