/* ── Aimee, el personaje ─────────────────────────────────────────────────── */
/* Lo monta assets/js/aimee-bot.js. El tamaño lo pone quien lo usa (ancho y
   alto del contenedor); el canvas se dibuja a esa resolución al montarse. */
#aimee .aimee-bot {
    position: relative;
    width: 230px;
    height: 230px;
    display: grid;
    place-items: center;
    touch-action: none;
}
#aimee .aimee-bot.is-interactive { cursor: pointer; }

#aimee .aimee-canvas {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
}

/* Halo de color detrás del personaje: cambia con el estado. */
#aimee .aimee-glow {
    position: absolute;
    width: 95%;
    height: 95%;
    border-radius: 50%;
    filter: blur(28px);
    opacity: .45;
    pointer-events: none;
    transition: background .4s ease, opacity .4s ease;
}