.miss-notice {
  position: absolute;
  z-index: 6;
  right: max(22px, env(safe-area-inset-right));
  top: 42%;
  color: #ff684d;
  font: 1000 clamp(24px, 4vw, 42px) ui-monospace, monospace;
  letter-spacing: .08em;
  text-shadow: 0 4px 24px #000;
  pointer-events: none;
  animation: miss-pop .8s ease-out both;
}

@keyframes miss-pop {
  0% { opacity: 0; transform: translateX(18px) scale(.9); }
  18% { opacity: 1; transform: translateX(0) scale(1); }
  72% { opacity: 1; }
  100% { opacity: 0; transform: translateX(8px); }
}