.topbar { display: none; }
.social-card {
  aspect-ratio: 1;
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 18px 6px 12px;
  gap: 6px;
}
.social-card:hover { box-shadow: none; filter: drop-shadow(0 0 5px #9bb6f4); }
.social-card { padding: 10px 4px 8px; }
.social-card .social-icon { width: 60%; max-width: 80px; height: auto; aspect-ratio: 1; flex-shrink: 0; }
.social-card .social-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
.social-card .social-name { font-size: clamp(12px, 1.5vw, 17px); }
body {
  background-image: linear-gradient(180deg, #10214b18, #10214b44), url('assets/garden-background-desktop.b57e450e0915.webp');
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.hero-art {
  background-image: url('assets/elune-character.9911425ae99a.webp');
  background-size: auto 125%;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 0;
  box-shadow: none;
}
.hero-art::after { display: none; }
.avatar {
  background-color: #e8edff;
  background-image: url('assets/elune-character.9911425ae99a.webp');
  background-size: 230% auto;
  background-position: 51% 27%;
  background-repeat: no-repeat;
}
.about-image {
  background-color: #e8edff;
  background-image: url('assets/elune-character.9911425ae99a.webp');
  background-size: 200% auto;
  background-position: 51% 27%;
  background-repeat: no-repeat;
}
.gallery-thumb.garden, .gallery-thumb.moon {
  background-image: url('assets/garden-background-desktop.b57e450e0915.webp');
  background-size: cover;
  background-position: center;
}
.gallery-thumb.portrait {
  background-image: url('assets/elune-character.9911425ae99a.webp');
  background-size: 230% auto;
  background-position: 51% 27%;
  background-color: #e8edff;
}
@media (max-width: 700px) {
  body {
    background-image: linear-gradient(180deg, #10214b12, #10214b30), url('assets/garden-background-mobile.ad284d121f06.webp');
    background-size: cover;
    background-position: center top;
    background-attachment: scroll;
  }
  .hero-art { height: clamp(360px, 120vw, 560px); background-size: auto 125%; background-position: center top; }
  .profile { margin-top: -180px; }
}

.social-card { background: transparent; border: 0; box-shadow: none; }
.soft-button::before { display: none; }
#dismiss { position: relative; width: min(240px, 100%); min-height: 64px; padding: 14px 26px; border: 0; background: url('assets/action-button-frame.3d57c7ea942b.webp') center top / 100% 300% no-repeat; border-radius: 0; color: #253e82; font-size: 18px; }
#dismiss::before { display: none; }
#dismiss:hover { background-color: transparent; box-shadow: none; filter: drop-shadow(0 0 4px #b5c7f9); }
.about-panel .soft-button { width: min(190px, 100%); min-height: 54px; padding: 10px 20px; gap: 8px; border: 0; border-radius: 0; color: #253e82; background: url('assets/action-button-frame.3d57c7ea942b.webp') center top / 100% 300% no-repeat; }
.about-panel .soft-button:hover { background-color: transparent; box-shadow: none; filter: drop-shadow(0 0 4px #b5c7f9); }
.gallery-panel .soft-button, .contact-panel .soft-button { width: min(190px, 100%); min-height: 54px; padding: 10px 20px; gap: 8px; border: 0; border-radius: 0; color: #253e82; background: url('assets/action-button-frame.3d57c7ea942b.webp') center top / 100% 300% no-repeat; }
.gallery-panel .soft-button:hover, .contact-panel .soft-button:hover { background-color: transparent; box-shadow: none; filter: drop-shadow(0 0 4px #b5c7f9); }