body {
  background-color: #2c1e16;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%231a120d' fill-opacity='0.4' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");
}

.wanted-poster {
  background-image:
    linear-gradient(rgba(244, 228, 188, 0.9), rgba(244, 228, 188, 0.9)),
    url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.15'/%3E%3C/svg%3E");
  border-radius: 1.6rem;
  border: 2px solid #8b4513;
}

/* Keep the poster shadow present but less dramatic and evenly distributed. */
.shadow-paper {
  box-shadow:
    0 10px 18px -10px rgba(0, 0, 0, 0.55),
    0 18px 26px -22px rgba(0, 0, 0, 0.45),
    inset 0 0 40px rgba(139, 69, 19, 0.14) !important;
}

.text-ink {
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.video-audio-button {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.divider {
  height: 4px;
  background: #2c1e16;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin: 1.5rem 0;
  border-radius: 50%;
}