/* Home screen artwork and building icon refresh. */

.home-frame {
  background-image:
    linear-gradient(180deg, rgba(7, 18, 13, .18) 0%, rgba(6, 15, 10, .42) 48%, rgba(3, 8, 6, .68) 100%),
    url('/assets/home-background-v20261024-1.webp') !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-frame::before {
  background:
    radial-gradient(circle at 50% 22%, rgba(255, 206, 111, .12), transparent 34%),
    linear-gradient(180deg, rgba(4, 12, 8, .08), rgba(3, 9, 6, .42));
}

.home-title-box,
.home-message,
.home-loading,
.home-income-note {
  border-color: rgba(229, 196, 116, .46);
  background: linear-gradient(145deg, rgba(29, 51, 34, .88), rgba(9, 20, 13, .92));
  box-shadow: inset 0 1px rgba(255, 245, 199, .08), 0 5px 15px rgba(0, 0, 0, .32);
  backdrop-filter: blur(5px);
}

.home-back-button {
  border-color: rgba(231, 199, 119, .62);
  color: #fff0bd;
  background: linear-gradient(145deg, #365e3e, #193021);
  box-shadow: inset 0 1px rgba(255, 255, 255, .12), 0 4px 11px rgba(0, 0, 0, .32);
}

.home-card {
  border-color: rgba(229, 196, 116, .42);
  background: linear-gradient(112deg, rgba(35, 63, 42, .93), rgba(12, 25, 17, .96) 72%);
  box-shadow: inset 0 1px rgba(255, 243, 190, .07), 0 7px 18px rgba(0, 0, 0, .32);
  backdrop-filter: blur(5px);
}

.home-card.boost {
  border-color: rgba(153, 203, 184, .5);
  background: linear-gradient(112deg, rgba(31, 61, 49, .94), rgba(10, 25, 20, .97) 72%);
}

.home-card > .home-card-icon {
  width: 66px;
  height: 66px;
  border: 1px solid rgba(235, 206, 133, .45);
  border-radius: 16px;
  background-color: rgba(9, 22, 14, .62);
  background-image: url('/assets/home-icons-v20261024-1.webp');
  background-repeat: no-repeat;
  background-size: 300% 200%;
  box-shadow: inset 0 1px 5px rgba(255, 235, 170, .13), 0 4px 11px rgba(0, 0, 0, .38);
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .32));
}

.home-card > .home-card-icon img {
  visibility: hidden;
}

.home-section:nth-of-type(1) .home-list > .home-card:nth-child(1) > .home-card-icon {
  background-position: 0 0;
}

.home-section:nth-of-type(1) .home-list > .home-card:nth-child(2) > .home-card-icon {
  background-position: 50% 0;
}

.home-section:nth-of-type(1) .home-list > .home-card:nth-child(3) > .home-card-icon {
  background-position: 100% 0;
}

.home-section:nth-of-type(2) .home-list > .home-card:nth-child(1) > .home-card-icon {
  background-position: 0 100%;
}

.home-section:nth-of-type(2) .home-list > .home-card:nth-child(2) > .home-card-icon {
  background-position: 50% 100%;
}

.home-section:nth-of-type(2) .home-list > .home-card:nth-child(3) > .home-card-icon {
  background-position: 100% 100%;
}

.home-card-effect {
  display: inline-flex;
  min-height: 20px;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  color: #b7f5a7;
}

.home-card-effect .home-currency-icon {
  width: 18px;
  height: 18px;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .8));
}

.home-action-button {
  border-color: rgba(236, 197, 105, .7);
  color: #fff0bb;
  background: linear-gradient(145deg, #6e4a1e, #3d2510);
  box-shadow: inset 0 1px rgba(255, 239, 183, .12), 0 3px 9px rgba(0, 0, 0, .3);
}

@media (max-width: 360px) {
  .home-card > .home-card-icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
  }
}