/* 유저 액션 팝오버 — 닉네임 옆 미니 메뉴 */
.us-pop{position:fixed;z-index:11800;min-width:216px;max-width:260px;
  background:linear-gradient(180deg,#191a20,#0e0e12);border:1px solid rgba(255,255,255,.12);
  border-radius:14px;padding:10px 10px 9px;box-shadow:0 14px 40px rgba(0,0,0,.55),0 2px 10px rgba(0,0,0,.4);
  opacity:0;transform:translateY(-4px) scale(.96);transform-origin:var(--us-ax,24px) top;
  pointer-events:none;transition:opacity .16s ease,transform .18s cubic-bezier(.2,.9,.3,1.2);}
.us-pop.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
.us-pop.above{transform-origin:var(--us-ax,24px) bottom;}

/* 앵커를 가리키는 화살표 */
.us-pop-arrow{position:absolute;left:var(--us-ax,24px);top:-6px;width:12px;height:12px;
  transform:translateX(-50%) rotate(45deg);background:#191a20;
  border-left:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.12);}
.us-pop.above .us-pop-arrow{top:auto;bottom:-6px;background:#0e0e12;border:none;
  border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);}

.us-pop-head{display:flex;align-items:center;gap:8px;margin:2px 4px 9px;}
.us-pop-ava{width:26px;height:26px;flex:none;border-radius:50%;color:#fff;font-size:12px;font-weight:800;
  display:flex;align-items:center;justify-content:center;text-transform:uppercase;}
.us-pop-name{font-size:13.5px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.us-pop-actions{display:flex;gap:6px;}
.us-pop-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
  padding:8px 4px 7px;border-radius:11px;cursor:pointer;font-size:14px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;}
.us-pop-btn i{font-style:normal;font-size:10.5px;font-weight:800;color:#c9c9d2;}
.us-pop-btn:active{transform:scale(.96);}
.us-pop-btn.primary{background:linear-gradient(135deg,#3d6bff,#5b7dff);border:none;
  box-shadow:0 4px 14px rgba(30,95,230,.3);}
.us-pop-btn.primary i{color:#fff;}

/* 본인 팝오버 — '내 프로필' 하나만 남을 때 어색하게 안 늘어나게 가로형 컴팩트 */
.us-pop.self{min-width:172px;}
.us-pop.self .us-pop-btn{flex-direction:row;gap:7px;padding:9px 10px;}
.us-pop.self .us-pop-btn i{font-size:12px;}

/* 팔로우 토글 (follow.js가 텍스트·following 클래스 관리) */
.us-pop-btn.us-follow{flex-direction:row;justify-content:center;font-size:11.5px;font-weight:900;
  color:#fff;background:rgba(255,255,255,.09);}
.us-pop-btn.us-follow.following{background:rgba(255,255,255,.04);color:#8a93a6;border-color:rgba(255,255,255,.08);}

@media (prefers-reduced-motion: reduce){.us-pop{transition:none;}}

/* 클릭 가능한 닉네임 표시 */
[data-user-id]{cursor:pointer;}

/* =========================================================
   작성자/크리에이터 블록 (광장·예측 상세 공용) — 아바타·등급·활동명·팔로우·응원
========================================================= */
.pz-author, .pmd-creator{
  display:flex; align-items:center; gap:10px; margin:12px 0;
  padding:11px 12px; border-radius:14px;
  background:linear-gradient(180deg,#15161c,#0f1014);
  border:1px solid rgba(255,255,255,.08);
}
.pza-av{ width:38px; height:38px; flex:0 0 38px; border-radius:50%; overflow:hidden;
  background:#1c1d27; border:1px solid rgba(255,255,255,.1); cursor:pointer;
  display:flex; align-items:center; justify-content:center; }
.pza-av img{ width:100%; height:100%; object-fit:cover; display:block; }
.pza-init{ font-size:15px; font-weight:900; color:#cfcfe0; }
.pza-info{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.pza-name{ font-size:14px; font-weight:900; color:#f2f2f6; cursor:pointer;
  display:flex; align-items:center; gap:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pza-tier{ font-size:13px; }
.pza-sub{ font-size:11px; color:#8a8f9a; }
.pza-follow{ flex:0 0 auto; padding:7px 13px; border-radius:999px; border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08); color:#fff; font-size:12px; font-weight:900; cursor:pointer; }
.pza-follow.following{ background:rgba(255,255,255,.03); color:#8a93a6; border-color:rgba(255,255,255,.08); }
.pza-cheer{ flex:0 0 auto; padding:7px 13px; border-radius:999px; border:none; cursor:pointer;
  background:linear-gradient(135deg,#ff6a88,#ff4d6d); color:#fff; font-size:12px; font-weight:900;
  box-shadow:0 4px 14px rgba(255,77,109,.3); }
.pza-cheer:active{ transform:scale(.95); }

/* 광장 응원(슈퍼챗) 스트립 */
.pz-donates{ margin:12px 0; padding:11px 13px; border-radius:14px;
  background:linear-gradient(135deg,#1c1420,#141018); border:1px solid rgba(255,106,136,.25); }
.pzd-head{ font-size:12.5px; font-weight:900; color:#ffb3c2; margin-bottom:7px; }
.pzd-head b{ color:#fff; }
.pzd-row{ font-size:12px; color:#c9c9d2; padding:3px 0; }
.pzd-row b{ color:#ffd7c2; }
.pzd-row span{ color:#9a9aa4; }