.emoji-relay { margin: .75rem 0; }
.emoji-relay > .btn { width: 100%; }
.relay-dialog { margin: auto; padding: 1rem; width: min(400px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); overflow: auto; border: 2px solid #f59e0b; border-radius: 14px; background: #fff; color: #1e293b; text-align: left; }
.relay-dialog:not([open]) { display: none; }
.relay-dialog::backdrop { background: rgb(15 23 42 / .6); }
.relay-dialog h2 { font-size: 1.2rem; }
.relay-dialog p { margin: .6rem 0; font-size: .9rem; overflow-wrap: anywhere; }
.relay-dialog label { display: block; margin-top: .75rem; font-weight: 700; font-size: .85rem; }
.relay-dialog input { display: block; width: 100%; min-width: 0; min-height: 44px; margin-top: .3rem; padding: .65rem; border: 2px solid #f59e0b; border-radius: 8px; font: inherit; font-size: 16px; }
.relay-dialog input:focus-visible { outline: 3px solid #1e293b; outline-offset: 2px; }
.relay-dialog form[hidden] { display: none; }
.relay-dialog .btn { width: 100%; margin-top: .65rem; }
#relay-puzzle { font-size: 2.5rem; text-align: center; }
#relay-message { min-height: 2.5rem; }