/* PLAYER LOBBY — PERFIL FINAL */

#profileCard {
  padding: 0 !important;
  overflow: hidden !important;
}

#profileCard .player-lobby-shell {
  padding: 22px 16px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 10px !important;
}

#profileCard .player-lobby-kicker {
  width: 100% !important;
  margin: 0 auto 8px !important;
  padding: 10px 12px !important;
  border-radius: 999px;
  color: #fbbf24;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 1.5px;
  background: rgba(0,0,0,.38);
  border: 1px solid rgba(245,158,11,.35);
}

#profileCard .player-lobby-avatar {
  width: 100% !important;
  height: 190px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto !important;
}

#profileCard .player-lobby-avatar .bebcom-character.compact {
  transform: scale(.88) !important;
  transform-origin: center !important;
}

#profileCard .char-stage-badge {
  display: none !important;
}

#profileCard .player-lobby-stage {
  width: auto !important;
  margin: 4px auto 2px !important;
  padding: 8px 18px !important;
  border-radius: 999px;
  color: #fff;
  font-size: 13px;
  font-weight: 950;
  background: rgba(0,0,0,.42);
  border: 1px solid rgba(6,182,212,.45);
}

#profileCard h2 {
  margin: 4px 0 0 !important;
  font-size: 42px !important;
  line-height: 1 !important;
}

#profileCard .player-lobby-class {
  display: none !important;
}

#profileCard .player-lobby-xp-row {
  width: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
  color: #fbbf24;
  font-weight: 950;
  margin-top: 8px !important;
}

#profileCard .player-lobby-xp {
  width: 100% !important;
  height: 16px !important;
  margin: 0 !important;
}

#profileCard .player-lobby-xp-text {
  margin: 0 0 8px !important;
  color: #94a3b8 !important;
  font-size: 13px;
  font-weight: 800;
}

#profileCard .player-lobby-stats {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
  margin: 8px 0 10px !important;
}

#profileCard .player-lobby-stats .stat {
  min-height: 86px !important;
  border-radius: 20px !important;
}

#profileCard .player-lobby-actions {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 6px 0 0 !important;
}

#profileCard .player-lobby-actions button {
  width: min(280px, 92%) !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  color: #fff !important;
  font-weight: 950 !important;
  background: linear-gradient(135deg, #f97316, #dc2626) !important;
  border: none !important;
  box-shadow: 0 10px 26px rgba(249,115,22,.25) !important;
}

#profileCard .player-lobby-actions button:nth-child(2) {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(249,115,22,.35) !important;
  box-shadow: none !important;
}

@media (max-width:720px){
  body:not([data-mobile-view="profile"]) #profileCard {
    display: none !important;
  }

  body[data-mobile-view="profile"] #mobileScanFab {
    display: none !important;
  }
}

/* CENÁRIO EVOLUTIVO DO PERSONAGEM */

.evolution-stage {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 28px;
}

.evolution-stage .bebcom-character {
  position: relative;
  z-index: 5;
}

.evolution-bg-stars,
.evolution-bg-planet,
.evolution-bg-portal,
.evolution-bg-floor {
  position: absolute;
  pointer-events: none;
}

.evolution-bg-stars {
  inset: 0;
  background:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.65) 0 1px, transparent 2px),
    radial-gradient(circle at 80% 25%, rgba(255,255,255,.45) 0 1px, transparent 2px),
    radial-gradient(circle at 68% 70%, rgba(245,158,11,.45) 0 1px, transparent 2px);
  opacity: .18;
  z-index: 1;
}

.evolution-bg-planet {
  width: 95px;
  height: 95px;
  right: 14%;
  top: 18%;
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 25%, rgba(255,255,255,.7), transparent 18%),
    linear-gradient(135deg, rgba(249,115,22,.45), rgba(220,38,38,.18));
  opacity: 0;
  filter: blur(.2px);
  z-index: 1;
}

.evolution-bg-portal {
  width: 150px;
  height: 150px;
  left: 50%;
  top: 42%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 2px solid rgba(6,182,212,.28);
  box-shadow: 0 0 38px rgba(6,182,212,.18);
  opacity: 0;
  z-index: 2;
}

.evolution-bg-floor {
  width: 160px;
  height: 34px;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(6,182,212,.32), transparent 70%);
  opacity: .45;
  z-index: 2;
}

/* XP 100+ */
.evolution-stage-2 .evolution-bg-stars {
  opacity: .28;
}

.evolution-stage-2 .evolution-bg-floor {
  opacity: .62;
}

/* XP 200+ */
.evolution-stage-3 .evolution-bg-portal {
  opacity: .75;
  animation: portalPulse 3.2s ease-in-out infinite;
}

.evolution-stage-3 .evolution-bg-stars {
  opacity: .38;
}

/* XP 300+ */
.evolution-stage-4 .evolution-bg-planet {
  opacity: .7;
}

.evolution-stage-4 .evolution-bg-portal {
  opacity: .8;
}

/* XP 400+ */
.evolution-stage-5 {
  background:
    radial-gradient(circle at 50% 40%, rgba(6,182,212,.14), transparent 34%),
    radial-gradient(circle at 80% 20%, rgba(249,115,22,.18), transparent 26%);
}

.evolution-stage-5 .evolution-bg-stars {
  opacity: .55;
}

/* XP 500+ */
.evolution-stage-6 {
  background:
    radial-gradient(circle at 50% 42%, rgba(6,182,212,.22), transparent 34%),
    radial-gradient(circle at 80% 20%, rgba(249,115,22,.28), transparent 26%),
    radial-gradient(circle at 20% 25%, rgba(220,38,38,.18), transparent 28%);
}

.evolution-stage-6 .evolution-bg-stars {
  opacity: .75;
  animation: starsDrift 6s linear infinite;
}

.evolution-stage-6 .evolution-bg-planet,
.evolution-stage-6 .evolution-bg-portal {
  opacity: .9;
}

@keyframes portalPulse {
  0%,100% { transform: translate(-50%, -50%) scale(.94); opacity: .55; }
  50% { transform: translate(-50%, -50%) scale(1.08); opacity: .9; }
}

@keyframes starsDrift {
  from { transform: translateY(0); }
  to { transform: translateY(-12px); }
}