.live-empty{display:flex;flex-direction:column;align-items:center;gap:7px;color:#8997b3}
.live-empty b{font:600 14px var(--display);color:#fff}
.live-empty small{font-size:8px}
.welcome-actions{flex-wrap:wrap}
#partyMembers{overflow-x:auto}

/* Cosmetic image picker */
.cosmetic-picker{text-align:left;color:#1f2433}
.cosmetic-picker-toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.cosmetic-picker-search{width:100%!important;margin:0!important;box-sizing:border-box}
.cosmetic-picker-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#6b7288}
.cosmetic-picker-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(104px,1fr));
  gap:10px;
  max-height:min(56vh,520px);
  overflow:auto;
  padding:4px 2px 8px;
}
.cosmetic-card{
  appearance:none;
  border:1px solid #e5e7ef;
  background:linear-gradient(180deg,#f7f8fc 0%,#eef1f8 100%);
  border-radius:14px;
  padding:8px 8px 10px;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease;
  min-height:148px;
}
.cosmetic-card:hover,.cosmetic-card:focus-visible{
  transform:translateY(-2px);
  border-color:#5b7cfa;
  box-shadow:0 10px 24px rgba(55,84,180,.16);
  outline:none;
}
.cosmetic-card.is-selected{
  border-color:#3b5bdb;
  box-shadow:0 0 0 2px rgba(59,91,219,.25);
}
.cosmetic-card img{
  width:72px;
  height:72px;
  object-fit:contain;
  border-radius:12px;
  background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.95),rgba(210,218,240,.55));
}
.cosmetic-card b{
  font:600 11px/1.25 Inter,system-ui,sans-serif;
  color:#151a28;
  text-align:center;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:2.5em;
}
.cosmetic-card small{
  font-size:10px;
  color:#6b7288;
  text-transform:capitalize;
}
.cosmetic-card.rarity-legendary{background:linear-gradient(180deg,#fff7e8,#ffe2a8)}
.cosmetic-card.rarity-epic{background:linear-gradient(180deg,#f6ecff,#e5d0ff)}
.cosmetic-card.rarity-rare{background:linear-gradient(180deg,#eaf3ff,#cfe4ff)}
.cosmetic-card.rarity-uncommon{background:linear-gradient(180deg,#eafff0,#c9f5d6)}
.cosmetic-card.rarity-common{background:linear-gradient(180deg,#f4f5f7,#e5e7eb)}
.cosmetic-card.rarity-mythic,.cosmetic-card.rarity-exotic{background:linear-gradient(180deg,#fff4df,#ffd27a)}
.cosmetic-card.rarity-icon,.cosmetic-card.rarity-gaminglegends,.cosmetic-card.rarity-marvel,.cosmetic-card.rarity-dc,.cosmetic-card.rarity-starwars,.cosmetic-card.rarity-dark{background:linear-gradient(180deg,#efeaff,#d7c8ff)}
.cosmetic-picker-empty,.cosmetic-picker-loading{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:220px;
  color:#6b7288;
  font-size:14px;
  text-align:center;
  padding:24px;
}
.cosmetic-picker-empty b{display:block;color:#111827;margin-bottom:6px}
.swal2-popup.cosmetic-picker-popup{width:min(920px,96vw)!important;padding:1.25rem 1.25rem 1rem}
.swal2-popup.cosmetic-picker-popup .swal2-html-container{margin:0;overflow:visible}
.swal2-popup.cosmetic-picker-popup .swal2-actions{margin-top:12px}

/* Readiness controls */
.readiness-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.readiness-action{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:#fff;
  border-radius:12px;
  padding:12px 10px;
  font:600 12px Inter,system-ui,sans-serif;
  cursor:pointer;
  transition:transform .12s ease, border-color .12s ease, background .12s ease;
}
.readiness-action:hover{transform:translateY(-1px);border-color:rgba(126,234,255,.45)}
.readiness-action.is-ready{background:linear-gradient(180deg,rgba(11,189,139,.22),rgba(11,189,139,.08));border-color:rgba(11,189,139,.45)}
.readiness-action.is-active{box-shadow:0 0 0 2px rgba(126,234,255,.28)}
.readiness-action.is-toggle{grid-column:1 / -1;opacity:.9}
#readinessBtn.is-ready{border-color:rgba(11,189,139,.5)!important}
.party-member.is-ready span{background:linear-gradient(145deg,#0bbd8b,#149e73)!important}
.readiness-picker{text-align:left}
.readiness-picker-current{margin:0 0 14px;color:#5b6478;font-size:14px}
.readiness-picker-current b{color:#111827}
.readiness-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.readiness-choice{
  appearance:none;
  border:1px solid #e5e7ef;
  background:#f7f8fc;
  border-radius:16px;
  padding:18px 14px;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:flex-start;
  transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.readiness-choice:hover{transform:translateY(-2px);border-color:#5b7cfa;box-shadow:0 10px 24px rgba(55,84,180,.14)}
.readiness-choice.is-selected{border-color:#3b5bdb;box-shadow:0 0 0 2px rgba(59,91,219,.2)}
.readiness-choice.is-ready{background:linear-gradient(180deg,#eafff4,#d7f8e8)}
.readiness-choice.is-not-ready{background:linear-gradient(180deg,#f7f8fc,#eef1f7)}
.readiness-choice span{font-size:18px;color:#0bbd8b}
.readiness-choice.is-not-ready span{color:#7d8295}
.readiness-choice b{font:700 16px Inter,system-ui,sans-serif;color:#151a28}
.readiness-choice small{color:#6b7288;font-size:12px}

/* Friends invite picker */
.friends-picker{text-align:left}
.friends-picker-list{max-height:520px;overflow:auto}
.friend-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:12px 4px;
  border-bottom:1px solid #e7e9f2;
}
.friend-row-actions{display:flex;align-items:center;gap:12px}
.friend-invite-btn{
  border:0;
  border-radius:10px;
  background:linear-gradient(135deg,#3b5bdb,#5b7cfa);
  color:#fff;
  font:600 12px Inter,system-ui,sans-serif;
  padding:8px 12px;
  cursor:pointer;
}
.friend-invite-btn:disabled{opacity:.45;cursor:not-allowed;background:#9aa3b8}
.app-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}

/* Platform picker */
.platform-picker{text-align:left}
.platform-picker-current{margin:0 0 14px;color:#5b6478;font-size:14px}
.platform-picker-current b{color:#111827}
.platform-picker-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
  gap:10px;
  max-height:min(56vh,480px);
  overflow:auto;
}
.platform-choice{
  appearance:none;
  border:1px solid #e5e7ef;
  background:linear-gradient(180deg,#f7f8fc,#eef1f8);
  border-radius:14px;
  padding:14px 12px;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:flex-start;
  transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.platform-choice:hover{
  transform:translateY(-2px);
  border-color:#5b7cfa;
  box-shadow:0 10px 24px rgba(55,84,180,.14);
}
.platform-choice.is-selected{
  border-color:#3b5bdb;
  box-shadow:0 0 0 2px rgba(59,91,219,.22);
  background:linear-gradient(180deg,#eaf0ff,#dce6ff);
}
.platform-choice b{font:700 15px Inter,system-ui,sans-serif;color:#151a28}
.platform-choice small{color:#6b7288;font-size:12px}