#partyPanel{
  position:fixed;
  right:10px;
  top:74px;
  width:220px;
  max-height:52vh;
  padding:8px;
  z-index:75;
  background:rgba(8,12,24,.88);
  border:1px solid rgba(110,210,255,.55);
  border-radius:12px;
  box-shadow:0 0 14px rgba(0,180,255,.22);
  color:#fff;
  font-family:Arial, sans-serif;
  font-size:12px;
  backdrop-filter:blur(6px);
}
#partyPanel.party-collapsed .partyBody{display:none;}
#partyPanel.party-collapsed{width:auto;}
.partyHeader{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;}
.partyHeader b{font-size:13px;color:#9feaff;text-shadow:0 0 6px rgba(0,200,255,.55);}
.partyHeader button,.partyBtns button,.partyInviteActions button,.partyMemberBtns button{
  border:1px solid rgba(255,255,255,.24);
  border-radius:8px;
  background:rgba(255,255,255,.10);
  color:#fff;
  padding:5px 7px;
  font-size:11px;
}
.partyHeader button:active,.partyBtns button:active,.partyInviteActions button:active,.partyMemberBtns button:active{transform:scale(.96);}
.partyStatus{color:#cfeaff;font-size:11px;margin:4px 0 6px;}
.partyInviteRow{display:flex;gap:5px;margin-bottom:7px;}
.partyInviteRow input{
  min-width:0;
  flex:1;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.28);
  color:#fff;
  padding:6px;
  font-size:12px;
}
.partyBtns{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:7px;}
.partyMembers{display:flex;flex-direction:column;gap:5px;overflow:auto;max-height:28vh;}
.partyMember{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  border-radius:10px;
  padding:6px;
}
.partyMemberTop{display:flex;justify-content:space-between;gap:6px;align-items:center;}
.partyLeader{color:#ffd35a;font-weight:bold;}
.partyBars{margin-top:4px;font-size:10px;color:#dcefff;}
.partyBar{height:4px;background:rgba(0,0,0,.45);border-radius:999px;overflow:hidden;margin-top:2px;}
.partyBar span{display:block;height:100%;background:linear-gradient(90deg,#26ff73,#b7ff5a);}
.partyBar.mana span{background:linear-gradient(90deg,#39a7ff,#9d5cff);}
.partyMemberBtns{display:flex;gap:4px;margin-top:5px;}
.partyMemberBtns button{font-size:10px;padding:4px 5px;}
.partyInviteBox{
  margin-top:7px;
  padding:6px;
  border-radius:10px;
  border:1px solid rgba(255,225,120,.5);
  background:rgba(80,55,0,.38);
}
.partyInviteActions{display:flex;gap:5px;margin-top:5px;}
.partyHint{font-size:10px;color:#b8c8d8;margin-top:5px;line-height:1.25;}
@media (orientation: landscape){
  #partyPanel{top:48px;right:8px;width:250px;max-height:70vh;}
  .partyMembers{max-height:34vh;}
}


/* ===== AJUSTE MOBILE: Party 20% menor + botão abaixo do inventário ===== */
/* Compacta o painel/lista do grupo para não cobrir controles */
#partyPanel,
.party-panel,
.partyPanel,
#partyUI,
.party-ui{
  transform: scale(.80) !important;
  transform-origin: top right !important;
  max-width: min(320px, 92vw) !important;
  font-size: 80% !important;
}

#partyPanel *,
.party-panel *,
.partyPanel *,
#partyUI *,
.party-ui *{
  font-size: .92em;
}

#partyPanel input,
#partyPanel button,
.party-panel input,
.party-panel button,
.partyPanel input,
.partyPanel button,
#partyUI input,
#partyUI button,
.party-ui input,
.party-ui button{
  min-height: 24px !important;
  padding: 4px 7px !important;
}

/* Botão de grupo/party abaixo do botão novo do inventário */
#partyToggle,
#partyBtn,
#btnParty,
#openParty,
.party-toggle,
.partyButton{
  position: fixed !important;
  top: max(98px, calc(env(safe-area-inset-top) + 98px)) !important;
  right: max(10px, env(safe-area-inset-right)) !important;
  left: auto !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 9px !important;
  font-size: 16px !important;
  z-index: 10048 !important;
}

/* Em paisagem deixa ainda mais compacto */
@media (orientation: landscape){
  #partyPanel,
  .party-panel,
  .partyPanel,
  #partyUI,
  .party-ui{
    transform: scale(.80) !important;
  }

  #partyToggle,
  #partyBtn,
  #btnParty,
  #openParty,
  .party-toggle,
  .partyButton{
    top: max(90px, calc(env(safe-area-inset-top) + 90px)) !important;
    right: max(10px, env(safe-area-inset-right)) !important;
    width: 34px !important;
    height: 34px !important;
    font-size: 15px !important;
  }
}