/* party.css — the global floating party pill + its member-list popup. Render-only, off the lockstep. */
#partyBar { position: fixed; top: 58px; left: 50%; transform: translateX(-50%); z-index: 90; display: none; }
#partyBar.show { display: block; }
.pb-pill { display: flex; align-items: center; gap: 8px; cursor: pointer; border-radius: 10px; padding: 8px 16px; font: 700 13px 'Chakra Petch', 'Segoe UI', system-ui, sans-serif; color: #cdd9ea; background: #101b2e; border: 1px solid #28395a; box-shadow: 0 6px 18px rgba(0,0,0,.45); }
.pb-pill b { font-weight: 800; color: #5cc8ff; }
.pb-pill:hover { border-color: #5cc8ff; color: #fff; }

#partyPanel { position: fixed; inset: 0; z-index: 95; display: none; align-items: center; justify-content: center; background: #05080faa; padding: 24px; }
#partyPanel.show { display: flex; }
.pp-card { width: min(420px, 100%); background: #101b2e; border: 1px solid #28395a; border-radius: 14px; font-family: 'Chakra Petch', 'Segoe UI', system-ui, sans-serif; color: #e8eef7; }
.pp-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid #1d2c45; }
.pp-head h3 { margin: 0; font: 700 16px 'Chakra Petch'; }
.pp-close { background: none; border: none; color: #8da2be; font-size: 22px; line-height: 1; cursor: pointer; }
.pp-close:hover { color: #fff; }
.pp-body { padding: 16px 18px; display: flex; flex-direction: column; gap: 12px; }
.pp-check { background: rgba(224, 162, 58, .12); border: 1px solid rgba(224, 162, 58, .3); color: #e8c07a; border-radius: 9px; padding: 9px 12px; font: 600 12.5px 'Chakra Petch'; }
.pp-cool { background: #ffffff0a; border: 1px solid #2a3a59; color: #8da2be; border-radius: 9px; padding: 8px 12px; font: 600 12px 'Chakra Petch'; }
.pp-queue { background: rgba(70, 192, 138, .1); border: 1px solid rgba(70, 192, 138, .28); color: #8fe0bb; border-radius: 9px; padding: 8px 12px; font: 600 12px 'Chakra Petch'; }
.pp-queue i { color: #6f93b0; font-style: normal; font-weight: 500; }
.pp-list { display: flex; flex-direction: column; }
.pp-row { display: flex; align-items: center; gap: 9px; padding: 8px 4px; border-top: 1px solid #1d2c45; font: 500 13px 'Chakra Petch'; }
.pp-row:first-child { border-top: none; }
.pp-nm { flex: 1; } .pp-nm i { color: #5f6f88; font-style: normal; }
.pp-st { font: 700 10px 'Chakra Petch'; letter-spacing: .04em; white-space: nowrap; }
.pp-st.m { color: #46c08a; } .pp-st.on { color: #5cc8ff; } .pp-st.off { color: #5f6f88; } .pp-st.pend { color: #e0a23a; }
.pp-x { background: #ffffff12; border: none; border-radius: 5px; color: #cdd9ea; width: 22px; height: 22px; font-size: 11px; cursor: pointer; }
.pp-x:hover { background: #e0533d; color: #fff; }
.pp-crown:hover { background: #e0a23a; }   /* make-leader is a 'promote', not a destructive action */
.pp-x.pp-muted { background: rgba(224, 83, 61, .25); color: #ffb3a6; }   /* this member's in-game signals are muted */
.pp-rename { background: none; border: none; cursor: pointer; font-size: 13px; opacity: .65; padding: 0 2px; }
.pp-rename:hover { opacity: 1; }
.pp-cta { display: flex; gap: 10px; }
.pp-ok, .pp-ghost { border: none; border-radius: 9px; padding: 10px 15px; font: 700 13px 'Chakra Petch'; cursor: pointer; }
.pp-ok { background: #2f86d6; color: #fff; } .pp-ok:hover { background: #3a97ea; }
.pp-ready { background: #46c08a; } .pp-ready:hover { filter: brightness(1.08); }
.pp-ghost { background: #ffffff12; color: #cdd9ea; } .pp-ghost:hover { background: #ffffff20; }
.pp-danger { background: rgba(224, 83, 61, .14); color: #e89a8e; } .pp-danger:hover { background: rgba(224, 83, 61, .26); color: #fff; }
.pp-ok[disabled], .pp-ghost[disabled] { opacity: .45; cursor: not-allowed; pointer-events: none; }
.pp-hint { margin: 0; color: #8da2be; font: 500 12px 'Chakra Petch'; line-height: 1.5; }
@media (max-width: 600px) { #partyBar { top: 52px; } }