/*
 * Syncrota Interactive Wheel
 * Interactive implementation © 2026 Imran Ali.
 *
 * File: css/syncrota-symbols.css
 * Role: very faint zodiac and planet symbols (assets/symbols.svg) behind the page, and behind the
 * wheel. Loaded after the other stylesheets; !important is needed because the theme rules set the whole
 * `background` shorthand at higher specificity. Colours stay as the themes set them; only the image is added.
 */
body,
#wheelWrap {
  background-image: url("../assets/symbols.svg") !important;
  background-repeat: repeat !important;
  background-size: 360px 360px !important;
}