/* ── Ground ──────────────────────────────────────────────────────────────────── */
/* Paired with: #ground in index.html                                            */

#ground {
  position: absolute;
  bottom: -14px;
  left: 0;
  width: 100%;
  height: calc(12% + 14px);
  background: linear-gradient(
    180deg,
    #1a1208 0%,
    #0d0a06 60%,
    #080604 100%
  );
  z-index: 3;
  animation: floatNear 8s ease-in-out infinite;
}

@keyframes floatNear {
  0%, 100% { transform: translateY(0);    }
  50%       { transform: translateY(-9px); }
}

/* Wheat field texture */
#ground::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    repeating-linear-gradient(
      88deg,
      transparent 0px,
      transparent 3px,
      rgba(200,148,58,0.06) 3px,
      rgba(200,148,58,0.06) 4px
    );
}