/* Popup « partie lancée » (portal/partie-animee.js), dans le style de l'accueil. */
.sg-pa-voile {
  position: fixed; inset: 0; z-index: 20070; display: grid; place-items: center; padding: 20px;
  background: rgba(4,4,12,.72); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);
  font-family: Nunito,sans-serif;
}
.sg-pa-fenetre {
  --accent: #ffe600; position: relative; width: min(320px, 100%); box-sizing: border-box; overflow: hidden;
  padding: 20px 18px 14px; display: flex; flex-direction: column; align-items: center; gap: 8px;
  border: 1px solid color-mix(in srgb, var(--accent) 40%, transparent); border-radius: 22px; color: #fff; text-align: center;
  background: linear-gradient(160deg, color-mix(in srgb, var(--accent) 20%, #1c1c35), #0d0d1d 75%);
  box-shadow: 0 18px 40px rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.06);
}
.sg-pa-fenetre::after {
  content: ''; position: absolute; width: 120px; height: 120px; right: -50px; top: -60px; pointer-events: none;
  border-radius: 50%; background: var(--accent); opacity: .14; box-shadow: 0 0 40px var(--accent);
}
.sg-pa-icone { margin-top: 4px; box-shadow: 0 6px 16px rgba(0,0,0,.5); }
.sg-pa-nom { font-size: 21px; line-height: 1.1; font-weight: 900; }
.sg-pa-texte { color: #aaaac2; font-size: 12px; font-weight: 700; line-height: 1.35; }
.sg-pa-rejoindre {
  width: 100%; margin-top: 6px; padding: 13px; border: 0; border-radius: 14px; cursor: pointer; touch-action: manipulation;
  background: #ffe600; color: #141428; font: 900 16px Nunito,sans-serif; box-shadow: 0 6px 16px rgba(255,230,0,.18);
}
.sg-pa-rejoindre:active, .sg-pa-plus-tard:active { transform: scale(.98); }
.sg-pa-plus-tard {
  padding: 6px 12px; border: 0; background: transparent; color: #8d8daa; cursor: pointer; touch-action: manipulation;
  font: 800 12px Nunito,sans-serif;
}