/* PRISM 10.4 — profil joueur et centre d'amis dans l'espace membre */
.social-center{position:relative;isolation:isolate}
.social-center__head{align-items:flex-end}
.social-center__head .kicker{margin-bottom:7px}
.social-center__head h2{margin:0}
.social-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.social-player{
  display:grid;
  grid-template-columns:minmax(240px,.9fr) minmax(300px,1.25fr);
  gap:22px 30px;
  align-items:center;
  margin-bottom:18px;
  padding:22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:23px;
  background:
    radial-gradient(circle at 84% -30%,rgba(156,123,255,.18),transparent 42%),
    linear-gradient(145deg,rgba(31,32,47,.76),rgba(12,13,20,.72));
}
.social-player__identity{display:flex;align-items:center;gap:15px;min-width:0}
.social-player__identity>div:last-child{display:grid;gap:4px;min-width:0}
.social-player__identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.45rem;letter-spacing:-.035em}
.social-player__identity span:last-child{color:#c9bcff;font-size:.83rem;font-weight:850}
.social-eyebrow{color:var(--gold);font-size:.68rem;font-weight:950;letter-spacing:.16em}
.social-avatar{
  display:grid;
  flex:0 0 auto;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(135deg,var(--purple),var(--cyan));
  color:#11131a;
  font-weight:950;
  box-shadow:inset 0 1px rgba(255,255,255,.32),0 13px 28px rgba(0,0,0,.24);
}
.social-avatar img{width:100%;height:100%;object-fit:cover}
.social-avatar--large{width:68px;height:68px;border-radius:21px;font-size:1.45rem}
.social-avatar--row{width:48px;height:48px;border-radius:15px;font-size:.95rem}
.social-avatar--confirm{width:70px;height:70px;margin:0 auto 18px;border-radius:22px;font-size:1.25rem}
.social-progress{min-width:0}
.social-progress__copy{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}
.social-progress__copy span{color:var(--muted);font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.social-progress__copy strong{color:#eee7dc;font-size:.79rem}
.social-progress__track{height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.075)}
.social-progress__track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--cyan));box-shadow:0 0 20px rgba(121,207,255,.32);transition:width .7s cubic-bezier(.16,.85,.26,1)}
.social-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:rgba(4,5,10,.22)}
.social-stats div{padding:14px;text-align:center;border-right:1px solid rgba(255,255,255,.065)}
.social-stats div:last-child{border-right:0}
.social-stats strong{display:block;font-size:1.15rem}
.social-stats span{display:block;margin-top:5px;color:var(--dim);font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.social-tabs{display:flex;gap:7px;margin-bottom:12px;padding:6px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(3,4,9,.25)}
.social-tab{
  display:inline-flex;
  min-height:42px;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 16px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  font:inherit;
  font-size:.78rem;
  font-weight:850;
  transition:.18s ease;
}
.social-tab:hover{color:var(--text);background:rgba(255,255,255,.035)}
.social-tab.is-active{color:var(--text);background:rgba(255,255,255,.075);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.social-tab span{display:grid;min-width:23px;height:23px;place-items:center;padding:0 6px;border:1px solid rgba(156,123,255,.18);border-radius:8px;background:rgba(156,123,255,.09);color:#d7ceff;font-size:.67rem}
.social-tab.has-alert span{background:rgba(156,123,255,.26);box-shadow:0 0 0 5px rgba(156,123,255,.07)}
.social-pane[hidden],.social-add-panel[hidden],.social-confirm-backdrop[hidden],.social-toast[hidden]{display:none}
.social-pane.is-active{animation:social-pane-in .28s ease both}
.social-list{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:19px;background:rgba(3,4,9,.2)}
.social-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:76px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.06);transition:background .18s ease,opacity .22s ease,transform .22s ease}
.social-row:last-child{border-bottom:0}
.social-row:hover{background:rgba(255,255,255,.03)}
.social-row.is-busy{opacity:.55;pointer-events:none}
.social-row__copy{min-width:0}
.social-row__copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.91rem}
.social-row__copy span{display:block;margin-top:5px;color:var(--muted);font-size:.73rem}
.social-row__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.social-action{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  justify-content:center;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  background:rgba(255,255,255,.045);
  color:var(--text);
  cursor:pointer;
  font:inherit;
  font-size:.7rem;
  font-weight:900;
  transition:.18s ease;
}
.social-action:hover:not(:disabled){transform:translateY(-1px);background:rgba(255,255,255,.08)}
.social-action:disabled{opacity:.6;cursor:not-allowed}
.social-action--primary{border-color:rgba(156,123,255,.27);background:linear-gradient(135deg,rgba(156,123,255,.96),rgba(121,207,255,.88));color:#101119}
.social-action--danger:hover:not(:disabled){border-color:rgba(255,101,124,.28);background:rgba(255,101,124,.1);color:#ffd6dc}
.social-add-panel{margin-bottom:12px;padding:20px;border:1px solid rgba(156,123,255,.22);border-radius:20px;background:linear-gradient(145deg,rgba(28,27,42,.95),rgba(14,15,23,.93));animation:social-panel-in .35s cubic-bezier(.16,.85,.26,1) both}
.social-add-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}
.social-add-panel__head h3{margin:6px 0 0;font-size:1.15rem}
.social-icon-button{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.045);color:var(--muted);cursor:pointer}
.social-icon-button:hover{color:var(--text);background:rgba(255,255,255,.08)}
.social-search{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;padding:0 15px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(3,4,9,.3)}
.social-search:focus-within{border-color:rgba(156,123,255,.34);box-shadow:0 0 0 4px rgba(156,123,255,.07)}
.social-search>span{color:var(--dim);font-size:1.25rem}
.social-search input{min-height:48px;padding:0;border:0;background:transparent;box-shadow:none}
.social-search input:focus{border:0;box-shadow:none}
.social-search-results{margin-top:12px}
.social-empty{padding:28px 20px;color:var(--dim);text-align:center;font-size:.82rem}
.social-empty strong{display:block;margin-bottom:6px;color:var(--text);font-size:.9rem}
.social-loading{display:flex;min-height:94px;align-items:center;justify-content:center;gap:6px}
.social-loading i{width:6px;height:6px;border-radius:50%;background:var(--purple);animation:social-dot .9s ease-in-out infinite}
.social-loading i:nth-child(2){animation-delay:.13s}.social-loading i:nth-child(3){animation-delay:.26s}
.social-confirm-backdrop{position:fixed;z-index:150;inset:0;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.7);backdrop-filter:blur(13px)}
.social-confirm{position:relative;width:min(430px,100%);padding:32px;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:linear-gradient(150deg,#20212d,#0e0f16);box-shadow:0 34px 100px rgba(0,0,0,.62);text-align:center}
.social-confirm__close{position:absolute;right:14px;top:14px}
.social-confirm h3{margin:9px 0 10px;font-size:1.55rem;letter-spacing:-.04em}
.social-confirm p{margin:0 0 22px;color:var(--muted);line-height:1.6}
.social-confirm .btn{width:100%}
.social-text-button{margin-top:12px;border:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:.78rem}
.social-toast{position:fixed;z-index:170;right:22px;bottom:22px;max-width:min(390px,calc(100vw - 36px));padding:14px 17px;border:1px solid rgba(156,123,255,.28);border-radius:14px;background:rgba(28,29,39,.97);box-shadow:0 22px 60px rgba(0,0,0,.5);color:var(--text);font-size:.82rem;animation:social-toast-in .28s ease both}
.social-toast.is-error{border-color:rgba(255,101,124,.32);color:#ffd2d9}
@keyframes social-dot{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}
@keyframes social-pane-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes social-panel-in{from{opacity:0;transform:translateY(-8px) scale(.99)}to{opacity:1;transform:none}}
@keyframes social-toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:860px){
  .social-center__head{align-items:flex-start}
  .social-heading-actions{width:100%;justify-content:flex-start}
  .social-player{grid-template-columns:1fr}
  .social-stats{grid-column:auto}
}
@media(max-width:620px){
  .social-heading-actions{display:grid;grid-template-columns:1fr}
  .social-heading-actions .btn{width:100%}
  .social-player{padding:17px}
  .social-stats{grid-template-columns:repeat(2,1fr)}
  .social-stats div:nth-child(2){border-right:0}
  .social-stats div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.065)}
  .social-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
  .social-tab{padding:0 6px;gap:5px;font-size:.66rem}
  .social-row{grid-template-columns:44px minmax(0,1fr);padding:12px}
  .social-avatar--row{width:44px;height:44px;border-radius:14px}
  .social-row__actions{grid-column:1/-1;padding-left:58px}
  .social-action{flex:1}
  .social-confirm{padding:30px 22px 24px}
  .social-toast{right:10px;bottom:10px}
}
@media(prefers-reduced-motion:reduce){
  .social-progress__track span,.social-pane.is-active,.social-add-panel,.social-toast,.social-loading i{animation:none;transition:none}
}