/* Remove all background colors - must override basic.css - Load this AFTER basic.css */
/* Make background image cover entire viewport without white showing through */
html {
  background-color: transparent !important;
  background: transparent !important;
  height: 100% !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

body {
  background-color: transparent !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  height: 100% !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}

#top {
  background-color: transparent !important;
  background: transparent !important;
  display: block !important;
  height: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

#ArtworkHelper { 
  background-attachment: fixed !important; 
  background-size: cover !important; 
  background-position: center center !important; 
  background-repeat: no-repeat !important; 
  position: relative !important;
  min-height: 100vh !important;
  width: 100% !important;
  height: auto !important;
  background-color: transparent !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 0 !important;
}


#Bodycontainer {
  position: relative !important;
  z-index: 1 !important;
  background-color: transparent !important;
}

/* Ensure artwork images (monster, pedestal) are visible - don't override existing z-index */
#ThemeboxesColumn {
  overflow: visible !important;
}

#RightArtwork {
  overflow: visible !important;
}

#RightArtwork #Monster {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#PedestalAndOnline {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#RightArtwork #PlayersOnline {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Decorative box-top for theme boxes - positioned inside top_level like box-bottom */
#Themeboxes .Top {
  position: absolute;
  top: -12px;
  left: -5px;
  height: 12px;
  width: 180px;
  background-repeat: no-repeat;
  z-index: 100;
}

/* Ensure outfit images appear above box-top */
#Themeboxes img[alt="player outfit"] {
  z-index: 101 !important;
}

/* Move theme boxes up to align with Server OFFLINE text */
#Themeboxes {
  margin-top: -20px !important;
}