/* pkstuff: hide inactive overlays completely (not just opacity) */
#credits,
#createcharacter,
#loadcharacter,
#confirmation,
#death,
#error,
#about,
#legal {
  position: absolute !important;
  left: 50%;
  display: none !important;
}

.credits #credits,
.createcharacter #createcharacter,
.loadcharacter #loadcharacter,
.confirmation #confirmation,
.death #death,
.error #error,
.about #about,
.legal #legal {
  display: block !important;
}

#portrait {
  display: none !important;
}

@media screen and (max-width: 800px) and (orientation: portrait) {
  #portrait {
    display: block !important;
  }
  #parchment {
    display: none !important;
  }
}

#instructions,
#achievements,
#achievement-notification,
#dropDialog {
  display: none !important;
}

#instructions.active,
#achievements.active,
#dropDialog.active,
#achievement-notification.active {
  display: block !important;
}

.intro #container {
  display: none !important;
}

.game #container {
  display: block !important;
}