/* v14.166: adornos de avatar (sombreros y marcos) */
.avatar-wrap{--adorn-z:1;}
.avatar-wrap .adorn{position:absolute;left:-30%;top:-55%;width:160%;height:160%;overflow:visible;pointer-events:none;display:block;}
.avatar-wrap .adorn-frame{z-index:1;}
.avatar-wrap .adorn-hat{z-index:3;}
.avatar-wrap .adorn-glow-neon{filter:drop-shadow(0 0 3px rgba(25,227,255,.9)) drop-shadow(0 0 7px rgba(255,60,200,.55));}
.avatar-wrap .adorn-glow-frost{filter:drop-shadow(0 0 4px rgba(150,215,255,.85));}
.avatar-wrap .adorn-glow-fire{filter:drop-shadow(0 0 4px rgba(255,120,20,.75));}
.adorn-flame{transform-box:fill-box;transform-origin:50% 100%;animation:adornFlame .9s ease-in-out infinite alternate;}
@keyframes adornFlame{from{transform:scaleY(.86) skewX(-3deg);}to{transform:scaleY(1.08) skewX(3deg);}}
/* deja sitio para que el sombrero no quede tapado por la fila de arriba */
.msg:has(> .avatar-wrap.has-hat){padding-top:16px;}
.user-row:has(> .avatar-wrap.has-hat){padding-top:11px;}
.user-row:has(> .avatar-wrap.has-frame),.msg:has(> .avatar-wrap.has-frame){padding-left:7px;}
@media (prefers-reduced-motion:reduce){.adorn-flame{animation:none;}}

/* Botón en Ajustes → Tu perfil */
.adorn-open-row{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap;}
.adorn-open-row .help{margin:0;}

/* Ventana */
.modal.adorn-box{width:min(860px,calc(100vw - 20px));max-width:none;height:min(680px,calc(100vh - 20px));max-height:calc(100dvh - 20px);display:flex;flex-direction:column;padding:0;overflow:hidden;}
.adorn-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px 12px;border-bottom:1px solid var(--border);}
.adorn-head h3{margin:0;font-family:var(--font-display);font-size:20px;}
.adorn-head .adorn-sub{font-size:12px;color:var(--text-muted);margin-top:2px;}
.adorn-close{border:0;background:transparent;color:var(--text-muted);font-size:22px;line-height:1;padding:4px 8px;border-radius:8px;}
.adorn-close:hover{background:var(--surface-2);color:var(--text);}
.adorn-body{display:flex;flex:1 1 auto;min-height:0;overflow:hidden;}
.adorn-preview{flex:0 0 230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px 14px 20px;border-right:1px solid var(--border);background:linear-gradient(180deg,rgba(91,110,245,.10),transparent 70%);}
.adorn-preview-stage{padding:34px 22px 12px;}
.adorn-preview-name{font-family:var(--font-display);font-weight:600;font-size:16px;text-align:center;word-break:break-word;}
.adorn-preview-sel{font-size:12px;color:var(--text-muted);text-align:center;line-height:1.5;}
.adorn-main{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;}
.adorn-tabs{display:flex;gap:6px;padding:12px 18px 8px;flex-wrap:wrap;}
.adorn-tab{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);border-radius:999px;padding:5px 14px;font-size:13px;font-weight:600;}
.adorn-tab:hover{color:var(--text);}
.adorn-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;}
.adorn-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:4px 18px 14px;}
.adorn-section-title{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:12px 0 8px;}
.adorn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;}
.adorn-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:30px 8px 10px;border:1.5px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:12px;text-align:center;transition:border-color .15s,transform .15s,background .15s;}
.adorn-card:hover{border-color:var(--accent-strong);transform:translateY(-1px);}
.adorn-card.selected{border-color:var(--accent);background:rgba(91,110,245,.16);box-shadow:0 0 0 2px rgba(91,110,245,.35);}
.adorn-card.selected::after{content:'✓';position:absolute;top:6px;right:8px;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.adorn-card-art{padding:0 10px 4px;}
.adorn-card-name{font-size:13px;font-weight:600;line-height:1.2;}
.adorn-card-tag{font-size:11px;color:var(--text-muted);}
.adorn-empty{padding:30px 10px;text-align:center;color:var(--text-muted);font-size:13px;}
.adorn-foot{display:flex;align-items:center;gap:10px;padding:12px 20px;border-top:1px solid var(--border);flex-wrap:wrap;}
.adorn-count{flex:1;font-size:13px;color:var(--text-muted);min-width:120px;}
@media(max-width:640px){
  .modal.adorn-box{height:calc(100dvh - 12px);max-height:none;}
  .adorn-head{padding:12px 14px 10px;}.adorn-head .adorn-sub{display:none;}
  .adorn-tabs{padding:10px 14px 6px;}.adorn-scroll{padding:2px 14px 12px;}.adorn-foot{padding:10px 14px;}
  .adorn-preview-name{text-align:left;}.adorn-preview-sel{text-align:left;}
  .adorn-body{flex-direction:column;}
  .adorn-preview{flex:0 0 auto;flex-direction:row;border-right:0;border-bottom:1px solid var(--border);padding:10px 14px;gap:16px;justify-content:flex-start;}
  .adorn-preview-stage{padding:34px 14px 8px;}
  .adorn-count{flex:1 0 100%;}
  .adorn-foot .btn{flex:1;}
  .adorn-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));}
}

/* v14.166: brillos y animaciones de los adornos nuevos */
.avatar-wrap .adorn-glow-gold{filter:drop-shadow(0 0 4px rgba(255,214,90,.85));}
.avatar-wrap .adorn-glow-green{filter:drop-shadow(0 0 3px rgba(57,255,136,.8)) drop-shadow(0 0 6px rgba(255,63,208,.45));}
.avatar-wrap .adorn-glow-electric{filter:drop-shadow(0 0 3px rgba(255,225,74,.9)) drop-shadow(0 0 7px rgba(88,208,255,.6));}
.avatar-wrap .adorn-glow-diamond{filter:drop-shadow(0 0 4px rgba(127,220,255,.85));}
.adorn-bulb{animation:adornBulb 1.6s ease-in-out infinite alternate;filter:drop-shadow(0 0 1.6px currentColor);}
@keyframes adornBulb{from{opacity:.5;}to{opacity:1;}}
.adorn-zap{animation:adornZap 1.3s ease-in-out infinite alternate;}
@keyframes adornZap{from{opacity:.55;}to{opacity:1;}}
@media (prefers-reduced-motion:reduce){.adorn-bulb,.adorn-zap{animation:none;opacity:1;}}

.avatar-wrap .adorn-glow-pink{filter:drop-shadow(0 0 4px rgba(255,150,215,.8));}