/* One shared 3D canvas, below the original input, signal and result layers. */
#qdScene3d {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: none;
  pointer-events: none;
}
#qdStage[data-qd-renderer="webgl"] { background: #101f2c; box-shadow: none; animation: none; filter: none; }
#qdStage[data-qd-renderer="webgl"] #qdScene3d { display: block; }
#qdStage[data-qd-renderer="webgl"] #qdCharRow {
  inset: 0;
  display: block;
  padding: 0;
  pointer-events: none;
}
#qdStage[data-qd-renderer="webgl"] .qd-char {
  position: absolute;
  width: max-content;
  max-width: 140px;
  transform: translate(-50%, 0);
  transition: opacity 0.2s;
  opacity: 1;
  filter: none;
  gap: 3px;
}
#qdStage[data-qd-renderer="webgl"] .qd-char::before,
#qdStage[data-qd-renderer="webgl"] .qd-char::after,
#qdStage[data-qd-renderer="webgl"] .qd-shadow-body { display: none; }
#qdStage[data-qd-renderer="webgl"] .qd-avatar-mask {
  position: static;
  width: 25px;
  height: 25px;
  min-width: 25px;
  transform: none;
  border-width: 1px;
  box-shadow: none;
}
#qdStage[data-qd-renderer="webgl"] .qd-avatar-mask span { font-size: 17px; }
.qd-player-label { display: contents; }
.qd-player-name { display: none; }
#qdStage[data-qd-renderer="webgl"] .qd-player-label {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px 3px 4px;
  border-radius: 20px;
  border: 1px solid #b4d5df44;
  background: #071520d9;
  font-size: 12px;
  color: #e8f2ee;
  white-space: nowrap;
}
#qdStage[data-qd-renderer="webgl"] .qd-player-label .qd-player-name { display: inline; overflow: hidden; text-overflow: ellipsis; max-width: 85px; }
#qdStage[data-qd-renderer="webgl"] .self .qd-player-label { border-color: #ebc372; color: #ffe2a5; }
#qdStage[data-qd-renderer="webgl"] .glowing .qd-player-label { border-color: #86efac; color: #a7f3bd; }
#qdStage[data-qd-renderer="webgl"] .fouled .qd-player-label { border-color: #fb7185; color: #fecdd3; }
#qdStage[data-qd-renderer="webgl"] .spec { opacity: 0.5; }
#qdStage[data-qd-renderer="webgl"] .qd-wins { font-size: 11px; margin: 0; text-shadow: 0 1px 3px #000; }
#qdStage[data-qd-renderer="webgl"][data-qd-crowded="1"] .qd-player-label { font-size: 10px; gap: 3px; padding: 2px 6px 2px 3px; }
#qdStage[data-qd-renderer="webgl"][data-qd-crowded="1"] .qd-avatar-mask { width: 17px; height: 17px; min-width: 17px; }
#qdStage[data-qd-renderer="webgl"][data-qd-crowded="1"] .qd-avatar-mask span { font-size: 12px; }
#qdStage[data-qd-renderer="webgl"][data-qd-crowded="1"] .qd-wins { font-size: 8px; line-height: 10px; }
@media (max-width: 600px) {
  #qdStage[data-qd-renderer="webgl"] .qd-player-label { font-size: 11px; }
  #qdStage[data-qd-renderer="webgl"] .qd-player-label .qd-player-name { max-width: 67px; }
}