#auth{width:min(94vw,480px);padding:16px 18px}#auth h2{margin:0 0 12px;text-align:center}#auth .close{margin-bottom:6px;min-height:36px;padding:5px 10px}
.noel-signup-personality[hidden],.noel-pseudo-tools[hidden]{display:none!important}
.noel-avatars{margin:0;padding:10px;border:1px solid #dfb46b;border-radius:15px;background:radial-gradient(ellipse at top,#7f263e80,transparent),#112f38}
.noel-avatars legend{font:20px Noel,Georgia,serif;color:#ffe4a0;padding:0 7px}
.noel-avatar-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px 5px}
#auth .noel-avatar-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;margin:0;cursor:pointer;font:11px Noel,Georgia,serif;color:#f7e5bf}
#auth .noel-avatar-option input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0;width:100%;height:100%}
.noel-avatar-portrait,.noel-account-avatar{display:block;width:44px;height:44px;border-radius:50%;background-size:260% auto;background-position:50% 38%;border:2px solid #b18f5b;box-shadow:0 2px 5px #0008}
.noel-avatar-option:has(input:checked) .noel-avatar-portrait{border-color:#ffe59a;box-shadow:0 0 0 2px #9d2339,0 0 12px #ffcf6599}
.noel-avatar-option:has(input:checked)::after{content:'✓';position:absolute;top:28px;right:1px;background:#ffe3a1;color:#54201c;border-radius:50%;font:bold 12px/17px system-ui;width:17px;text-align:center;pointer-events:none}
.noel-avatar-option:has(input:focus-visible){outline:2px solid white;outline-offset:3px;border-radius:8px}
#auth .noel-avatar-choice{margin:7px 0 0;text-align:center;font-size:12px;color:#ffe3aa}
#auth .noel-pseudo-tools{margin:-6px 0 12px;padding:9px;border:1px solid #b38b57;border-radius:12px;background:linear-gradient(135deg,#164b3a,#0c2b30)}
#auth .noel-pseudo-tools p{margin:0 0 7px;font-size:12px;color:#f4e4c6}
.noel-pseudo-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:6px}
#auth .noel-pseudo-controls select,#auth .noel-generate{width:100%;min-width:0;min-height:40px;padding:6px;font-size:12px}
#auth .noel-generate{background:linear-gradient(#ffe6a4,#d7a34c);color:#492115;border-color:#ffe6a4;font-weight:700}
#auth #auth-submit{display:block;width:100%;background:linear-gradient(#be344c,#851d35);color:#fff4da;border-color:#e4bf79;font:20px Noel,Georgia,serif}
#account.noel-account-personal{display:flex;align-items:center;gap:6px;max-width:180px}.noel-account-avatar{width:28px;height:28px;flex-shrink:0}.noel-account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
@media(max-width:480px){#auth{padding:12px}.noel-avatars{padding:8px 5px}.noel-avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 4px}#account.noel-account-personal{max-width:145px}.noel-avatar-portrait{width:43px;height:43px}}