.menu-currency {
  position: absolute;
  top: 16px; left: 16px;
  display: flex; align-items: center; gap: 0;
  background: #0a0a0a;
  border: 1px solid #1e1e1e;
  border-radius: 24px;
  padding: 6px 14px;
  z-index: 50;
  animation: settingsFadeIn 0.3s ease both;
  box-shadow: 0 2px 12px rgba(0,0,0,0.4);
}
.currency-item {
  display: flex; align-items: center; gap: 6px;
  padding: 0 8px;
}
.currency-icon { font-size: 18px; line-height: 1; }
.currency-val { font-size: 15px; font-weight: 800; color: #fff; min-width: 24px; }
.currency-divider { width: 1px; height: 22px; background: #1e1e1e; margin: 0 4px; }
.currency-icon-coin {
  display: inline-block;
  width: 18px; height: 18px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #ffe066, #f0a800 55%, #c07800);
  border: 2px solid #c07800;
  box-shadow: inset 0 -2px 3px rgba(0,0,0,0.25), 0 1px 4px rgba(240,168,0,0.5);
  position: relative;
}
.currency-icon-coin::after {
  content: '';
  position: absolute;
  top: 2px; left: 50%; transform: translateX(-50%);
  width: 6px; height: 6px;
  border-radius: 50%;
  background: rgba(255,255,255,0.35);
}
.currency-icon-crystal {
  display: inline-block;
  width: 16px; height: 18px;
  position: relative;
  background: linear-gradient(160deg, #a5f3fc 0%, #0ea5e9 40%, #0369a1 100%);
  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
  box-shadow: 0 0 8px rgba(14,165,233,0.6);
}
.currency-icon-crystal::after {
  content: '';
  position: absolute;
  top: 3px; left: 3px;
  width: 4px; height: 5px;
  background: rgba(255,255,255,0.5);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.currency-item:hover .currency-icon-coin { animation: coinBounce 0.4s ease; }
.currency-item:hover .currency-icon-crystal { animation: float 1s ease infinite; }
.menu-profile {
  position: absolute;
  top: 16px; right: 16px;
  display: flex; align-items: center; gap: 12px;
  background: #0a0a0a;
  border: 1px solid #1e1e1e;
  border-radius: 24px;
  padding: 6px 16px 6px 8px;
  z-index: 50;
  animation: settingsFadeIn 0.3s ease both;
  box-shadow: 0 2px 12px rgba(0,0,0,0.4);
}
.menu-avatar-wrap {
  position: relative;
  width: 52px; height: 52px; flex-shrink: 0;
}
.menu-avatar {
  width: 52px; height: 52px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #2563eb;
  box-shadow: 0 0 12px rgba(37,99,235,0.35);
  transition: box-shadow 0.2s, transform 0.2s;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.menu-avatar-wrap:hover .menu-avatar {
  box-shadow: 0 0 20px rgba(37,99,235,0.6);
  transform: scale(1.06);
}
.menu-avatar-placeholder {
  width: 52px; height: 52px;
  border-radius: 50%;
  background: #111; border: 2px solid #222;
  display: flex; align-items: center; justify-content: center;
  font-size: 20px; font-weight: 800; color: #444;
  transition: transform 0.2s;
}
.menu-avatar-wrap:hover .menu-avatar-placeholder { transform: scale(1.06); }
.menu-avatar-upload {
  position: absolute; inset: 0;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: rgba(0,0,0,0.55);
  opacity: 0; cursor: pointer;
  transition: opacity 0.15s;
  font-size: 15px; color: #fff;
}
.menu-avatar-wrap:hover .menu-avatar-upload { opacity: 1; }
.menu-profile-info { display: flex; flex-direction: column; gap: 2px; }
.menu-profile-name { font-size: 14px; font-weight: 800; color: #fff; }
.menu-profile-rating { font-size: 11px; color: #444; }