/* Lapisan latar. Tumpukan dari belakang ke depan diatur di js/scene.js */
.s-sky { position: absolute; inset: 0; }
.s-sun {
  position: absolute; left: 0; top: 0; width: min(28vw, 280px); aspect-ratio: 1; border-radius: 50%;
  /* satu-satunya cahaya lembut di halaman: matahari sebagai titik fokus latar */
  background: radial-gradient(circle, #fff7d9 0 30%, rgba(255, 226, 150, .6) 31% 52%, rgba(255, 226, 150, 0) 72%);
  will-change: transform;
}
.s-layer { position: absolute; inset: 0; width: 100%; height: 100%; transform-origin: 50% 55%; will-change: transform; overflow: visible; }
.s-bank1, .s-bank2 { transform-origin: 50% 100%; }
.wave { animation: sea-drift linear infinite; }
@keyframes sea-drift { from { transform: translateX(0); } to { transform: translateX(-200px); } }
@media (prefers-reduced-motion: reduce) { .wave { animation: none; } }