.h3d-room {
  font-size: 10.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: rgba(220, 214, 255, .55); white-space: nowrap; user-select: none;
}
.h3d-dev {
  display: grid; gap: 1px; padding: 6px 10px; border-radius: 10px;
  background: rgba(15, 13, 26, .85); border: 1px solid rgba(255,255,255,.12);
  font-size: 11px; white-space: nowrap; color: #cfcae3; user-select: none;
  backdrop-filter: blur(6px); transform: translateY(-4px);
}
.h3d-dev b { font-weight: 600; color: #f4f2fb; }
.h3d-dev span { color: #8d88a6; font-size: 10.5px; }
.h3d-dev.on { border-color: rgba(251,191,36,.55); box-shadow: 0 0 18px -4px rgba(251,191,36,.5); }
.h3d-dev.on span { color: #fbbf24; }
@media (max-width: 560px) { .h3d-dev { font-size: 10px; padding: 4px 7px; } .h3d-dev span { display: none; } }