.stinger-root {
  width: 1920px;
  height: 1080px;
  position: relative;
  overflow: hidden;
  background: transparent;
}

.paper-glow {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  background: #e6c078;
}

.paper {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
}

.paper .washi {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 42%, #d4b078 0%, #b07a3c 46%, #8a5526 78%, #623610 100%),
    repeating-linear-gradient(
      88deg,
      rgba(255, 244, 214, 0.08) 0 1px,
      transparent 1px 11px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(60, 28, 8, 0.07) 0 1px,
      transparent 1px 8px
    );
}

.paper .fibers {
  position: absolute;
  inset: 0;
  opacity: 0.35;
  background:
    radial-gradient(circle at 30% 28%, rgba(255, 236, 200, 0.18), transparent 36%),
    radial-gradient(circle at 72% 64%, rgba(80, 36, 8, 0.16), transparent 32%);
}

.kamon.mark {
  position: absolute;
  top: 48%;
  width: 210px;
  height: 210px;
  margin-top: -105px;
  opacity: 0.22;
  pointer-events: none;
}

.kamon.mark.left {
  left: 27%;
  margin-left: -105px;
}

.kamon.mark.right {
  right: 27%;
  margin-right: -105px;
}

.kamon svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.seal {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 400px;
  height: 400px;
  margin: -200px 0 0 -200px;
  z-index: 6;
  pointer-events: none;
  opacity: 0;
}

.seal-face {
  position: absolute;
  inset: 0;
  transform-origin: 50% 50%;
}

.seal-halo {
  position: absolute;
  inset: -72px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(255, 232, 180, 0.4) 0%,
    rgba(255, 196, 90, 0.1) 40%,
    transparent 70%
  );
  opacity: 0;
}

.seal-shock {
  display: none;
}

.seal-face svg.seal-chrome {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.seal-disc {
  position: absolute;
  inset: 80px;
  border-radius: 50%;
  overflow: hidden;
  background: radial-gradient(circle at 50% 28%, #6a4018, #2a1408 72%);
  box-shadow:
    inset 0 0 24px rgba(0, 0, 0, 0.5),
    0 0 0 3px rgba(212, 164, 90, 0.35);
}

.seal-disc img {
  position: absolute;
  width: 152%;
  height: 152%;
  left: -26%;
  top: -10%;
  object-fit: cover;
  object-position: 50% 8%;
}

#fx {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: transparent;
}