/* =========================================================
   JAKSKY STAFF PRIVATE PROFILE V26
   Owner / Admin / Moderator / Event each have a unique look.
   ========================================================= */

.jakPrivateStaffV26{
  --role-a:#53b7ff;
  --role-b:#7c4dff;
  --role-glow:rgba(83,183,255,.30);

  position:relative !important;
  overflow:hidden !important;
  min-height:430px !important;
  padding:20px 18px 18px !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;

  border-radius:24px !important;

  color:#fff !important;
  background:
    radial-gradient(circle at 50% 22%,var(--role-glow),transparent 34%),
    linear-gradient(155deg,#141119,#09080d 72%) !important;

  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 20px 48px rgba(0,0,0,.24) !important;
}

.jakPrivateFxV26,
.jakPrivateFxV26 span{
  position:absolute !important;
  pointer-events:none !important;
}

.jakPrivateFxV26{
  inset:0 !important;
  overflow:hidden !important;
}

/* common moving particles */
.jakPrivateFxV26 span{
  width:5px !important;
  height:5px !important;
  border-radius:50% !important;
  background:var(--role-a) !important;
  box-shadow:0 0 12px var(--role-a) !important;
  opacity:.65 !important;
}
.jakPrivateFxV26 span:nth-child(1){left:14%;top:22%}
.jakPrivateFxV26 span:nth-child(2){right:16%;top:31%}
.jakPrivateFxV26 span:nth-child(3){left:24%;bottom:26%}
.jakPrivateFxV26 span:nth-child(4){right:20%;bottom:18%}

.jakPrivateTopV26{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
}

.jakPrivateEyebrowV26{
  color:var(--role-a) !important;
  font-size:9px !important;
  font-weight:950 !important;
  letter-spacing:.16em !important;
}

.jakPrivateVerifiedV26{
  padding:5px 7px !important;
  border-radius:999px !important;

  color:#dff4ff !important;
  background:rgba(32,167,255,.12) !important;
  border:1px solid rgba(55,182,255,.22) !important;

  font-size:8px !important;
  font-weight:950 !important;
  letter-spacing:.04em !important;
}

.jakPrivateEmblemV26{
  position:relative !important;
  z-index:2 !important;

  width:118px !important;
  height:118px !important;
  margin:30px 0 22px !important;

  display:grid !important;
  place-items:center !important;

  border-radius:50% !important;
  background:
    radial-gradient(circle,rgba(255,255,255,.08),rgba(255,255,255,.015) 55%,transparent 56%) !important;

  box-shadow:
    0 0 0 1px rgba(255,255,255,.06),
    0 0 45px var(--role-glow) !important;
}

.jakPrivateEmblemV26::before,
.jakPrivateEmblemV26::after{
  content:"" !important;
  position:absolute !important;
  border-radius:50% !important;
  border:1px solid color-mix(in srgb,var(--role-a) 55%,transparent) !important;
}

.jakPrivateEmblemV26::before{
  inset:-9px !important;
}
.jakPrivateEmblemV26::after{
  inset:-20px !important;
  opacity:.45 !important;
}

.jakPrivateEmblemV26 i{
  font-style:normal !important;
  color:#fff !important;
  font-size:42px !important;
  text-shadow:
    0 0 12px var(--role-a),
    0 0 26px var(--role-b) !important;
}

.jakPrivateTitleV26{
  position:relative !important;
  z-index:2 !important;

  margin:0 !important;
  max-width:100% !important;

  color:#fff !important;
  text-align:center !important;
  font-size:22px !important;
  font-weight:950 !important;
  line-height:1.12 !important;
  letter-spacing:-.025em !important;
}

.jakPrivateUsernameV26{
  position:relative !important;
  z-index:2 !important;

  margin-top:8px !important;

  color:var(--role-a) !important;
  font-size:12px !important;
  font-weight:850 !important;
}

.jakPrivateTextV26{
  position:relative !important;
  z-index:2 !important;

  margin:18px 0 0 !important;
  max-width:285px !important;

  color:#eee9f0 !important;
  text-align:center !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.5 !important;
}

.jakPrivateSubV26{
  position:relative !important;
  z-index:2 !important;

  margin:5px 0 0 !important;
  max-width:285px !important;

  color:#8f8794 !important;
  text-align:center !important;
  font-size:10px !important;
  font-weight:600 !important;
  line-height:1.45 !important;
}

.jakPrivateLockV26{
  position:relative !important;
  z-index:2 !important;

  width:100% !important;
  margin-top:auto !important;
  padding:12px !important;

  display:flex !important;
  align-items:center !important;
  gap:10px !important;

  border-radius:15px !important;
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.07) !important;
}

.jakPrivateLockV26 > span{
  width:34px !important;
  height:34px !important;
  flex:0 0 34px !important;

  display:grid !important;
  place-items:center !important;

  border-radius:11px !important;
  background:color-mix(in srgb,var(--role-a) 15%,transparent) !important;
}

.jakPrivateLockV26 b,
.jakPrivateLockV26 small{
  display:block !important;
}
.jakPrivateLockV26 b{
  color:#fff !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.06em !important;
}
.jakPrivateLockV26 small{
  margin-top:3px !important;
  color:#847d89 !important;
  font-size:8.5px !important;
  font-weight:650 !important;
}

