/* One transparent pixel-art asset shared by the site and character entry. */
.tryworld-logo {
  display: block;
  height: auto;
  image-rendering: pixelated;
  object-fit: contain;
}
.brand.brand--image {
  display: block;
  min-width: 0;
  line-height: 0;
}
.brand.brand--image .tryworld-logo {
  width: 190px;
  height: auto;
  max-width: none;
  filter: drop-shadow(0 3px 2px #0006);
}
.hero h1.hero-logo {
  width: min(660px, 100%);
  max-width: 100%;
  margin: 9px auto 15px;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  text-shadow: none;
}
.hero-logo > .tryworld-logo {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 8px 5px #0008);
}
.hero:has(.hero-logo) .hero-content {
  padding-block: 43px 45px;
}
.creation-heading .entry-logo {
  width: min(240px, 84%);
  height: auto;
  margin: 0 auto 6px;
  filter: drop-shadow(0 4px 3px #0008);
}
.creation-heading h1.entry-title {
  font-size: 30px;
  line-height: 1.2;
}
.creation-heading:has(.entry-logo) > p:last-child {
  margin: 5px 0 12px;
}
@media (max-width: 760px) {
  .brand.brand--image .tryworld-logo { width: 158px; }
}
@media (max-width: 540px) {
  .brand.brand--image .tryworld-logo { width: 132px; }
  .hero h1.hero-logo { width: min(390px, 100%); margin-block: 14px 17px; }
  .hero:has(.hero-logo) .hero-content { padding-block: 35px 37px; }
  .creation-heading .entry-logo { width: min(235px, 86%); }
  .creation-heading h1.entry-title { font-size: 27px; }
}
@media (max-width: 360px) {
  .brand.brand--image .tryworld-logo { width: 110px; }
  .creation-heading .entry-logo { width: min(210px, 86%); }
}
@media (min-width: 601px) and (max-height: 780px) {
  .creation-heading .entry-logo { width: 198px; margin-bottom: 4px; }
  .creation-heading h1.entry-title { font-size: 28px; }
  .creation-heading:has(.entry-logo) > p:last-child { margin-block: 4px 10px; }
}