.profile-pill {
  width: auto;
  min-width: 0;
  max-width: 132px;
  gap: 7px;
  padding: 3px 12px 3px 3px;
  cursor: pointer;
}

.profile-pill:active { transform: translateY(2px); }
.profile-pill .level-ring { width: 32px; height: 32px; flex: 0 0 32px; }
.nickname-value { overflow: hidden; color: var(--theme-text); font-size: 12px; font-weight: 900; white-space: nowrap; text-overflow: ellipsis; }

.nickname-editor {
  margin: 0 0 12px;
  padding: 14px 15px 12px;
  border-radius: 20px;
  background: #fff9ef;
  box-shadow: 0 5px 13px #6f4a2c20;
}

.nickname-editor label { display: block; margin-bottom: 8px; color: #573725; font-size: 15px; font-weight: 900; }
.nickname-control { display: flex; gap: 9px; }
.nickname-control input { min-width: 0; flex: 1; height: 42px; padding: 0 13px; border: 2px solid #dfcce1; border-radius: 14px; color: var(--theme-text); background: #fff; font-size: 17px; font-weight: 900; outline: 0; }
.nickname-control input:focus { border-color: var(--theme-accent); }
.nickname-control .action { min-width: 68px; padding: 8px 12px; }
.nickname-editor p { margin: 7px 2px 0; color: #927a99; font-size: 11px; }
html.skin-rabbit .nickname-control input { border-color: #cfd2ad; }
.debug-reset { color: #fff; background: #b56b75; }