.fa-scrim-hit { position: absolute; inset: 0; cursor: default; }
.modal.feedback-ask { position: relative; width: min(30rem, 100%); background: linear-gradient(180deg, rgba(22, 36, 60, .985), rgba(9, 15, 27, .99)); animation: none; }
.feedback-ask:focus, .feedback-ask:focus-visible { outline: none; }
.feedback-ask h2 { margin-bottom: .55rem; font-size: 1.85rem; }
.feedback-ask .fa-text { margin-bottom: 1.3rem; font-size: 1rem; line-height: 1.5; text-wrap: balance; }
.fa-discord { gap: .6rem; text-decoration: none; }
.fa-mark { flex: none; display: grid; place-items: center; width: 1.7rem; height: 1.7rem; border-radius: 50%; background: #5865f2; box-shadow: 0 0 0 1px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .2); }
.fa-mark .discord-mark { width: 1.1rem; height: 1.1rem; color: #fff; }
.feedback-ask .fa-gold { display: flex; align-items: center; justify-content: center; gap: .4rem; margin: .7rem 0 0; font-size: .86rem; color: var(--gold-1); }
.fa-gold .ia-emblem { flex: none; width: 1.15rem; height: 1.15rem; }
.fa-later { align-self: center; margin-top: .8rem; }

@media (max-width: 760px), (max-height: 500px) and (pointer: coarse) {
  .modal.feedback-ask { padding: 1.9rem 1.1rem 1.1rem; }
  .feedback-ask h2 { font-size: 1.6rem; }
  .feedback-ask .fa-text { font-size: .95rem; margin-bottom: 1.1rem; }
}