.name-alert{position:fixed;z-index:30;top:24px;left:50%;display:flex;align-items:center;gap:12px;width:min(calc(100% - 28px),430px);padding:13px 14px;border:1px solid rgba(244,114,182,.42);border-radius:14px;background:linear-gradient(145deg,rgba(31,16,36,.98),rgba(13,8,18,.98));box-shadow:0 24px 70px rgba(0,0,0,.62),0 0 28px rgba(168,85,247,.12);transform:translateX(-50%);animation:nameAlertIn .45s cubic-bezier(.2,.9,.2,1)}.name-alert img{width:48px;image-rendering:pixelated;filter:drop-shadow(0 8px 8px #000)}.name-alert div{min-width:0}.name-alert strong,.name-alert span{display:block}.name-alert strong{color:#f9a8d4;font-size:13px}.name-alert span{margin-top:3px;color:#b8afbf;font-size:10px}.name-alert button{margin-left:auto;border:0;background:none;color:#a79eac;font-size:20px;cursor:pointer}.field[aria-invalid=true]{border-color:#fb7185!important;box-shadow:0 0 0 3px rgba(251,113,133,.12)!important}.field-shake{animation:fieldShake .42s ease}@keyframes nameAlertIn{from{opacity:0;transform:translate(-50%,-22px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}@keyframes fieldShake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}