/* Neutral placeholders never show the previous farm's children while loading. */
.avatar,.avatar.eden,.avatar.ian {
  position: relative;
  background-image: var(--farm-portrait-eden, none);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff8e9;
}
.avatar.ian { background-image: var(--farm-portrait-ian, none); }
.avatar::before { content: '바'; position: absolute; inset: 0; display: grid; place-items: center; color: #6d9abc; font-family: Garden,Pretendard,sans-serif; font-size: 1em; }
.avatar.ian::before { content: '하'; color: #c78d51; }
.farm-character-eden-ready .avatar.eden::before,
.farm-character-ian-ready .avatar.ian::before { display: none; }
img[data-farm-character] { opacity: 0; }
img[data-farm-character].farm-character-ready { opacity: 1; }
.profile-shell .profile-art > img.profile-character {
  position: relative;
  inset: auto;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center bottom;
  mix-blend-mode: normal;
  transform: none;
}
.home-static-scene { position: absolute; inset: 0; overflow: hidden; }
.home-static-scene > .home-static-orchard { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: right 60%; }
.home-static-scene > .home-static-character { position: absolute; bottom: 8%; height: 76%; width: 32%; object-fit: contain; object-position: center bottom; }
.home-static-scene > .home-static-eden { left: 43%; }
.home-static-scene > .home-static-ian { left: 69%; height: 70%; }
.home-motion-ready > .home-static-scene { visibility: hidden; }
@media (max-width:600px) {
  .home-static-scene { inset: auto 0 0; height: var(--home-scene-height,260px); }
  .home-static-scene > .home-static-character { width: 43%; }
  .home-static-scene > .home-static-eden { left: 16%; }
  .home-static-scene > .home-static-ian { left: 52%; }
}
@media (max-width:370px) { .home-static-scene { height: 235px; } }