/* OWNER — gold orbit / crown energy */
.jakPrivateStaffV26.role-owner{
  --role-a:#ffd34a;
  --role-b:#ff8a22;
  --role-glow:rgba(255,193,52,.28);
}
.jakPrivateStaffV26.role-owner .jakPrivateEmblemV26::before{
  border-style:dashed !important;
  animation:jakOwnerOrbitV26 8s linear infinite !important;
}
.jakPrivateStaffV26.role-owner .jakPrivateEmblemV26::after{
  animation:jakOwnerOrbitV26 14s linear reverse infinite !important;
}
.jakPrivateStaffV26.role-owner .jakPrivateFxV26 span{
  animation:jakOwnerSparkV26 2.8s ease-in-out infinite alternate !important;
}

/* ADMIN — blue scan / digital control */
.jakPrivateStaffV26.role-admin{
  --role-a:#42c8ff;
  --role-b:#426bff;
  --role-glow:rgba(40,177,255,.28);
  background:
    linear-gradient(rgba(74,190,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(74,190,255,.035) 1px,transparent 1px),
    radial-gradient(circle at 50% 22%,var(--role-glow),transparent 34%),
    linear-gradient(155deg,#081621,#07090d 72%) !important;
  background-size:22px 22px,22px 22px,auto,auto !important;
}
.jakPrivateStaffV26.role-admin::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  height:2px !important;
  top:0 !important;
  background:linear-gradient(90deg,transparent,#4bd5ff,transparent) !important;
  box-shadow:0 0 14px #4bd5ff !important;
  opacity:.65 !important;
  animation:jakAdminScanV26 3.6s linear infinite !important;
}
.jakPrivateStaffV26.role-admin .jakPrivateEmblemV26::before{
  animation:jakAdminRingV26 2.8s ease-in-out infinite !important;
}

/* MODERATOR — purple shield pulse / radar */
.jakPrivateStaffV26.role-moderator{
  --role-a:#b56cff;
  --role-b:#6757ff;
  --role-glow:rgba(159,85,255,.28);
}
.jakPrivateStaffV26.role-moderator .jakPrivateEmblemV26{
  animation:jakModShieldV26 2.7s ease-in-out infinite !important;
}
.jakPrivateStaffV26.role-moderator .jakPrivateEmblemV26::after{
  animation:jakModRadarV26 2.7s ease-out infinite !important;
}
.jakPrivateStaffV26.role-moderator .jakPrivateFxV26 span{
  animation:jakModFloatV26 4s ease-in-out infinite !important;
}

/* EVENT — pink/cyan celebratory spark movement */
.jakPrivateStaffV26.role-event{
  --role-a:#ff5db1;
  --role-b:#5de7ff;
  --role-glow:rgba(255,78,170,.25);
  background:
    radial-gradient(circle at 24% 20%,rgba(93,231,255,.09),transparent 25%),
    radial-gradient(circle at 77% 26%,rgba(255,93,177,.14),transparent 28%),
    linear-gradient(155deg,#180b16,#08090d 72%) !important;
}
.jakPrivateStaffV26.role-event .jakPrivateFxV26 span:nth-child(odd){
  background:#ff5db1 !important;
  animation:jakEventPopV26 2.6s ease-in-out infinite !important;
}
.jakPrivateStaffV26.role-event .jakPrivateFxV26 span:nth-child(even){
  background:#5de7ff !important;
  animation:jakEventPopV26 3.2s ease-in-out infinite reverse !important;
}
.jakPrivateStaffV26.role-event .jakPrivateEmblemV26::before{
  animation:jakEventTwinkleV26 3s ease-in-out infinite !important;
}
.jakPrivateStaffV26.role-event .jakPrivateEmblemV26::after{
  animation:jakOwnerOrbitV26 11s linear infinite !important;
}

@keyframes jakOwnerOrbitV26{
  to{transform:rotate(360deg)}
}
@keyframes jakOwnerSparkV26{
  from{transform:scale(.65);opacity:.25}
  to{transform:scale(1.35);opacity:.95}
}
@keyframes jakAdminScanV26{
  0%{top:0;opacity:0}
  8%{opacity:.75}
  92%{opacity:.75}
  100%{top:100%;opacity:0}
}
@keyframes jakAdminRingV26{
  0%,100%{transform:scale(.96);opacity:.55}
  50%{transform:scale(1.05);opacity:1}
}
@keyframes jakModShieldV26{
  0%,100%{transform:translateY(0);filter:drop-shadow(0 0 4px rgba(181,108,255,.25))}
  50%{transform:translateY(-5px);filter:drop-shadow(0 0 14px rgba(181,108,255,.58))}
}
@keyframes jakModRadarV26{
  0%{transform:scale(.78);opacity:.8}
  100%{transform:scale(1.28);opacity:0}
}
@keyframes jakModFloatV26{
  0%,100%{transform:translateY(0);opacity:.35}
  50%{transform:translateY(-13px);opacity:.95}
}
@keyframes jakEventPopV26{
  0%,100%{transform:translate(0,0) rotate(0deg);opacity:.3}
  50%{transform:translate(8px,-14px) rotate(45deg);opacity:1}
}
@keyframes jakEventTwinkleV26{
  0%,100%{transform:rotate(-4deg) scale(.95);opacity:.65}
  50%{transform:rotate(4deg) scale(1.08);opacity:1}
}

@media(max-width:420px){
  .jakPrivateStaffV26{
    min-height:405px !important;
    padding:17px 14px 15px !important;
  }
  .jakPrivateEmblemV26{
    width:104px !important;
    height:104px !important;
    margin-top:26px !important;
  }
  .jakPrivateTitleV26{
    font-size:20px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .jakPrivateStaffV26 *,
  .jakPrivateStaffV26::after{
    animation:none !important;
  }
}