/* Opt-in music controls, scoped to quest. Loaded after 1.4.0 styles. */
.hq .hq-music-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 187, 121, .45);
  border-radius: 14px;
  background: rgba(12, 13, 25, .84);
  backdrop-filter: blur(9px);
}
.hq .hq-music-volume {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 118px;
  color: #ffe1bc;
  font-size: 12px;
  font-weight: 700;
}
.hq #hqVolume { width: 120px; max-width: 100%; min-height: 23px; cursor: pointer; accent-color: #f7b66d; }
.hq .hq-music-status { width: 100%; font-size: 12px; color: #d8c4bd; line-height: 1.35; }
.hq .hq-music-toggle { background: #a65b2a; border-color: #f1b17a; color: white; }
.hq .hq-music-toggle:hover, .hq .hq-music-toggle:focus-visible { background: #ba6b33; }
@media(max-width:760px) {
  .hq .hq-music-controls { width: 100%; justify-content: space-between; }
  .hq #hqMotion { flex: 0 0 auto; }
  .hq .hq-music-status { flex-basis: 100%; }
}
@media(max-width:420px) {
  .hq .hq-music-toggle { flex: 1 1 100%; }
  .hq .hq-music-volume { flex: 1; }
  .hq #hqVolume { width: 100%; }
}