/* Vigthoria avatar modal - dark glassmorphism */
#vig-avatar-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;
  background:rgba(0,0,0,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  z-index:9999;opacity:0;transition:opacity .25s ease}
#vig-avatar-modal.open{display:flex;opacity:1}
#vig-avatar-modal .vig-modal-card{
  width:min(880px,92vw);max-height:88vh;overflow:hidden;display:grid;grid-template-columns:1fr 1.2fr;
  background:linear-gradient(160deg,rgba(20,22,32,.95),rgba(12,14,22,.95));
  border:1px solid rgba(120,140,255,.18);border-radius:18px;
  box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04) inset;
  transform:translateY(8px) scale(.985);transition:transform .35s cubic-bezier(.22,.85,.3,1);position:relative}
#vig-avatar-modal.open .vig-modal-card{transform:translateY(0) scale(1)}
#vig-avatar-modal .vig-modal-img{
  background:#0a0c14 center/cover no-repeat;min-height:340px;position:relative}
#vig-avatar-modal .vig-modal-img::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.55) 100%)}
#vig-avatar-modal .vig-live{position:absolute;top:14px;left:14px;z-index:2;
  background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:11px;font-weight:700;
  padding:5px 10px;border-radius:999px;letter-spacing:.08em;
  box-shadow:0 4px 14px rgba(34,197,94,.45)}
#vig-avatar-modal .vig-live::before{content:"";display:inline-block;width:7px;height:7px;
  background:#fff;border-radius:50%;margin-right:6px;vertical-align:middle;
  animation:vig-pulse 1.6s infinite}
@keyframes vig-pulse{0%,100%{opacity:1}50%{opacity:.35}}
#vig-avatar-modal .vig-modal-body{padding:32px 34px;color:#e5e7ee;display:flex;flex-direction:column;gap:14px;overflow-y:auto}
#vig-avatar-modal h3{margin:0;font-size:28px;font-weight:700;letter-spacing:-.01em}
#vig-avatar-modal .vig-role{color:#8aa2ff;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
#vig-avatar-modal .vig-bio{color:#b8bccd;line-height:1.6;font-size:14.5px}
#vig-avatar-modal .vig-caps{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
#vig-avatar-modal .vig-caps li{padding:9px 12px;border:1px solid rgba(120,140,255,.12);
  background:rgba(120,140,255,.04);border-radius:9px;font-size:13.5px;color:#cfd3e2;display:flex;gap:10px;align-items:center}
#vig-avatar-modal .vig-caps li::before{content:"";width:6px;height:6px;border-radius:50%;
  background:linear-gradient(135deg,#7c89ff,#22d3ee);flex-shrink:0;box-shadow:0 0 10px rgba(124,137,255,.6)}
#vig-avatar-modal .vig-actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
#vig-avatar-modal .vig-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;
  border-radius:10px;font-weight:600;font-size:14px;text-decoration:none;cursor:pointer;border:none;transition:.2s}
#vig-avatar-modal .vig-btn.primary{background:linear-gradient(135deg,#7c89ff,#22d3ee);color:#0b0d14}
#vig-avatar-modal .vig-btn.primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(124,137,255,.4)}
#vig-avatar-modal .vig-btn.ghost{background:transparent;color:#cfd3e2;border:1px solid rgba(255,255,255,.12)}
#vig-avatar-modal .vig-btn.ghost:hover{background:rgba(255,255,255,.06)}
#vig-avatar-modal .vig-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;
  background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.12);color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;z-index:3}
#vig-avatar-modal .vig-close:hover{background:rgba(0,0,0,.8)}
.avatar-card{cursor:pointer;position:relative}
.avatar-card:focus-visible{outline:2px solid #7c89ff;outline-offset:3px;border-radius:12px}
@media (max-width:760px){
  #vig-avatar-modal .vig-modal-card{grid-template-columns:1fr;max-height:92vh}
  #vig-avatar-modal .vig-modal-img{min-height:240px}
}
