/* Live identity presentation. The body account attribute is the sole visual
   state switch; data and authority continue to come from the live client. */

#wallet-coins {
  --wallet-colour: var(--amber);
  --wallet-glow: rgba(var(--amber-rgb), 0.32);
}

#wallet-tags {
  --wallet-colour: var(--cyan);
  --wallet-glow: rgba(var(--cyan-rgb), 0.32);
}

[data-gv-when][hidden] {
  display: none !important;
}

body[data-lobby-account="loading"] [data-gv-when]:not([data-gv-when="loading"]),
body[data-lobby-account="logged-out"] [data-gv-when]:not([data-gv-when="logged-out"]),
body[data-lobby-account="guest"] [data-gv-when]:not([data-gv-when="guest"]),
body[data-lobby-account="account"] [data-gv-when]:not([data-gv-when="account"]) {
  display: none !important;
}

.profile__identity {
  display: contents;
}

.profile__avatar-placeholder {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  color: #8c96a1;
  font-size: 15px;
}

body[data-lobby-account="loading"] .profile__trigger {
  pointer-events: none;
}

body[data-lobby-account="loading"] .profile__avatar-placeholder,
body[data-lobby-account="loading"] .profile__name,
body[data-lobby-account="loading"] .profile__level,
body[data-lobby-account="loading"] .wallet {
  opacity: 0.62;
}

body[data-lobby-account="logged-out"] .profile__avatar-placeholder {
  color: #b6bec7;
}

.profile__xp::after {
  right: auto;
  width: var(--gv-xp, 0%);
}

body:not([data-lobby-account="account"]) .profile__xp::after {
  width: 0;
  box-shadow: none;
}

body[data-lobby-account="logged-out"] .popover--profile,
body[data-lobby-account="guest"] .popover--profile {
  width: 268px;
}

.gv-convert--logged-out .gv-convert__actions {
  padding-top: 4px;
}

body:not([data-lobby-account="account"]) .wallet {
  color: #8a949f;
}

body:not([data-lobby-account="account"]) .resource__value {
  color: #a8b0b8;
}

.panel--identity .xp {
  --xp: 0%;
}

body[data-lobby-account="loading"] .panel--identity .rank-badge,
body[data-lobby-account="logged-out"] .panel--identity .rank-badge {
  opacity: 0.28;
  filter: grayscale(1);
}

body[data-lobby-account="loading"] .panel--identity .rank-badge img,
body[data-lobby-account="logged-out"] .panel--identity .rank-badge img,
body[data-lobby-account="account"] .panel--identity[aria-busy="true"] .rank-badge img,
.panel--identity[data-state="unavailable"] .rank-badge img,
[data-gv-profile-rank]:not([data-state="ready"]) {
  visibility: hidden;
}

body[data-lobby-account="loading"] .panel--identity .xp__fill,
body[data-lobby-account="logged-out"] .panel--identity .xp__fill,
body[data-lobby-account="guest"] .panel--identity .xp__fill {
  width: 0 !important;
  box-shadow: none;
}

body[data-lobby-account="loading"] .combat-record,
body[data-lobby-account="logged-out"] .combat-record {
  --identity-data-opacity: 0.52;
}

body[data-lobby-account="loading"] .combat-record__body,
body[data-lobby-account="logged-out"] .combat-record__body {
  opacity: var(--identity-data-opacity);
}

[data-gv-gate][aria-disabled="true"] {
  pointer-events: auto;
  cursor: pointer;
}

#guest-name-modal-backdrop .modal {
  position: relative;
}

#guest-name-modal-backdrop input {
  box-sizing: border-box;
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.085);
  border-radius: 4px;
  outline: 0;
  background: #070a0e;
  color: #eef2f5;
  caret-color: var(--amber);
  font-family: Rajdhani, "Arial Narrow", sans-serif;
  font-size: 16px;
  font-weight: 700;
}

#guest-name-modal-backdrop input:focus {
  border-color: rgba(var(--amber-rgb), 0.55);
  box-shadow: 0 0 0 2px rgba(var(--amber-rgb), 0.08);
}

#guest-name-modal-backdrop .helper-text {
  margin-top: 6px;
  color: var(--muted-text);
  font-size: 12px;
  line-height: 1.4;
}

#guest-name-modal-backdrop .modal-actions > button {
  flex: 1 1 0;
}