.nia-invitation { position: absolute; bottom: calc(100% + 16px); right: 0; width: 360px; max-width: calc(100vw - 28px); display: flex; align-items: center; padding: 10px; background: #203641; border: 1px solid #c9a971; border-radius: 8px; box-shadow: 0 10px 30px #0003, 0 0 20px #d4ae6918; animation: nia-invite-in .45s ease-out; }
.nia-invitation[hidden] { display: none; }
.nia-invitation::after { content: ''; position: absolute; right: 27px; bottom: -6px; width: 10px; height: 10px; background: #203641; border-right: 1px solid #c9a971; border-bottom: 1px solid #c9a971; transform: rotate(45deg); }
.nia-invitation button { background: transparent; color: #f6e8cd; text-align: left; font-size: 14px; line-height: 1.5; padding: 10px; min-height: 44px; }
.nia-invitation > button:first-child { flex: 1; }
.nia-invitation .nia-invitation-content { display: flex; align-items: center; gap: 13px; padding: 4px; min-width: 0; }
.nia-invitation-content img { width: 54px; height: 54px; flex: 0 0 54px; border-radius: 50%; object-fit: cover; object-position: center 27%; border: 1px solid #e9c88d; box-shadow: 0 0 0 5px #e9c88d10; }
.nia-invitation-copy { display: grid; gap: 5px; min-width: 0; flex: 1; }
.nia-invitation-wave { display: flex; align-items: center; justify-content: center; gap: 2px; width: 14px; height: 22px; flex: 0 0 14px; }
.nia-invitation-wave i { display: block; width: 2px; height: 12px; background: #e9c88d; transform-origin: center; animation: nia-invitation-speaking .9s ease-in-out infinite alternate; }
.nia-invitation-wave i:nth-child(2) { height: 19px; animation-delay: -.35s; }
.nia-invitation-wave i:nth-child(3) { height: 15px; animation-delay: -.65s; }
@keyframes nia-invitation-speaking { from { transform: scaleY(.35); opacity: .6; } to { transform: scaleY(1); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .nia-invitation-wave i { animation: none; } }
.motion-paused .nia-invitation-wave i { animation: none; }
.nia-invitation-copy small { font-size: 8px; letter-spacing: .1em; font-weight: 800; color: #e9c88d; }
.nia-invitation-copy strong { font: 400 18px/1.15 Georgia, serif; color: #fffaf0; letter-spacing: 0; }
.nia-invitation-copy > span { font-size: 11px; color: #ccd8dd; }
.nia-invitation .nia-invitation-close { align-self: flex-start; margin: -8px -8px 0 0; }
@media (max-width: 360px) { .nia-invitation-content img { width: 44px; height: 44px; flex-basis: 44px; } .nia-invitation .nia-invitation-content { gap: 10px; } .nia-invitation-copy strong { font-size: 17px; } }
.nia-invitation .nia-invitation-close { flex: 0 0 44px; text-align: center; font-size: 22px; color: #cfbb96; }
.has-invitation .nia-launcher-button { box-shadow: 0 0 0 5px #d4ae6914, 0 0 26px #d4ae692b; }
@keyframes nia-invite-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .nia-invitation { animation: none; } }
.motion-paused .nia-invitation { animation: none; }