.name-modal{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:20px;background:#090a0acc;backdrop-filter:blur(12px);animation:fade .3s ease}.name-box{width:min(420px,100%);padding:28px;border:1px solid #393d3d;border-radius:24px;background:#171919;box-shadow:0 20px 80px #0008}.name-box h2{font-size:28px;margin:0 0 8px}.name-box input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid #444;background:#0d0f0f;color:#fff;font:inherit;margin:16px 0 10px}.name-box button{width:100%;padding:14px;border:0;border-radius:14px;background:#e9e9e7;color:#111;font-weight:700;font:inherit;cursor:pointer}@keyframes fade{from{opacity:0}to{opacity:1}}